Wordpress: Unterschied zwischen den Versionen

aus www.kruedewagen.de, Homepage von Ralf und Judith Krüdewagen (Kruedewagen)
Zur Navigation springen Zur Suche springen
(155 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Diese Seite beschreibt den Einsatz von '''Wordpress''' als [http://de.wikipedia.org/wiki/Blog Blogging]-System.  Wordpress ist Grundlage für das [{{SERVER}}/blog/ KRÜDEWAGEN BLOG].
Diese Seite beschreibt den Einsatz von '''Wordpress''' als [http://de.wikipedia.org/wiki/Blog Blogging]-System.  Wordpress ist Grundlage für das [{{SERVER}}/blog/ KRÜDEWAGEN BLOG].


== Projekt-Homepage und Links ==
*[http://www.wordpress.org Wordpress-Homepage (en)]
*[http://wordpress.de Wordpress-Homepage (de)]
*[http://doku.wordpress-deutschland.org/Hauptseite Dokumentation (de)]


*[http://wp-community.org/ WordPress Podcast]


== Allgemeines ==
*Neuerungen in Wordpress 3.0 (Theme, Multisites): siehe [[iX]] 09/10 S.52
*Wordpress erweitern und optimieren: siehe [[c't]] 18/14 S.170
*Wordpress für Suchmaschinen optimieren (SEO): siehe [[c't]] 11/15 S.164
== Themes ==
*[http://www.drweb.de/magazin/16-kostenlose-wordpress-themes-aus-november-2012-37217/ 16 kostenlose WordPress-Themes] (Dr. Web Magazin)
*[http://www.noupe.com/wordpress/fresh-and-free-wordpress-themes-from-december-2012-74059.html Fresh and Free WordPress Themes Released In December 2012] (noupe)
*[http://www.drweb.de/magazin/total-recall-4-die-100-besten-kostenlosen-wordpress-themes-des-jahres-2013-46332/ Die 100+ besten kostenlosen WordPress-Themes des Jahres 2013] (Dr. Web Magazin)


*[http://sw-guide.de/wordpress/wordpress-als-cms/ WordPress als CMS]
*http://www.myblogtrainer.de/farbauswahl-theme-twenty-twelve/
*[http://www.texto.de/wordpress-als-cms-nutzen-link-sammlung-von-plugins-und-tutorials/ WordPress als CMS Linksammlung]
*[http://die.netzspielwiese.de/blog/wordpress/2006-06/wordpress-als-cms-ein-fallbeispiel Wordpress als CMS - ein Fallbeispiel]


*[http://www.stuttgartblog.net/anleitung Anleitung für Autoren]
===Themes erstellen===
*Template-Engine [http://phptal.org PHPTAL]: siehe iX 12/09 S.152
*Um bei Update selbst geänderte Themes nicht zu überschreiben, kann ein Child-Theme erstellt werden unter ''wp-content/themes/'' mit Verweis auf Eltern-Theme in ''style.css''.
**siehe [[c't]] 18/12 S.156
**siehe c't 03/13 S.158
*http://www.myblogtrainer.de/child-theme-twenty-twelve-erstellen/
*Eigenes Theme entwickeln: siehe [[c't]] 25/15 S.178, [ftp://ftp.heise.de/pub/ct/listings/1525-178.zip Beispiel-Code]


== Themes ==
===Themes-Sammlungen===
===Themes-Sammlungen===
*http://wordpress.org/extend/
*http://wordpress.org/extend/themes
*http://www.nattywp.com
*http://topwpthemes.com
*http://www.freewpthemes.net
*http://themes.wordpress.net/
*http://themes.wordpress.net/
*http://codex.wordpress.org/Using_Themes/Theme_List
*http://codex.wordpress.org/Using_Themes/Theme_List
Zeile 30: Zeile 40:
==== Deutsche Übersetzung von mir ====
==== Deutsche Übersetzung von mir ====
*''Download des Themes'': http://www.kruedewagen.de/download/mistylook-101_de.tar.gz
*''Download des Themes'': http://www.kruedewagen.de/download/mistylook-101_de.tar.gz
*Beispiel-Website mit diesem Theme: {{SERVER}}/blog KRÜEDEWAGEN BLOG


Hinweis: Umlaute wurden direkt mit ö,ä,ü etc. in den Quelltext geschrieben. Das sollte jeder vernünftige Browser darstellen können, zumal die Seiten UTF-8 kodiert ausgeliefert werden.
Hinweis: Umlaute wurden direkt mit ö,ä,ü etc. in den Quelltext geschrieben. Das sollte jeder vernünftige Browser darstellen können, zumal die Seiten UTF-8 kodiert ausgeliefert werden.
Zeile 36: Zeile 45:
<small>Deutsche Übersetzung (v1) siehe auch Blog http://www.eisregen1986.fs4y.be/blog/wordpress/wordpress-themes/mistylook-de/</small>
<small>Deutsche Übersetzung (v1) siehe auch Blog http://www.eisregen1986.fs4y.be/blog/wordpress/wordpress-themes/mistylook-de/</small>


==== Meine speziellen Anpassungen des Themes ====
==== Meine speziellen Anpassungen des MistyLook 2 Themes ====
*Sidebar
*Sidebar
:In <tt>sidebar.php</tt> habe ich die Reihenfolge der Einträge verändert und den Standard-Kalender eingefügt mittels
:In <tt>sidebar.php</tt> habe ich die Reihenfolge der Einträge verändert und den Standard-Kalender eingefügt mittels
Zeile 79: Zeile 88:


===MistyLook 3 ===
===MistyLook 3 ===
[http://wpthemes.info/misty-look/version-3/ Mistylook 3 Page], [http://forums.wpthemes.info/ Forum]
====Weblinks ====
*[http://wpthemes.info/misty-look/ MistyLook]
*[http://wpthemes.info/misty-look/version-3/ alte Mistylook 3 Page]
*[http://forums.wpthemes.info/ Forum]


==== Deutsche Übersetzung ====
==== Deutsche Übersetzung ====
*Download des Themes: http://www.kruedewagen.de/download/mistylook3_de.tar.gz
Seit [http://wpthemes.info/misty-look/ MistyLook] '''3.6''' kann man Sprachpakete benutzen, so dass eine Übersetzung der Sourcen nicht mehr nötig ist. Siehe [http://wpthemes.info/?dl=16 deutsches Sprachpaket].
*Beispiel-Website mit diesem Theme: [{{SERVER}}/wp2/ KRÜEDEWAGEN Test-BLOG]
 
Beispiel-Website mit diesem Theme in deutscher Sprache: [{{SERVER}}/blog/ KRÜEDEWAGEN BLOG]
 
Anmerkungen für ältere MistyLook Versionen:
*Download des Themes MistyLook '''Version 3.0''': http://www.kruedewagen.de/download/mistylook3_de.tar.gz
*Siehe auch [[MistyLook3_Anpassungen_de|hier]] ein paar Infos über zusätzlichen DE-Anpassungen.
*Siehe auch [[MistyLook3_Anpassungen_de|hier]] ein paar Infos über zusätzlichen DE-Anpassungen.


==== Meine speziellen Anpassungen des Themes ====
==== Meine speziellen Anpassungen des MistyLook 3 Themes ====
Folgende Anpassungen habe ich noch zusätzlich vorgenommen, welche in der o.g. Übersetzung nicht enthalten sind.
Gütig für Version 3.6.x und 3.7.x, siehe [[Wordpress/MistyLook3_Anpassungen_alt|hier]] für zusätzliche Anpassungen älterer Versionen.


*Sidebar
Folgende Anpassungen habe ich noch zusätzlich vorgenommen, welche in der o.g. Übersetzung '''nicht''' enthalten sind.
 
*comments.php
:Wenn man nicht eingeloggt ist, rutscht die Sidebar sehr oft vom Rand rechts unten den Artikel (zumindest seit Wordpress 3.x). Das liegt wohl an einem Bug in MistyLook, siehe auch [http://wpthemepark.com/2006/10/13/sidebar-drops-down.html/comment-page-4#comments] und Prüfung per [http://validator.w3.org validator.w3.org]. Das <nowiki></div></nowiki>-Tag in Zeile 86 muss zwischen die beiden endif verschoben werden:
 
<pre><nowiki>
<?php do_action('comment_form', $post->ID); ?>
 
</form>
 
<?php endif; // If registration required and not logged in ?>
</div>
<?php endif; // if you delete this the sky will fall on your head ?>
</nowiki></pre>
 
*sidebar.php
:In <tt>sidebar.php</tt> habe ich die Reihenfolge der Einträge verändert und den Standard-Kalender bzw. EventCalendar eingefügt mittels
:In <tt>sidebar.php</tt> habe ich die Reihenfolge der Einträge verändert und den Standard-Kalender bzw. EventCalendar eingefügt mittels
  <nowiki><?php get_calendar(); ?></nowiki>
  <nowiki><?php get_calendar(); ?></nowiki>
bzw.
bzw.
<pre><nowiki>
<pre><nowiki>
<li class="sidebox">
<li class="sidebox">
<?php ec3_get_calendar(); ?>
<?php ec3_get_calendar(); ?>
</li>
</li>
Zeile 102: Zeile 133:
</li>
</li>
</nowiki></pre>
</nowiki></pre>
:Startseite hinzugefügt in "Pages"
 
:''Home'' hinzugefügt in "Pages"
<pre><nowiki>
<pre><nowiki>
<li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="Home">Startseite</a></li>
<ul>
<?php wp_list_pages('title_li=' ); ?>
<li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="<?php _e('Home','ml');?>"><?php _e('Home','ml');?></a></li>
<?php wp_list_pages('title_li=' ); ?>
</ul>
</nowiki></pre>
 
Für Countdown-Plugin unterhalb des Calendars:
<pre><nowiki>
<?php if(is_home()) { ?>
<li class='sidebox'>
<?php cc_countdown('05/08/2010 15:00','Kartenabend Countdown','FALSE'); ?>
</li>
<?php } ?>
</nowiki></pre>
</nowiki></pre>
*Bild <tt>misty.jpg</tt>
*Bild <tt>misty.jpg</tt>
:Größe: 569x200 px (780px ist die Gesamtbreite der Seite)
:Größe: 569x200 px (780px ist die Gesamtbreite der Seite)
*Bild <tt>profile.jpg</tt>
*Bild <tt>profile.jpg</tt>
:Größe: 100x74 px
:Größe: 100x74 px
*<tt>style.css</tt>
*<tt>style.css</tt>
:Änderung "height" an tatsächliche Höhe des eigenen Bildes, Bild zentrieren
:Abstand der Listenpunkte in der Sidebar
<pre><nowiki>
#headerimage {
        clear: both;
        background: #fff url(img/misty.jpg) no-repeat center 0;
        margin: 10px;
        color: #fff;
        height: 200px;
}
</nowiki></pre>
:Änderung der margin für Unterseiten in der Navigationbar
<pre><nowiki>
<pre><nowiki>
#sidebar ul ul
#sidebar li
{
{
list-style:none;
margin-bottom:1px;
margin:0em 0 0 1em;
padding:0;
}
}
</nowiki></pre>
</nowiki></pre>
:Hinzufügen von diversen ''wp-calendar'' Styles
:Hinzufügen von diversen [[Wordpress/MistyLook3_wp-calendar|wp-calendar]] Styles
 
*favicon hinzugefügt <tt>header.php</tt>:
*favicon hinzugefügt <tt>header.php</tt>:
  <nowiki><link rel="shortcut icon" href="/favicon_blog.ico" /></nowiki>
  <pre><nowiki><link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="/favicon_blog.ico" /></nowiki></pre>
 
*functions.php
*functions.php
:Da mein Blog keine Description hat, habe ich den Punkt entfernt:
:Da mein Blog keine Description hat, habe ich den Punkt entfernt:
  <nowiki><?php bloginfo('description');?><br/></nowiki>
  <pre><nowiki><?php bloginfo('description');?><br/></nowiki></pre>
 
*archive.php und search.php
*archive.php und search.php
:Da das Theme auf Archiv- und Search-Seiten nur einen kurzen Extrakt der Beiträge liefert,z.B. ohne Links und Bilder, habe ich diese Dateien verändert.
:Da das Theme auf Archiv- und Search-Seiten nur einen kurzen Extrakt der Beiträge liefert, z.B. ohne Links und Bilder, habe ich diese Dateien verändert.
alt:
alt:
<pre><nowiki>
<pre><nowiki>
Zeile 147: Zeile 185:
<?php the_content(); ?>
<?php the_content(); ?>
</nowiki></pre>
</nowiki></pre>
:auskommentiert
<pre><nowiki><?php _e('Read Full Post &#187;','ml');?></nowiki></pre>
*mögliche Farbanpassungen in <tt>style.css</tt>, am Beispiel blau statt grün:
**color: #16459a statt #265e15
**background-color (eventcalendar): #d9e4f6 statt #cae7c1


=== wp-andreas09 ===
=== wp-andreas09 ===
Siehe http://www.zyblog.de/2006/06/14/deutsche-sprachdatei-fuer-wordpress-theme-wp-andreas09/
Siehe http://www.zyblog.de/2006/06/14/deutsche-sprachdatei-fuer-wordpress-theme-wp-andreas09/
=== Weitere interessante Themes ===
*[http://wordpress.org/extend/themes/dkret3 dkret3]


== Plugins ==
== Plugins ==
Zeile 160: Zeile 207:
***[http://www.zyblog.de/2006/02/02/patching-the-copperminesc-plugin/ Beispiel-Blog]
***[http://www.zyblog.de/2006/02/02/patching-the-copperminesc-plugin/ Beispiel-Blog]
***http://wp-plugins.net/?filter=coppermine
***http://wp-plugins.net/?filter=coppermine
**[http://wordpress.org/extend/plugins/jalbum-badge/ JAlbum Badge] Blog Widget, siehe auch [http://jalbum.net/blog/entry/say-hello-to-jalbum-blog-badge/ jalbum.net].


*Editoren
*Editoren
Zeile 175: Zeile 223:
**http://zeo.unic.net.my/notes/wp-lightbox-js-wordpress-plugin/
**http://zeo.unic.net.my/notes/wp-lightbox-js-wordpress-plugin/
**[http://www.lazyboy.dk/wordpress/?page_id=14 Lazy Gallery Plugin]
**[http://www.lazyboy.dk/wordpress/?page_id=14 Lazy Gallery Plugin]
**[http://cnpstudio.com/blog/2008/02/06/cnp-heart-voce/ Image-Rotator Plugin]
*Kalender
*Kalender
**[http://wpcal.firetree.net/ Event Calendar]
**[http://wpcal.firetree.net/ Event Calendar], [http://penguin.firetree.net/pipermail/eventcalendar/2009-August/005570.html PHP 5.3 Patch]
*Umfrage
*Umfrage, Surveys, Quiz
**http://www.jessman.com/2005/10/04/wordpress-plugin-democracy-ajax-umfrage/ Democracy AJAX Umfrage]]
**[http://wordpress.org/extend/plugins/wp-polls/ WP-Polls]
**[http://blog.jalenack.com/archives/democracy/ Democracy AJAX Poll]
**[http://www.bin-co.com/blog/2008/11/surveys-wordpress-plugin/ Surveys WordPress Plugin]
**[http://www.bin-co.com/blog/2008/11/quizzin-wordpress-plugin/ Quizzin WordPress Plugin for Quiz Creation]
*Postings
*Postings
**[http://www.silpstream.com/blog/post2page/ Post2Page]
**[http://www.silpstream.com/blog/post2page/ Post2Page]
**[http://cnpstudio.com/blog/2008/02/06/cnp-heart-voce/ Author Comment Reply Plugin]
*Seiten
*Seiten
**[http://www.semiologic.com/software/static-front/ Static front page plugin]
**[http://www.semiologic.com/software/static-front/ Static front page plugin]
Zeile 204: Zeile 257:


*Videos (YouTube etc.)
*Videos (YouTube etc.)
**http://bassistance.de/index.php/2006/04/12/wordpress-youtube-plugin/, http://blog.aphex3k.de/?page_id=85
**[http://bassistance.de/index.php/2006/04/12/wordpress-youtube-plugin/ WordPress-Youtube-Plugin]
**[http://www.daburna.de/blog/2006/12/13/wordpress-video-plugin/ Wordpress Video Plugin], http://www.daburna.de/dokuwiki/doku.php/instruction
**[http://www.simplethoughtproductions.com/category/simple-flash-video/ Simple Flash Video] (mit [http://www.longtailvideo.com/players/jw-flv-player/ JW FLV Player]). :Beispiel für ein direkt in die Webseite eigebettetes Video:
[video filename=/blog/wp-content/uploads/video.mp4 shadowbox=off autostart=off title=Priest image=http://www.kruedewagen.de/blog/wp-content/uploads/video.jpg /]
:Beispiel Audio:
[video filename=http://chaosradio.ccc.de/archive/chaosradio_express_129.mp3 height=180 width=320 shadowbox=off autostart=off title=CRE129 /]
 
 
**http://blog.aphex3k.de/?page_id=85
**http://ehough.com/youtube/tubepress
**http://ehough.com/youtube/tubepress
**http://helmetcameracentral.com/2006/01/11/videobloggerplugin/
**http://helmetcameracentral.com/2006/01/11/videobloggerplugin/
**[http://corp.kaltura.com/blog/2008/08/14/kaltura-launching-version-10-of-interactive-video-plugin-for-wordpress/ Kaltura],siehe auch [http://www.opensource-weblog.de/50226711/video_plugin_far_wordpress.php opensource-weblog.de]
*Audio
**[http://wpaudioplayer.com WordPress Audio Player]
:Beispiel:
[audio:http://chaosradio.ccc.de/archive/chaosradio_express_129.mp3]
**[http://wordpress.org/extend/plugins/wpaudio-mp3-player/ WPaudio MP3 Player]


*Authentifizierung / Zugangsschutz
*Authentifizierung / Zugangsschutz
**[http://blog.taragana.com/index.php/archive/angsumans-authenticated-wordpress-plugin-password-protection-for-your-wordpress-blog/ Angsuman’s Authenticated WordPress Plugin - Password Protection for Your WordPress Blog]
**[http://blog.taragana.com/index.php/archive/angsumans-authenticated-wordpress-plugin-password-protection-for-your-wordpress-blog/ Angsuman’s Authenticated WordPress Plugin - Password Protection for Your WordPress Blog]
**[http://forum.wordpress-deutschland.org/konfiguration/62184-hook-fuer-passworteingabe-page-beitrag-oder-name-der-funktion-gesucht.html#post289497 Fix für Weiterleitung passwortgeschützter Seiten]
**2FA
***https://de.wordpress.org/plugins/two-factor/
***https://de.wordpress.org/plugins/two-factor-authentication/ (Backup-Codes nur in Premium)
***https://de.wordpress.org/plugins/miniorange-2-factor-authentication/ (Backup-Codes nur in Premium)


*Analyse / Statistiken
*Analyse / Statistiken
**[http://www.openwebanalytics.com/ Open Web Analytics] (OWA), [http://www.linux.com/article.pl?sid=07/05/22/1332241]
**[http://www.openwebanalytics.com/ Open Web Analytics] (OWA)


* Firefox Extension
* Firefox Extension
**[http://www.schloebe.de/firefox-extensions/wordpress-helper/ Wordpress Helper]
**[http://www.schloebe.de/firefox-extensions/wordpress-helper/ Wordpress Helper]
*Lizenzen
**[http://www.g-loaded.eu/2006/01/14/creative-commons-configurator-wordpress-plugin/ Creative-Commons-Configurator]
*Mail
**[http://wordpress.org/extend/plugins/wp-mail-smtp/ WP Mail SMTP], see also [http://www.callum-macdonald.com/code/wp-mail-smtp/]
*Captchas (Anti-Spam)
**[http://wordpress.org/extend/plugins/wp-recaptcha/ WP-reCAPTCHA]
**[http://wordpress.org/extend/plugins/si-captcha-for-wordpress/ SI CAPTCHA Anti-Spam]
**http://webduos.com/top-wordpress-captcha-plugins/
**http://www.meinhosting.de/wordpress/wordpress-captcha-plugins-erfahrungen-und-tipps-163.html
*Mobile Web
**[http://wordpress.org/extend/plugins/wptouch/ WPtouch]
**[http://wordpress.org/extend/plugins/wordpress-mobile-pack/ WordPress Mobile Pack]
*Social Web
**Eigenes soziales Netzwerk mit [http://buddypress.org/ BuddyPress]: siehe c't 20/10 S.162
**http://ppfeufer.de/wordpress-plugin/2-click-social-media-buttons/ (bei [[IPv6]] muss man ggf. dieses Plugin einmalig kurz deaktivieren, dann wieder aktivieren)
*Kontaktformulare
**[http://www.fastsecurecontactform.com Fast Secure Contact Form]
*Backup
**WP-Database Backup
**BackupWordpress
*Chaching
**[http://wordpress.org/plugins/cachify/ Cachify]
*Fonts
**[https://wordpress.org/plugins/disable-google-fonts/ Disable Google Fonts]
*Online-Shop
**siehe [[iX]] 10/15 S.88
*Themes und Plugins aktualisieren nach einem "git push" mittels Webhook mit [https://github.com/afragen/github-updater GitHub Updater], funktioniert auch mit [[GitLab]]


== Allgemeine Konfiguration ==
== Allgemeine Konfiguration ==
Zeile 225: Zeile 337:
*[http://www.journal.kylaloo.net/2004-08/trackback Trackbacks]
*[http://www.journal.kylaloo.net/2004-08/trackback Trackbacks]
*[http://kronn.de/weblog/2004/09/18/trackback-vs-pingback/ Trackback vs. Pingback]
*[http://kronn.de/weblog/2004/09/18/trackback-vs-pingback/ Trackback vs. Pingback]
*http://codex.wordpress.org/Introduction_to_Blogging#Trackbacks
*http://oftgestelltefragen.wordpress.com/2006/07/01/was-ist-ein-pingback/
*http://oftgestelltefragen.wordpress.com/category/trackback/


==== Genehmigen ====
==== Genehmigen ====
Zeile 230: Zeile 345:
*Mit der globalen Einstellung "muss er von einem Administrator genehmigt werden (unabhängig von allen folgenden Einstellungen)" schaltet man den Genehmigungsprozess für Pingbacks und Trackbacks ein.
*Mit der globalen Einstellung "muss er von einem Administrator genehmigt werden (unabhängig von allen folgenden Einstellungen)" schaltet man den Genehmigungsprozess für Pingbacks und Trackbacks ein.
*Die beiden weiteren globale Parameter unter "Bevor ein Kommentar erscheint" scheinen jedoch keine Auswirkung zu haben.
*Die beiden weiteren globale Parameter unter "Bevor ein Kommentar erscheint" scheinen jedoch keine Auswirkung zu haben.
===Avatar===
Für Kommentare und den Admin-Bereich:
*Einstellungen › Diskussion
*http://en.gravatar.com/
Für Postings:
*http://wordpress.org/support/topic/204869?replies=5


== Spezielle Konfiguration und Anpassungen ==
== Spezielle Konfiguration und Anpassungen ==
Zeile 304: Zeile 426:
:Für große Bilder (ab ca. 7 Megapixel) muss memory_limit in php.ini auf >32MB erhöht werden
:Für große Bilder (ab ca. 7 Megapixel) muss memory_limit in php.ini auf >32MB erhöht werden
*Table-Plugin
*Table-Plugin
**Table-Plugin installieren (siehe Links)
**<tt>wordpress.js</tt>
**<tt>wordpress.js</tt>
  plugins : "table,emotions,imagebrowser,dictionary,wordpress"
  plugins : "table,emotions,imagebrowser,dictionary,wordpress"
  theme_advanced_disable : "table entfernen"
  theme_advanced_disable : "table entfernen"
**Table-Plugin installieren (siehe Links)
theme_advanced_buttons2_add : "....,separator,table"


== Sicherheit ==
== Sicherheit ==
*http://blog.mauline.org/2006/02/02/wordpress-sicher-betreiben/
*http://blog.mauline.org/2006/02/02/wordpress-sicher-betreiben/
*http://www.tamagothi.de/2007/09/23/datenschutzproblem-in-wordpress-23/
*[http://blogs-optimieren.de/2008/06/29/sicherheit-geht-vor-wordpress-exploit-scanner/ Wordpress Exploit Scanner]
*[http://blogsecurity.net WP Vulnerability Scanner (online)] - blogsecurity.net
*[http://wordpressbuch.de/wordpress-sicherer-machen/30/ wordpres-sicherer-machen]
*siehe LU 01/09 S.51
*[http://wpscan.org WPScan] Sicherheitsscanner für Wordpress
=== SSL ===
Seit WP 2.6 kann das Login und der Admin-Bereich per '''SSL''' verschlüsselt werden, siehe:
*http://boren.nu/archives/2008/07/14/ssl-and-cookies-in-wordpress-26/
Dazu müssen einige Konstanten in ''wp-config.php'' definiert werden. Die Keys kann man z.B. [http://api.wordpress.org/secret-key/1.1/ hier erzeugen].
<pre>
define('AUTH_KEY', 'xxyyzz');
define('SECURE_AUTH_KEY', ''aabbcc);
define('LOGGED_IN_KEY', 'ffgghh');
define('FORCE_SSL_ADMIN',true);
define('FORCE_SSL_LOGIN',true);
</pre>


== Bekannte Probleme ==
== Bekannte Probleme ==
Zeile 320: Zeile 463:
=== Diverse Tipps und Tricks ===
=== Diverse Tipps und Tricks ===
*[http://forum.wordpress-deutschland.org/showthread.php?t=10124&highlight=Beitr%E4ge+Seite Postliste auf extra Seite]
*[http://forum.wordpress-deutschland.org/showthread.php?t=10124&highlight=Beitr%E4ge+Seite Postliste auf extra Seite]
=== Neues in WP 3.x ===
*[http://blog.wordpress-deutschland.org/2010/04/20/shortlinks-mit-wordpress-3-0.html Shortlinks mit WordPress 3.0]
*[http://blog.wordpress-deutschland.org/2010/04/29/neue-schluessel-ab-wordpress-3-0-fuer-die-konfiguration.html Neue Schlüssel ab WordPress 3.0 für die Konfiguration]
*[http://blog.wordpress-deutschland.org/2010/05/23/multi-blog-funktion-in-wordpress-3-0-aktivieren.html Multi-Blog-Funktion in WordPress 3.0 aktivieren]
=== Erweiterte Editor-Optionen in WP 2 ===  
=== Erweiterte Editor-Optionen in WP 2 ===  
*per Alt-Shift-v (Firefox) oder Alt-v (IE), siehe [http://www.the-world-in-our-eyes.de/2007/02/08/eastereggs-im-wysiwyg-in-wp-21/].
*per Alt-Shift-v (Firefox) oder Alt-v (IE), siehe [http://www.the-world-in-our-eyes.de/2007/02/08/eastereggs-im-wysiwyg-in-wp-21/].
Zeile 326: Zeile 475:
=== MySQL Character Set (UTF-8) ===
=== MySQL Character Set (UTF-8) ===
*http://codex.wordpress.org/Converting_Database_Character_Sets
*http://codex.wordpress.org/Converting_Database_Character_Sets
=== Tutorials ===
*http://wordpresstraining.com (auch als Video)
=== Kommentare ===
Kommentare von älteren Posts schließen:
*http://benohead.com/wordpress-disable-comments-on-old-posts/
<pre>
UPDATE posts SET comment_status = 'closed', ping_status = 'closed' WHERE post_status = 'publish' AND post_date < '2013-01-01';
UPDATE posts SET comment_status = 'registered_only', ping_status = 'closed' WHERE post_status = 'publish' AND post_date < '2013-01-01';
</pre>
=== Farbprofile ===
*siehe c't 23/15 S.176
== Update ==
=== Was übernommen werden muss ===
Bei einem Update von Wordpress müssen folgende Dateien und Verzeichnisse aus dem alten Pfad kopiert werden, wenn das Update nicht durch einfaches Überkopieren gemacht wird:
<pre>
wp-config.php
wp-content/uploads/
wp-content/themes/  (nur die zusätzlichen)
wp-content/plugins/  (nur die zusätzlichen)
</pre>
=== Update einer Standard-Installation===
Beispiel für Einzelschritte mit ''DIR'' gleich dem Installationsverzeichnis.
<source lang="bash">
su -
DIR=wp2
cd /srv/www/htdocs
rm -rf $DIR.old
cp -rp $DIR $DIR.old
chmod 700 $DIR.old
unzip /opt/pkg/wordpress/wordpress_36-de.zip
chown -R wwwrun:root wordpress
cd wordpress
cp -p ../$DIR/wp-config.php .
cp -rp ../$DIR/wp-content/uploads wp-content/
cp -rp ../$DIR/wp-content/themes/mistylook* wp-content/themes/
mv wp-content/plugins wp-content/plugins.orig
cp -rp ../$DIR/wp-content/plugins wp-content/
cp -rp wp-content/plugins.orig/* wp-content/plugins/
rm -rf wp-content/plugins.orig
</source>
Optional alte Standard-Themes wiederherstellen, die nicht mehr mitgeliefert werden:
cp -rp ../$DIR/wp-content/themes/twentytwelve wp-content/themes/
=== Extras ===
Ggf. kommen noch folgende Dateien und Verzeichnisse hinzu (z.B. beim Kartenclub Blog):
<pre>
.htaccess
favicon.ico
bilder/
webalizer/
robots.txt
eb-wp-pass.php
</pre>
Die Einzelschritte dazu nach dem Verschieben der Plugins:
<source lang="bash">
cp -p ../$DIR/.htaccess .
cp -p ../$DIR/favicon.ico .
cp -p ../$DIR/robots.txt .
cp -rp ../$DIR/bilder .
cp -rp ../$DIR/webalizer .
cp -rp ../$DIR/eb-wp-pass.php .
</source>
=== Aktivieren der neuen Software ===
<source lang="bash">
cd ..
rm -rf $DIR && mv wordpress $DIR
</source>
=== Upgrade der Datenbank ===
Danach Aufruf der Upgrade-Seite <nowiki>http://meinsuperduperblog.de/wp2/wp-admin/upgrade.php</nowiki>.
Siehe auch [http://doku.wordpress-deutschland.org/Upgrade Upgrade] und [http://codex.wordpress.org/Upgrading_WordPress Upgrading WordPress].
=== Sprachdateien===
Ab WP 2.5 liegen die Sprachdateien in <tt>wp-content/languages</tt>. <tt>wp-includes/languages</tt> kann dann gelöscht werden.
== Tools und Dienste ==
*Mit Postbot.co kann man Fotos in einem Rutsch in ein WP-Blog übertragen: siehe c't 12/14 S.168
*Wordpress-Management-Tools: LM 04/13 S.58
== Alternativen ==
*[http://www.pivotlog.net/ Pivot] (ohne DB)
*[http://www.movabletype.org/ Movable Type]
*[http://www.s9y.org/ Serendipity], siehe auch LM 05/09 S.77
*http://www.mitchelaneous.com/2007/09/19/9-wordpress-alternatives/
*Microblogging
**[http://laconi.ca/ Laconica]
== Weblinks ==
*[http://wordpress.org/ wordpress.org] (en)
*[http://wordpress-deutschland.org/ wordpress-deutschland.org]
*[http://wordpress.org/development/2008/03/wordpress-25-brecker/ WordPress 2.5 Blog] (en)
*[http://doku.wordpress-deutschland.org/Hauptseite Dokumentation (de)]
*[http://wp-community.org/ WordPress Podcast]
*[http://sw-guide.de/wordpress/wordpress-als-cms/ WordPress als CMS]
*[http://www.texto.de/wordpress-als-cms-nutzen-link-sammlung-von-plugins-und-tutorials/ WordPress als CMS Linksammlung]
*[http://die.netzspielwiese.de/blog/wordpress/2006-06/wordpress-als-cms-ein-fallbeispiel Wordpress als CMS - ein Fallbeispiel]
*[http://www.stuttgartblog.net/anleitung Anleitung für Autoren]
*[http://www.webwriting-magazin.de/bilder-einbinden-mit-wordpress/ Bilder einbinden mit Wordpress]


[[Kategorie:Webserver]]
[[Kategorie:Webserver]]

Version vom 22. Juni 2018, 16:24 Uhr

Diese Seite beschreibt den Einsatz von Wordpress als Blogging-System. Wordpress ist Grundlage für das KRÜDEWAGEN BLOG.


Allgemeines

  • Neuerungen in Wordpress 3.0 (Theme, Multisites): siehe iX 09/10 S.52
  • Wordpress erweitern und optimieren: siehe c't 18/14 S.170
  • Wordpress für Suchmaschinen optimieren (SEO): siehe c't 11/15 S.164

Themes

Themes erstellen

Themes-Sammlungen

MistyLook 2

Mistylook Homepage, Forum

Deutsche Übersetzung von mir

Hinweis: Umlaute wurden direkt mit ö,ä,ü etc. in den Quelltext geschrieben. Das sollte jeder vernünftige Browser darstellen können, zumal die Seiten UTF-8 kodiert ausgeliefert werden.

Deutsche Übersetzung (v1) siehe auch Blog http://www.eisregen1986.fs4y.be/blog/wordpress/wordpress-themes/mistylook-de/

Meine speziellen Anpassungen des MistyLook 2 Themes

  • Sidebar
In sidebar.php habe ich die Reihenfolge der Einträge verändert und den Standard-Kalender eingefügt mittels
<?php get_calendar(); ?>
Startseite hinzugefügt
<li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="Home">Startseite</a></li>
<?php wp_list_pages('title_li=' ); ?>
  • Bild misty.jpg
Größe: 569x200 px (780px ist die Gesamtbreite der Seite)
  • Bild profile.jpg
Größe: 100x74 px
  • style.css
Änderung "height" an tatsächliche Höhe des eigenen Bildes
#headerimage {
        clear: both;
        background: #fff url(img/misty.jpg) no-repeat center 0px;
        margin: 10px;
        color: #fff;
        /*height: 270px;*/
        height: 200px;
}
Änderung der margin für Unterseiten in der Navigationbar
#sidebar ul ul
{
	list-style:none;
	margin:0em 0 0 1em;
	padding:0;
}
Hinzufügen von diversen wp-calendar Styles
Änderung der Schriftgröße im Body auf 85%.
  • favicon hinzugefügt header.php:
<link rel="shortcut icon" href="/favicon.ico" />
  • Fix in index.php
<?php the_content('Den ganzen Beitrag lesen »'); ?>
<?php wp_link_pages(); // Fix: See http://forums.wpthemes.info/comments.php?DiscussionID=2 ?>

MistyLook 3

Weblinks

Deutsche Übersetzung

Seit MistyLook 3.6 kann man Sprachpakete benutzen, so dass eine Übersetzung der Sourcen nicht mehr nötig ist. Siehe deutsches Sprachpaket.

Beispiel-Website mit diesem Theme in deutscher Sprache: KRÜEDEWAGEN BLOG

Anmerkungen für ältere MistyLook Versionen:

Meine speziellen Anpassungen des MistyLook 3 Themes

Gütig für Version 3.6.x und 3.7.x, siehe hier für zusätzliche Anpassungen älterer Versionen.

Folgende Anpassungen habe ich noch zusätzlich vorgenommen, welche in der o.g. Übersetzung nicht enthalten sind.

  • comments.php
Wenn man nicht eingeloggt ist, rutscht die Sidebar sehr oft vom Rand rechts unten den Artikel (zumindest seit Wordpress 3.x). Das liegt wohl an einem Bug in MistyLook, siehe auch [1] und Prüfung per validator.w3.org. Das </div>-Tag in Zeile 86 muss zwischen die beiden endif verschoben werden:
<?php do_action('comment_form', $post->ID); ?>

</form>

<?php endif; // If registration required and not logged in ?>
</div>
<?php endif; // if you delete this the sky will fall on your head ?>
  • sidebar.php
In sidebar.php habe ich die Reihenfolge der Einträge verändert und den Standard-Kalender bzw. EventCalendar eingefügt mittels
<?php get_calendar(); ?>

bzw.

<li class="sidebox">
	<?php ec3_get_calendar(); ?>
</li>

<li class="sidebox"><h2>Termine</h2>
	<?php ec3_get_events(5); ?>
</li>
Home hinzugefügt in "Pages"
	<ul>
	 <li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="<?php _e('Home','ml');?>"><?php _e('Home','ml');?></a></li>
	 <?php wp_list_pages('title_li=' ); ?>
	</ul>

Für Countdown-Plugin unterhalb des Calendars:

<?php if(is_home()) { ?>
<li class='sidebox'>
<?php cc_countdown('05/08/2010 15:00','Kartenabend Countdown','FALSE'); ?>
</li>
<?php } ?>
  • Bild misty.jpg
Größe: 569x200 px (780px ist die Gesamtbreite der Seite)
  • Bild profile.jpg
Größe: 100x74 px
  • style.css
Abstand der Listenpunkte in der Sidebar
#sidebar li 
{
	margin-bottom:1px;
}
Hinzufügen von diversen wp-calendar Styles
  • favicon hinzugefügt header.php:
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="/favicon_blog.ico" />
  • functions.php
Da mein Blog keine Description hat, habe ich den Punkt entfernt:
<?php bloginfo('description');?><br/>
  • archive.php und search.php
Da das Theme auf Archiv- und Search-Seiten nur einen kurzen Extrakt der Beiträge liefert, z.B. ohne Links und Bilder, habe ich diese Dateien verändert.

alt:

<?php the_excerpt(); ?>

neu:

<?php the_content(); ?>
auskommentiert
<?php _e('Read Full Post »','ml');?>
  • mögliche Farbanpassungen in style.css, am Beispiel blau statt grün:
    • color: #16459a statt #265e15
    • background-color (eventcalendar): #d9e4f6 statt #cae7c1

wp-andreas09

Siehe http://www.zyblog.de/2006/06/14/deutsche-sprachdatei-fuer-wordpress-theme-wp-andreas09/

Weitere interessante Themes

Plugins

Eine Liste von Plugin-Portalen gibt es hier.

http://wordpress.org/support/topic/72202
[video filename=/blog/wp-content/uploads/video.mp4 shadowbox=off autostart=off title=Priest image=video.jpg /]
Beispiel Audio:
[video filename=http://chaosradio.ccc.de/archive/chaosradio_express_129.mp3 height=180 width=320 shadowbox=off autostart=off title=CRE129 /]


Beispiel:
[audio:http://chaosradio.ccc.de/archive/chaosradio_express_129.mp3]


  • Backup
    • WP-Database Backup
    • BackupWordpress
  • Online-Shop
    • siehe iX 10/15 S.88
  • Themes und Plugins aktualisieren nach einem "git push" mittels Webhook mit GitHub Updater, funktioniert auch mit GitLab

Allgemeine Konfiguration

Pingbacks und Trackbacks

Handling

Siehe

Genehmigen

Pingbacks und Trackbacks werden bei der Genehmigung fast wie normale Kommentare behandelt.

  • Mit der globalen Einstellung "muss er von einem Administrator genehmigt werden (unabhängig von allen folgenden Einstellungen)" schaltet man den Genehmigungsprozess für Pingbacks und Trackbacks ein.
  • Die beiden weiteren globale Parameter unter "Bevor ein Kommentar erscheint" scheinen jedoch keine Auswirkung zu haben.

Avatar

Für Kommentare und den Admin-Bereich:

Für Postings:

Spezielle Konfiguration und Anpassungen

Apache

Anpassung für Links der Art "/2006/10/31/sample-post/":

<Directory "<pfad zum blog>">
        Options FollowSymLinks
        AllowOverride AuthConfig
        Order allow,deny
        Allow from all
        RewriteEngine On
        RewriteBase /blog/
        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule . /blog/index.php [L]
</Directory>

URL

Die URLs müssen in Wordpress so eingestellt sein, dass keine URL benutzt wird, von der aus bereits eine Frame-Weiterleitung gemacht wird. Die in Wordpress konfigurierten URLs müssen also eine direkte URL sein.

Dann können im Browser alle URL genutzt werden, von denen eine Frame-Weiterleitung gemacht wird. Dabei bleibt die URL erhalten.

Hinweis: HTTP redirect noch nicht getestet.

Vorschaubilder / Thumbnails

Änderung der Größe siehe [3].

Das habe ich geändert, um auch für Bilder bis 8 Megapixel ein Thumbnail zu erzeugen in Maximalgröße 400x300:

  • wp-admin/admin-functions.php
function wp_shrink_dimensions($width, $height, $wmax = 400, $hmax = 300) {
  • wp-admin/inline-uploading.php
        if ( $imagedata['width'] * $imagedata['height'] < 8 * 1024 * 1024 ) {
                if ( $imagedata['width'] > 400 && $imagedata['width'] >= $imagedata['height'] * 4 / 3 )
                        $thumb = wp_create_thumbnail($file, 400);
                elseif ( $imagedata['height'] > 300 )
                        $thumb = wp_create_thumbnail($file, 300)

Lokalisierungsfehler berichtigen

  • wp-includes/comment-functions.php
function comments_popup_link($zero='No Comments', $one='1 Comment', $more='% Comments',
$CSSclass='', $none='Kommentare deaktiviert')


Plugins

WYSI-Wordpress

  • Einstellungen in Wordpress gemäß Anleitung im Plugin (readme.txt)
    • WYSIWYG in Wordpress deaktivieren (Einstellungen->Schreiben (nur WP 2.0) und im Profil)
    • "Organisiere meine Uploads in monats- und jahresbasierten Ordnern" deaktivieren (Einstellungen->Verschiedenes)
  • Anpassungen an wp-admin/iimage-browser.php
    • Alle $HTTP_POST_FILES in $_FILES ändern (PHP5)
    • Berechtigungen
chmod($thumbpath, 0660);
    • Default-Wert für JPEG Qualität von 70 auf 85:
value=\"85\"
    • Default-Thumbnail Größe: 400
  • Deutsche Sprache
    • de aktivieren in wordpress.js
language : "de",
    • wp-content/plugins/Wysi-Wordpress/plugins/imagebrowser/editor_plugin.js
title="Bild hochladen/einfügen (erweitert)"
  • PHP
Für große Bilder (ab ca. 7 Megapixel) muss memory_limit in php.ini auf >32MB erhöht werden
  • Table-Plugin
    • Table-Plugin installieren (siehe Links)
    • wordpress.js
plugins : "table,emotions,imagebrowser,dictionary,wordpress"
theme_advanced_disable : "table entfernen"
theme_advanced_buttons2_add : "....,separator,table"

Sicherheit

SSL

Seit WP 2.6 kann das Login und der Admin-Bereich per SSL verschlüsselt werden, siehe:

Dazu müssen einige Konstanten in wp-config.php definiert werden. Die Keys kann man z.B. hier erzeugen.

define('AUTH_KEY', 'xxyyzz');
define('SECURE_AUTH_KEY', ''aabbcc);
define('LOGGED_IN_KEY', 'ffgghh');

define('FORCE_SSL_ADMIN',true);
define('FORCE_SSL_LOGIN',true);

Bekannte Probleme

  • Drag and Drop von Bildern im Standard-Editor mit Firefox
Falls das Blog nicht im Root-Verzeichnis liegt (also z.B. in /blog), wird das /blog nicht mitgenommen. Siehe [4],[5]
Abhilfe: "Rechte Maus -> Zum Editor senden" verwenden

Tipps & Tricks

Diverse Tipps und Tricks

Neues in WP 3.x

Erweiterte Editor-Optionen in WP 2

  • per Alt-Shift-v (Firefox) oder Alt-v (IE), siehe [6].
  • noch mehr Erweiterungen siehe [7]

MySQL Character Set (UTF-8)

Tutorials

Kommentare

Kommentare von älteren Posts schließen:

UPDATE posts SET comment_status = 'closed', ping_status = 'closed' WHERE post_status = 'publish' AND post_date < '2013-01-01';

UPDATE posts SET comment_status = 'registered_only', ping_status = 'closed' WHERE post_status = 'publish' AND post_date < '2013-01-01';

Farbprofile

  • siehe c't 23/15 S.176

Update

Was übernommen werden muss

Bei einem Update von Wordpress müssen folgende Dateien und Verzeichnisse aus dem alten Pfad kopiert werden, wenn das Update nicht durch einfaches Überkopieren gemacht wird:

wp-config.php
wp-content/uploads/
wp-content/themes/   (nur die zusätzlichen)
wp-content/plugins/  (nur die zusätzlichen)

Update einer Standard-Installation

Beispiel für Einzelschritte mit DIR gleich dem Installationsverzeichnis.

su -
DIR=wp2
cd /srv/www/htdocs
rm -rf $DIR.old
cp -rp $DIR $DIR.old
chmod 700 $DIR.old
unzip /opt/pkg/wordpress/wordpress_36-de.zip
chown -R wwwrun:root wordpress
cd wordpress
cp -p ../$DIR/wp-config.php .
cp -rp ../$DIR/wp-content/uploads wp-content/
cp -rp ../$DIR/wp-content/themes/mistylook* wp-content/themes/
mv wp-content/plugins wp-content/plugins.orig
cp -rp ../$DIR/wp-content/plugins wp-content/
cp -rp wp-content/plugins.orig/* wp-content/plugins/
rm -rf wp-content/plugins.orig

Optional alte Standard-Themes wiederherstellen, die nicht mehr mitgeliefert werden:

cp -rp ../$DIR/wp-content/themes/twentytwelve wp-content/themes/

Extras

Ggf. kommen noch folgende Dateien und Verzeichnisse hinzu (z.B. beim Kartenclub Blog):

.htaccess
favicon.ico
bilder/
webalizer/
robots.txt
eb-wp-pass.php

Die Einzelschritte dazu nach dem Verschieben der Plugins:

cp -p ../$DIR/.htaccess .
cp -p ../$DIR/favicon.ico .
cp -p ../$DIR/robots.txt .
cp -rp ../$DIR/bilder .
cp -rp ../$DIR/webalizer .
cp -rp ../$DIR/eb-wp-pass.php .

Aktivieren der neuen Software

cd ..
rm -rf $DIR && mv wordpress $DIR

Upgrade der Datenbank

Danach Aufruf der Upgrade-Seite http://meinsuperduperblog.de/wp2/wp-admin/upgrade.php.

Siehe auch Upgrade und Upgrading WordPress.

Sprachdateien

Ab WP 2.5 liegen die Sprachdateien in wp-content/languages. wp-includes/languages kann dann gelöscht werden.

Tools und Dienste

  • Mit Postbot.co kann man Fotos in einem Rutsch in ein WP-Blog übertragen: siehe c't 12/14 S.168
  • Wordpress-Management-Tools: LM 04/13 S.58

Alternativen

Weblinks