Wordpress: Unterschied zwischen den Versionen

aus www.kruedewagen.de, Homepage von Ralf und Judith Krüdewagen (Kruedewagen)
Zur Navigation springen Zur Suche springen
(215 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
== Projekt-Homepage ==
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].
*http://www.wordpress.org (en)
*http://wordpress.de (de)


Dokumentation (de): http://doku.wordpress-deutschland.org/Hauptseite
 
 
== 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 ==
*[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://www.myblogtrainer.de/farbauswahl-theme-twenty-twelve/
===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-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 20: 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 26: 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 40: Zeile 59:
:Größe: 100x74 px
:Größe: 100x74 px
*<tt>style.css</tt>
*<tt>style.css</tt>
:Änderung "height"
:Änderung "height" an tatsächliche Höhe des eigenen Bildes
<pre>
<pre>
#headerimage {
#headerimage {
Zeile 67: Zeile 86:
  <?php the_content('Den ganzen Beitrag lesen &#187;'); ?>
  <?php the_content('Den ganzen Beitrag lesen &#187;'); ?>
  <?php wp_link_pages(); // Fix: See http://forums.wpthemes.info/comments.php?DiscussionID=2 ?>
  <?php wp_link_pages(); // Fix: See http://forums.wpthemes.info/comments.php?DiscussionID=2 ?>
===MistyLook 3 ===
====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 ====
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 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.
==== Meine speziellen Anpassungen des MistyLook 3 Themes ====
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.
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
<nowiki><?php get_calendar(); ?></nowiki>
bzw.
<pre><nowiki>
<li class="sidebox">
<?php ec3_get_calendar(); ?>
</li>
<li class="sidebox"><h2>Termine</h2>
<?php ec3_get_events(5); ?>
</li>
</nowiki></pre>
:''Home'' hinzugefügt in "Pages"
<pre><nowiki>
<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>
</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>
*Bild <tt>misty.jpg</tt>
:Größe: 569x200 px (780px ist die Gesamtbreite der Seite)
*Bild <tt>profile.jpg</tt>
:Größe: 100x74 px
*<tt>style.css</tt>
:Abstand der Listenpunkte in der Sidebar
<pre><nowiki>
#sidebar li
{
margin-bottom:1px;
}
</nowiki></pre>
:Hinzufügen von diversen [[Wordpress/MistyLook3_wp-calendar|wp-calendar]] Styles
*favicon hinzugefügt <tt>header.php</tt>:
<pre><nowiki><link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="/favicon_blog.ico" /></nowiki></pre>
*functions.php
:Da mein Blog keine Description hat, habe ich den Punkt entfernt:
<pre><nowiki><?php bloginfo('description');?><br/></nowiki></pre>
*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:
<pre><nowiki>
<?php the_excerpt(); ?>
</nowiki></pre>
neu:
<pre><nowiki>
<?php the_content(); ?>
</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 ==
*Coppermine
Eine Liste von Plugin-Portalen gibt es [http://doku.wordpress-deutschland.org/Plug-in hier].
**[http://www.zyblog.de/2006/02/02/patching-the-copperminesc-plugin/ Beispiel-Blog]
 
**http://wp-plugins.net/?filter=coppermine
*Photo-Blogs / Gallerien
**http://codex.wordpress.org/Photoblogs_and_Galleries
**[http://johannes.jarolim.com/blog/wordpress/yet-another-photoblog/ Yet another photoblog]
**Coppermine
***[http://www.zyblog.de/2006/02/02/patching-the-copperminesc-plugin/ Beispiel-Blog]
***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
**[http://mudbomb.com/archives/2005/02/02/wysiwyg-plugin-for-wordpress/ WYSIWYG Plugin For Wordpress] (nutzt ebenfalls TinyMCE, plus Bild-Browser, scheint am besten zu sein)
**[http://mudbomb.com/archives/2005/02/02/wysiwyg-plugin-for-wordpress/ WYSIWYG Plugin For Wordpress] (nutzt ebenfalls TinyMCE, plus Bild-Browser, scheint am besten zu sein), [http://mudbomb.com/wordpress-wysiwyg-tinymce-add-ons/ Add-Ons], [http://blog.labnotes.org/2005/12/26/advanced-editing-for-wordpress-20/ Table Add-On Discussion]
**[http://tinymce.moxiecode.com/tinymce/docs/installing.html TinyMCE Installation und Beispiele]
**[http://tinymce.moxiecode.com/tinymce/docs/installing.html TinyMCE Installation und Beispiele]
**[http://www.wysiwygpro.com/wordpress.htm WysiwygPro WordPress Plugin] (kommerziell, gute Kritiken)
**[http://www.wysiwygpro.com/wordpress.htm WysiwygPro WordPress Plugin] (kommerziell, gute Kritiken)
Zeile 90: 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 104: Zeile 242:
**[http://narcanti.keyboardsamurais.de/rss-o-matic-plugin-for-wordpress.html RSS-O-Matic (Heise etc.)]
**[http://narcanti.keyboardsamurais.de/rss-o-matic-plugin-for-wordpress.html RSS-O-Matic (Heise etc.)]


== Konfiguration und Anpassungen ==
*Suche
**[http://www.contutto.com/software/wordpress-advanced-search/ Advanced Search]
**[http://dancameron.org/wordpress/wordpress-plugins/search-everything-wordpress-plugin/ Search Everything 2]
**[http://kinrowan.net/blog/wordpress/search-all Search All]
 
*Countdown
**http://chancecube.com/products/simple-countdown/
**http://www.e-oss.net/wordpress/?p=114
**http://dev.wp-plugins.org/wiki/CountdownTimer
 
*Externe Tools
**[http://slightlyremarkable.com/2005/05/introducing-blogliner BlogLiner]
**[http://blog.codahale.com/bloglinesreader/ BloglinesReader]
 
*Videos (YouTube etc.)
**[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://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
**[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
**[http://www.openwebanalytics.com/ Open Web Analytics] (OWA)
 
* Firefox Extension
**[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 ==
=== Pingbacks und Trackbacks ===
==== Handling ====
Siehe
 
*[http://www.kruedewagen.de/blog/ueber-dieses-blog/hilfe/ Meine Hilfe]
*[http://www.journal.kylaloo.net/2004-08/trackback Trackbacks]
*[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 ====
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:
*Einstellungen › Diskussion
*http://en.gravatar.com/
 
Für Postings:
*http://wordpress.org/support/topic/204869?replies=5
 
== Spezielle Konfiguration und Anpassungen ==


=== Apache ===
=== Apache ===
Anpassung für Links der Art "/2006/10/31/sample-post/":
Anpassung für Links der Art "/2006/10/31/sample-post/":
<pre>
<pre>
<Directory "/srv/www/htdocs/blog">
<Directory "<pfad zum blog>">
         Options FollowSymLinks
         Options FollowSymLinks
         AllowOverride AuthConfig
         AllowOverride AuthConfig
Zeile 130: Zeile 379:


=== Vorschaubilder / Thumbnails ===
=== Vorschaubilder / Thumbnails ===
*Änderung der Größe siehe [http://forum.wordpress-deutschland.org/showthread.php?t=7488&highlight=Vorschaubild].
Änderung der Größe siehe [http://forum.wordpress-deutschland.org/showthread.php?t=7488&highlight=Vorschaubild].
 
Das habe ich geändert, um auch für Bilder bis 8 Megapixel ein Thumbnail zu erzeugen in Maximalgröße 400x300:


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
*admin-functions.php
<pre>
<pre>
function wp_shrink_dimensions($width, $height, $wmax = 400, $hmax = 300) {
function wp_shrink_dimensions($width, $height, $wmax = 400, $hmax = 300) {
</pre>
</pre>


*inline-uploading.php
*wp-admin/inline-uploading.php
<pre>
<pre>
         if ( $imagedata['width'] * $imagedata['height'] < 8 * 1024 * 1024 ) {
         if ( $imagedata['width'] * $imagedata['height'] < 8 * 1024 * 1024 ) {
Zeile 154: Zeile 404:
</pre>
</pre>


=== Diverse Tipps und Tricks ===
 
*[http://forum.wordpress-deutschland.org/showthread.php?t=10124&highlight=Beitr%E4ge+Seite Postliste auf extra Seite]


=== Plugins ===
=== Plugins ===
==== WYSI-Wordpress ====
==== WYSI-Wordpress ====
*Einstellungen in Wordpress gemäß Anleitung im Plugin
*Einstellungen in Wordpress gemäß Anleitung im Plugin (readme.txt)
**WYSIWYG in Wordpress deaktivieren (Einstellungen->Schreiben '''und''' im Profil)
**WYSIWYG in Wordpress deaktivieren (Einstellungen->Schreiben (nur WP 2.0) '''und''' im Profil)
**"Organisiere meine Uploads in monats- und jahresbasierten Ordnern" deaktivieren (Einstellungen->Verschiedenes)
**"Organisiere meine Uploads in monats- und jahresbasierten Ordnern" deaktivieren (Einstellungen->Verschiedenes)
*Anpassungen an <tt>iimage-browser.php</tt>
*Anpassungen an <tt>wp-admin/iimage-browser.php</tt>
**Alle $HTTP_POST_FILES in $_FILES ändern (PHP5)
**Alle $HTTP_POST_FILES in $_FILES ändern (PHP5)
**Berechtigungen
**Berechtigungen
Zeile 168: Zeile 417:
**Default-Wert für JPEG Qualität von 70 auf 85:
**Default-Wert für JPEG Qualität von 70 auf 85:
  value=\"85\"
  value=\"85\"
**Default-Thumbnail Größe: 400
*Deutsche Sprache
*Deutsche Sprache
**de aktivieren in <tt>wordpress.js</tt>
**de aktivieren in <tt>wordpress.js</tt>
Zeile 173: Zeile 423:
**<tt>wp-content/plugins/Wysi-Wordpress/plugins/imagebrowser/editor_plugin.js</tt>
**<tt>wp-content/plugins/Wysi-Wordpress/plugins/imagebrowser/editor_plugin.js</tt>
  title="Bild hochladen/einfügen (erweitert)"
  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)
**<tt>wordpress.js</tt>
plugins : "table,emotions,imagebrowser,dictionary,wordpress"
theme_advanced_disable : "table entfernen"
theme_advanced_buttons2_add : "....,separator,table"


== Beannte Probleme ==
== Sicherheit ==
*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 ==
*Drag and Drop von Bildern im Standard-Editor mit Firefox
*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 [http://wordpress.org/support/topic/66431?replies=8],[http://trac.wordpress.org/ticket/2612]
:Falls das Blog nicht im Root-Verzeichnis liegt (also z.B. in /blog), wird das /blog nicht mitgenommen. Siehe [http://wordpress.org/support/topic/66431?replies=8],[http://trac.wordpress.org/ticket/2612]
:Abhilfe: "Rechte Maus -> Zum Editor senden" verwenden
:Abhilfe: "Rechte Maus -> Zum Editor senden" verwenden
== Tipps & Tricks ==
=== Diverse Tipps und Tricks ===
*[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 ===
*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/].
*noch mehr Erweiterungen siehe [http://www.barbarajany.de/wp1-5/2007/02/12/tinymce-editor-in-wordpress-erweitern/]
=== MySQL Character Set (UTF-8) ===
*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]]

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