Grundsätzlich soll in der kommenden Version 2.9 der Grundstein gelegt werden für neue Features, die dann mit der Version 3.0 kommen werden. Generell soll es dabei vor allen Dingen um das Thema Medien (Massen-Import, Einstellungen etc.)

Außerdem kommen wieder einige Umfragen auf uns zu… kennt man ja schon von den Designänderungen in den letzten Versionen. Man darf gespannt sein.

Via WordPress Deutschland

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Mich hat allerdings die Erweiterung "Better Feed" besonders angesprochen. Zum Teil deswegen, weil ich von dem Autor Ozh Richard auch das Plugin "Who See Ads" intensiv nutze und schätzen gelernt habe.

Was "Who See Ads" kann und wofür es gut ist, habe ich zum einen in Kurzform in diesem Weblog und in einem längeren Artikel auf akademie.de beschrieben.

Die Funktionen von "Better Feed"

Die WordPress-Erweiterung bringt einige sehr interessante Funktionen mit sich. Zum einen kann man den Newsfeed an bestimmten Stellen "abschneiden". Möglich ist dies an den Stellen wo man den "more-Tag" oder den "nextpage-Tag" einfügt. Der erste "Tag" trennt den Beitrag in eine Einleitung und den Rest und mit <!--nextpage--> teilt man einen Blog-Artikel in mehrere Unterseiten auf.

Anschließend hat man die Möglichkeit, den "Weiterlesen"-Link im Newsfeed inhaltlich auszustatten. Hierbei hat man dann die Möglichkeit auf eine Reihe von Platzhaltern zurückzugreifen. Gibt man z. B. WordPress-Plugin: mit Better Feed den Newsfeed pimpen ein, wird der Titel des Artikels ausgegeben.

Da ich allerdings den RSS-Newsfeed in voller Länge an die Leser ausliefere, hat mich vor allem die Möglichkeit, den Fußbereich des Feeds auszustatten begeistert:

Den Fußbereich des Newsfeeds anpassen

Es erwartet einen ein richtiger Editor mit den WordPress-Quicktags und weiteren Buttons mit diversen Platzhaltern (z. B. 312) und zusätzlichen Funktionen (z. B. "zu Technorati hinzufügen"). Darüberhinaus verfügt der Editor über eine Vorschau-Funktion und es ist auch eine kleine Hilfe-Datei integriert, die die grundlegendsten Fragen klärt.

Alles in allem ist dies ein empfehlenswertes WordPress-Plugin.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

• Was Sie als "Redakteur" bei WordPress alles tun können
• Was Sie als "Autor" bei WordPress alles tun können

Beide Artikel widmen sich dem veröffentlichen neuer Inhalte, einmal aus der Perspektive des "Redakteurs" (dem "Stellvertreter" vom Admin) und dem "Autor". Diese Anleitungen können für alle interessant sein, die ein Grupennblog führen bzw. führen möchten um zu erfahren, was die beiden Nutzerrollen können oder als Anleitung für frische Blog-Autoren, die eine der beiden Rollen übernehmen sollen.

Die erste Anleitung ist 37 und die zweite ist 36 Seiten lang (ca. DIN-A4-Format). Ein Auszug kann von allen Besuchern gelesen werden. Die vollständigen Anleitungen und die PDF-Dokumente sind den Mitgliedern von akademie.de vorbehalten. Allerdings kann man das Angebot von akademie.de 14 Tage lang kostenlos testen und hat dann auch Zugriff auf das komplette Angebot des Portals.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Via BloggingPro

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Die Anleitung bezieht sich zwar auf die Version 2.7, ist dennoch aktuell, wenn man die manuelle Vorgehensweise gehen muss oder will. Ich habe mit dieser Vorgehensweise sehr lange gearbeitet und damit gute Erfahrungen gemacht.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Ich persönlich mache alle paar Tage Backups. Immer in abwechselnder Reihenfolge: mal komplettes Datenbank-Backup, mal die Backup-Funktion von WordPress. Einfach manuell ohne jetzt extra Plugins oder Skript-Lösungen aufzufahren.

Welche Angaben für das automatische Update

Die Zugangsdaten die man für das automatische Update benötigt – sowohl für Plugins als auch für die Installation – sind die gleichen, wie für deinen FTP-Zugang: FTP-Server, FTP-Nutzername, FTP-Passwort.

Zugangsdaten für das automatische Update

Anschließend musst du noch herausfinden ob dein FTP-Server die verschlüsselten Verbindungen (SSL) unterstützt. Wenn ja, würde ich dir empfehlen diese Option zu wählen. Danach startet man das Update und übt sich etwas in Geduld. Das kann je nach Umständen auch mal gute fünf Minuten dauern.

Meine Empfehlung ist es mindestens den Abend des darauffolgenden Tages einer WordPress-Veröffentlichung abzuwarten, denn dann haben sich die allermeisten amerikanischen und deutschsprachigen Nutzer auf dem Update-Server bereits ausgetobt.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Was ist neu in WordPress 2.8

• Themes installieren
• Themes verwalten
• Syntaxhighlighting
• Zeitzone einstellen
• Backend individuell(er) gestalten
• Widgets
• Mediathek
• Plugin-Verwaltung
• Dies und Das
• Neuer Benutzer
• Galerie-Einstellungen erweitert

Die Auflistung der einzelnen Änderungen gibt es im WordPress-Codex. Und für die Freunde von Multimedia gibt es ein paar bewegte Bilder:

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Feedburner-Statistiken im WordPress-Backend

Nach der Aktivierung nistet sich das Plugin als zusätzlicher Punkt bzw. Unterseite im Dashboard ein. Vorher sollte man unter den Einstellungen ("Einstellungen" » "Feed Stats") die Feedburner-URL anpassen und die Anzahl der Tage festlegen, die das Plugin untersuchen soll. Anschließend liefert das Plugin die sämtlichen Statistiken, die Feedburner auch liefert.

Viele Spaß beim Auswerten.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Kommentare nach xy Kommentaren von NoFollow befreien

Daher habe ich mich entschlossen das DoFollow durch NoFollow Free zu ersetzen. Das Plugin bietet nämlich die Möglichkeit, die Kommentare eines Kommentators nach einer bestimmten Anzahl – welche man selbst bestimmen kann – von getätigten Kommentaren von rel="nofollow" zu befreien. Hier kann man wählen ob man den Autor-Link und/oder die Links im Kommentar befreit.

Und was ändert sich nun hier? Im Grunde genommen ändert sich für die Stamm-Kommentatoren nichts. Das gleiche gilt für die zukünftigen Stamm-Kommentatoren. Lediglich die neuen Kommentatoren werden mit nofollow beglückt, bis sie eine Kommentaranzahl im niedrigen einstelligen Bereich erfolgreich getätigt haben.

Ich bin zwar nach wie vor kein großer Freund von nofollow, speziell bei den Kommentaren nicht. Üblicherweise lösche ich die Spam-Kommentare oder nicht koschere URLs direkt, aber ab und an gehen mir, wie oben beschrieben, manche "komische" Links durch und für solche seltenen Fälle ist dieses Plugin hier im Einsatz.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Hier zuerst die Statistiken vor der Optimierung:

Vor den Optimierungen

Links sind die Angaben, wenn ein Besucher zum ersten Mal kommt (leerer Cashe) und rechts ist das Ergebnis wenn der Besucher wieder kommt. Anschließend habe ich zwei einfache Änderungen in der .htacces-Datei durchgeführt und habe dieses Ergebnis erreicht:

Nach den Optimierungen

Für diese recht ansehnliche Verbesserung sind folgende Code-Zeilen verantwortlich:

# mod_deflate (gzip) aktivieren
<FilesMatch "\\.(js|css|html|htm|php|xml)$">
SetOutputFilter DEFLATE
</FilesMatch>

# ExpiresHeader: verhindert bedingte GET-Anfragen
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 35 days"
</IfModule>

Der erste Block aktiviert auf dem Apachen 2 die Komprimierung (gzip) und es werden alle relevanten Dateitypen komprimiert. Sinnvoll ist eigentlich nur die Komprimierung der Textdateien, die Grafiken sind im Web eh schon komprimiert und man würde lediglich den Server um sonst bemühen wenn man versuchen würde auch die Bilder und Grafiken bei der Übertragung zu komprimieren.

Der zweite Block verpasst den Dateien im Cache eine zusätzliche Information. Üblicherweise entsteht bei gecashten Dateien trotzdem eine zusätzliche Kommunikation zwischen dem Browser und dem Server:

Browser:

Hallo Server, ich habe hier ein Bild im Cache. Bin mir nicht sicher ob es noch aktuell ist. Schaue mal bitte nach.

Server:

Lass mal schauen … OK, dass Bild ist noch 12 Tage lang gültig.

Browser:

Fein, dann kann ich das Bild direkt aus dem Cache laden.

Bei so einer "Kommunikation" handelt es sich um eine bedingte GET- bzw. HTTP-Anfrage, in der sich der Browser vergewissert, dass die gecachten Komponenten noch aktuell sind. Mit der Anweisung ExpiresDefault "access plus 35 days" sagen wir dem Browser: "Egal wann der Cache zum Einsatz kommt, aber alle Dateien in deinem Cache sind noch mind. 35 Tage lang gültig, lade Sie daher bitte direkt aus dem Cache".

Ich habe hier vorher lediglich 21 Tage als Wert gehabt. Allerdings hat mir die neue Erweiterung von Google angemerkt, dass die zu kurz sei und das man einen Wert größer 30 Tage nehmen sollte.

Sicherlich, es gibt viel mehr Maßnahmen die man machen kann und dies auch schon im Vorfeld: CSS-Dateien schlank halten, "Entrümpelung" von unnötigem Code in den Themes, Grafiken verkleinern etc. Aber die oberen beiden Maßnahmen sind schnell erledigt, einmal gemacht und entfalten eine starke Wirkung.

Bei anderen Maßnahmen, wie z. B. alle CSS- und JS-Dateien zu jeweils einer verschmelzen um die HTTP-Anfragen zu minimieren, hat man in den Redaktionssystemen wie WordPress nicht immer die volle Kontrolle, speziell dann wenn man gut zwei Dutzend Plugins einsetzt.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Gleichzeitig gibt es die Ankündigung, dass die Anforderungen an MySQL mit der Version WordPress 2.9 steigen werden, von jetzt noch 4.0 auf 4.1.2 oder höher.

Via WordPress Blog

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Via WordPress-Buch.de.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Post Ideas: Artikel-Ideen im WordPress-Backend sammeln

Nach der Installation und der Aktivierung der Erweiterung findet mann unter Werkzeuge einen neuen Unterpunkt Post Ideas wo man in ein Formular (siehe Abbildung) die Artikel-Ideen notieren kann. Eingeben kann man den Titel, eine Erklärung, Tags (Schlagwörter), Links und eine Nummer zwischen 1-99 für die Priorität – wobei die Nr. 1 für die höchste Priorität steht.

Hat man mehrere Ideen eingetragen so kann man sich diese nach mehreren Kriterien auflisten lassen: nach Aktualität, nach Titel in alphabetischer Reihenfolge und nach der Priorität.

Alles in allem eine kleine, aber sehr nützliche Erweiterung. Hier noch einmal der Verweis zum Plugin Verzeichnis von WordPress.org: Post Ideas

Nachtrag: Chris hat hier im Kommentar auf ein weiteres Tool mit dem namen Wordnote hingewiesen. Es ist zwar nicht so umfangreich wie Post Ideas, bietet aber den Vorteil, dass es sich in Dashboard integriert.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Die Lösung ist sehr einfach: "Einstellungen" » "Permalinks" aufrufen und folgendes in die benutzerdefinierte Struktur eingeben:

/%year%/%monthnum%/%postname%.html

Ich habe den relevanten Teil hervorgehoben, der so stehen muss: /%postname%.html. Welche Permalink-Tags davor stehen ist Geschmackssache. Ich habe dies bereits auf mehreren Servern getestet und es funktioniert ohne Probleme.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Sergej Müller hat auf seinem Spielplatz übrigens eine interessante Umfrage zu WordPress veröffentlicht, die er via Twitter durchgeführt hat. Einige Fragen betreffen auch die Update-Häufigkeit von WordPress.

Nachtrag (von Perun): hier ein paar in meinen Augen interessante neue Funktionen:

• Die Einbindung von CodePress in die Admin-Oberfläche. Dadurch wird der Code im Plugin- und dem Themes-Editor farblich hervorgehoben (Syntaxhighlightning)
• Man kann mittlerweile mehr als eine Galerie im Beitrag bzw. der Seite einbinden
• Die PressThis-Funktion, die das schnelle veröffentliichen von Artikeln ermöglicht, wurde verbessert
• Unter allgemeinen Einstellungen kann man nun auch "Die Stadt in meiner Zeitzone…" auswählen, damit man für die richtige Zeitangabe keinen manuellen Änderungen mehr machen muss
• Optimierungen an der Datenbank-Performance
• Der WYSIWYG-Editor (TinyMCE) wurde auf die Version 3.2.3 aktualisiert
• Die Performance des Skriptloaders wurde optimiert und die Skripte sollen standardmäßig komprimiert ausgeliefert werden
• Automatische Speicherung des Beitrags mit Strg bzw. Ctrl + S

Nachtrag 2 (von Perun): Caschy aka "Meister der portablen Anwendungen" bietet in seinem Weblog auch eine portable Version von WordPress 2.8 beta1.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Nicht das wir uns missverstehen, dass Plugin hat mir sehr gute Dienste geleistet ist narrensicher und es macht Spaß damit Umfragen zu erstellen, daher soll das hier kein Bashing des Plugins bzw. des Autors sein. Aber auch wenn es keine aktiven Umfragen auf der entsprechenden Website gibt, wird trotzdem im Kopfbereich des Dokuments folgender Code geladen:

<!-- Start Of Script Generated By WP-Polls 2.40 -->
<script type="text/javascript">
/* <![CDATA[ */
	var polls_ajax_url = '/wp-content/plugins/wp-polls/wp-polls.php';
	var polls_text_wait = 'Your last request is still being processed. Please wait a while ...';
	var polls_text_valid = 'Please choose a valid poll answer.';
	var polls_text_multiple = 'Maximum number of choices allowed:';
	var poll_show_loading = 1;
	var poll_show_fading = 1;
/* ]]> */
</script>
<script type='text/javascript' src='/wp-includes/js/tw-sack.js?ver=1.6.1'></script>
<script type='text/javascript' src='/wp-content/plugins/wp-polls/polls-js-packed.js?ver=2.40'></script>
<link rel='stylesheet' href='/wp-content/plugins/wp-polls/polls-css.css?ver=2.40' type='text/css' media='all' />
<style type="text/css">
.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background-image: url('http://www.perun.net/wp-content/plugins/wp-polls/images/default/pollbg.gif');
	border: 1px solid #c8c8c8;
}
</style>
<!-- End Of Script Generated By WP-Polls 2.40 -->

Und das ist eindeutig zu viel für meinen Geschmack und das hat mich schon seit einiger Zeit gestört. Nur Zeit muss man finden um sich um eine Alternative zu kümmern. Glücklicherweise hat Sahanya in unserem gemeinsamen Weblog Webwork-Tools eine kleine Anleitung verfasst wie man mit dem Dienst Polldaddy (welcher mittlerweile zu den WordPress-Leuten von Automattic gehört) Umfragen erstellt und in WordPress einbindet.

Diesen Dienst werde ich dann testen und ich sehe da auch kein Problem, da eigentlich durch Umfragen die ich starte, keine persönliche Daten abgefragt bzw. gespeichert werden.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Doch es gibt sehr wirksame Maßnahmen, die nicht so techniklastig sind: Optimierung von Grafiken. Das man die Grafiken des eigenen Layouts optimieren kann ist hinlänglich bekannt. In der Regel kommt für Grafiken mit fotografischen Elementen .jpg zum Einsatz und sonst .gif oder .png, hier muss man einfach austesten was die beste Kombination aus Dateigröße und Qualität ergibt, vielen ist das hinlänglich bekannt, deswegen gehe ich da jetzt nicht tiefer rein.

.png statt .gif

Aus Erfahrung weiß ich das in den allermeisten Fällen die Entscheidung für .png anstatt .gif darin resultiert, dass man bei gleicher Qualität eine kleinere Dateigröße erreichen kann, speziell bei größeren Dateien. Je nach Größe und Art der Grafik kann das bis zu 20% betragen.

Leider ist es so, dass Photoshop – zumindest bis einschl. CS2 – für die .png-Grafiken den falschen Gamma-Wert übergibt. Daraus resultiert, dass IE und Safari die Grafiken einen Tick dunkler darstellen. Bei einfachen Screenshots im Artikel ist das kein Problem, aber bei Layoutelementen kann das unangenehm auffallen. Der folgende englischsprachige Artikel erklärt was da passiert und stellt auch einige Lösungsmöglichkeiten vor: The PNG Gamma Dilemma.

Matthias Schütz stellt mit TweakPNG eine recht einfache Möglichkeit, die das Problem lösen kann.

CSS-Sprites: ein statt mehrer Hintergrundbildern

Durch den Einsatz von CSS-Sprites (es werden mehrere Hintergrundbilder zu einer Grafik verschmelzt) kann nicht nur an der Dateigröße speichern sondern auch HTTP-Anfragen minimieren, was zusätzlich zur Optimierung der Website beiträgt. Hier ein interessanter Artikel dazu.

Bilder im Inhalt: hohes Optimierungspotential

So, nun aber zum Aspekt worum es mir eigentlich geht und zwar zu den Bildern in den Artikeln selbst. WordPress bietet die Möglichkeit, dass man über die Anwendung selbst, Bilder hochlädt und sie im Inhalt in verschiedenen Größen einbinden kann. Dabei ist mir aufgefallen dass die kleineren Grafiken, die von WordPress automatisch erzeugt werden, sehr häufig aufgebläht werden und zum Teil von der Dateigröße her größer sind, als die die Originale die zum Teil von den Ausmaßen doppelt so groß sind.

Ich kenne mich mit den Tiefen von PHP und seinen verschiedenen Bibliotheken nicht aus, aber ich vermute mal das die PHP-Bibliothek GD-Lib hier die verkleinerten Bildern nicht in der optimalen Dateigröße ausgibt. Wenn ich Blödsinn erzähle, dann korrigiert mich bitte. Auf jeden Fall habe ich, die automatisch generierten Vorschaubilder durch Photoshop geschickt und hier kann man die vergleichen:

Aufgeblähte Grafiken

Auf der rechten Seite sieht man die originalen Grafiken auf dem Server und die dazugehörigen automatisch generierten Vorschaubilder. Links befinden sich ebenfalls die originalen Grafiekn und die Vorschaubilder welche ich kurz durch Photoshop geschickt habe. Das Ergebnis ist eindeutig. Links haben die 11 Dateien zusammen 400kb und rechts 857kb.

Speziell die Vorschaubilder bergen viel Einsparpotential – z. B. die Datei expression-web-2-500×353.png kommt von 122kb auf 43kb runter – und hier lohnt es sich auch mal nachzujustieren. Gut das ist immer auch eine Zeitfrage, aber wenn es viele Bilder sind kann man hier mit den Automatismen (Skripte, Aktionen etc.) der Grafikprogramme schnell vorankommen.

Ob es auch eine vernünftige serverseitige Lösung gibt, würde mich auch interessieren.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben

Für diejenigen, die es nicht wissen, FriendFeed bietet zum einen die Möglichkeit, seine Webaktvitäten (Bloggen, Twittern & Co.) zu einem einzigen Newsfeed zu bündeln oder verschiedene "Räume" zu eröffnen und dort Links abzulegen, welche man natürlich auch als Newsfeed konsumieren kann. Hinzukommt die Möglichkeit andere Plattformen – Twitter, delicious, Mister Wong etc. – über die eigenen Aktivitäten auf FriendFeed zu benachrichtigen.

Ich habe mir einfach überlegt die "Linkschleuder" auf FriendFeed auszulagern. Ich denke mal dass die für mich komfortabler und vor allem übersichtlicher ist, weil ich mittlerweile in Firefox einen kompletten Lesezeichen-Ordner voll mit Links für die "Linkschleuder" bereithalte, aber aus Zeitmangel nicht immer komme, die regelmäßig hier zu veröffentlichen.

So ähnlich geht es mir auch mit interessanten Links zu WordPress. Entweder man hat zu viele von denen oder die "vergammeln" irgendwo in den Browser-Lesezeichen. Daher habe ich auf FriendFeed zwei Räume eröffnet:

• Interessante Links rund um Webwork und Internet
• Nützliche WordPress-Links

Hier kann ich dann z. B. mit Hilfe eines Bookmarklets die Links direkt ablegen und muss nicht warten bis ich mind. eine handvoll Links habe, damit sich auch ein Blog-Beitrag lohnt. Bei Links, die das hergeben, werde ich auch weithin ausführlichere Blog-Artikel verfassen. Damit erreiche ich auch eine Trennung: Links dort, Artikel hier. Mal schauen wie sich das entwickelt.

Wir im Web: Twitter – XING – WordPress-Buch – Webwork-Tools || auf perun.net werben