Spiegel Online

Für mich galt anhand all dieser Fakten die Erkenntnis: “Das muss doch auch mit WordPress gehen, aber warum macht das niemand?” Und wenig später gab es die Erkenntnis: Es geht tatsächlich auch mit WordPress und die Lösung ist mehr als einfach! Im Theme “Diverse” aus dem wpBundle – das ich auch ArtikelWissen.info – einsetze ist nämlich genau diese Option bereits integriert.

Und nach wochenlangen Tests und Optimierungen weiß ich jetzt, dass die wenige Mehrarbeit sich enorm lohnt. Ich will die Lösung daher mal ein wenig streuen und hier veröffentlichen. Aber bitte beachten: Ich stellte nur ein “Roh-Format” zur Verfügung. Die optische Anpassung muss jeder selbst – im Rahmen seiner Kenntnisse und angepasst an das Theme – selbst durchführen. Beispiele für mögliche Lösungen findet ihr übrigens hier oder auch auf ArtikelWissen.info.

ArtikelWissen.info

Ein Template reicht bereits aus

Statt langer Programmierarbeit reicht zur Umsetzung von Bilderstrecken bereits ein zusätzliches Template: WordPress erkennt das Template für Bildanhänge automatisch, wenn die Datei image.php vorhanden ist.

Gibt es diese Datei in eurem Theme noch nicht, müsst ihr sie daher einfach anlegen.

Prinzipiell solltet ihr diese Datei dann so “gestalten” wie etwa das Template für einen einzelnen Artikel. Also mit Header-, Footer- und Sidebar-Verweis, etc.

Überschrift

Einzig die Seitenüberschrift sieht ein wenig anders aus: Weil das Bild eine eigene Überschrift hat, aber im Grunde zu einem übergeordneten Beitrag gehört, gibt es eigentlich zwei Überschriften. Ich habe das mal dergestalt angelegt:

<h1><a href="<?php echo get_permalink( $post->post_parent ); ?>" rev="attachment"><?php echo get_the_title( $post->post_parent ); ?></a> &raquo; <?php the_title(); ?></h1>

Der erste Teil der Überschrift ist die Überschrift des “Vaterbeitrags”, der zweite Teil hingegen ist die eigentliche Bildüberschrift.

Bild und Bildinformationen anzeigen

Der wichtigere Schritt ist jedoch die Darstellung des Bildes. Hierfür reicht jedoch auch schon ein kleiner Codeschnipsel aus:

<a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, array( 500, 400 ) ); ?></a>

Angezeigt wird hierbei das Bild mit einer Größe von 500×400 Pixel und es wird gleich mit dem Orignial-Bild (also dem, das tatsächlich hochgeladen wurde) verlinkt. Alternativ könnte man hier auch das nächste Bild der Bilderstrecke verlinken.

Ein einziges Bild ist aber ein bisschen doof, deshalb sollte man auch die Beschreibung anzeigen:

<?php if( get_the_content() ) : ?>
<?php the_content(); ?>
<?php else : ?>
<p><?php _e( 'Keine Beschreibung vorhanden.' ); ?></p>
<?php endif; ?>

In diesem Fall wird noch einmal geprüft, ob es überhaupt eine Bildbeschreibung gibt. Ist das der Fall, wird sie ausgegeben. Gibt es keine Beschreibung zum Bild, wird dem Besucher diese Meldung angezeigt.

Navigationslinks

Will man durch ganze Bilderstrecken navigieren, braucht man als Benutzer die passenden Links. Ihr könnt sie aber auch darstellen:

Vorwärts: <?php next_image_link( '', __( 'Weiter') ) ?>
Rückwärts: <?php previous_image_link( '', __( 'Zur&uuml;ck' ) ) ?>

Bilderstrecke anzeigen

Schick ist auch die Anzeige von Vorschauminiaturen in einer Liste. Auch das geht mit WordPress – fast schon peinlich – einfach:

<?php
$images = get_children( array(
'post_parent' => $post->post_parent,
'post_status' => 'inherit',
'post_type' => 'attachment',
'post_mime_type' => 'image'
) );
if( $images ) : foreach( $images as $id => $image ) : echo '<a href="' . get_attachment_link( $image->ID ) . '">' . wp_get_attachment_image( $image->ID, array( 62, 62 ), false ) . '</a>';
endforeach;
endif;
?>

Hiermit werden alle Bilder der Bilderstrecke als Thumbnails mit der Größe 62×62 Pixel angezeigt. Durch diese Bilder kann man sich dann einfach durchklicken.

Thumbnail-Navigation

Eigene Ideen?

Habt ihr noch eigene Ideen, was man mit einer solchen Bilderstrecke machen könnte? Dann immer her damit!

Dankbar bin ich übrigens auch für ganz fertige Lösungen inkl. CSS. Die könnte man ja mit Usern teilen, die nicht ganz so tief in der Materie sind.

Bei Fragen zur Materie meldet euch bitte einfach per Kommentar!

Hilfe benötigt?

Brauchst du Hilfe bei der Umsetzung oder hast von WordPress eigentlich keine Ahnung und möchtest dieses tolle Feature aber trotzdem haben? Dann melde dich einfach per Mail bei mir und ich mache dir gern ein Angebot!

form follows function

Die Antwort auf diese Frage gebe ich eigentlich schon in der Überschrift: Das Design meines Blogs spielt für mich insofern eine Rolle, als das es in erster Linie meinen Ansprüchen zur optimalen Darstellung aller relevanten Inhalte widerspiegeln muss.

Nicht die Farbgestaltung oder die Verspieltheit des Designs ist dabei für mich ausschlaggebend. Sondern die Frage, wie leicht und einfach Besucher zu den Inhalten finden, die sie relevant, wichtig, interessant und empfehlenswert finden.

Das Design muss daher dem eigentlich Zweck eines Blogs – und das ist und bleibt der Inhalt – folgen. Ob es dabei einen hellen oder dunklen Hintergrund hat oder ein zwei-, drei- oder vierspaltiges Startseiten-Layout hat, ist letztlich egal.

Viele Wege führen zum Ziel

Blogdesign wpLove.de

Manche machen’s wie ich und wählen ein eher aufwendiges Layout, das vor allem auf der Startseite eine Menge verschiedener Inhalte – jeweils bebildert – in mehreren Spalten darstellt. Als Beispiel hierfür habe ich einmal mich selbst gewählt.

Die Kommentarfunktion ist dann mit allerlei Spielereien und Schnickschnack ausgestattet, eine Breadcrumb-Navigation zeigt den aktuellen Standort an und in der Sidebar gibt es vieles Nützliches und Spannendes zu finden.

Ziel ist dabei häufig, in den Mengen von vielen Artikeln, den Autor auf möglichst viele weitere interessante Verweise zu lenken und seine Besuchsdauer zu erhöhen.

Einfaches Blogdesign

Andere wiederum – hier sei einmal exemplarisch Sergej mit seiner Spielwiese genannt – verzichten auf solche Dinge vollkommen und liefern dennoch besseren Content. Klassisch blog-like findet man dort auf der Startseite alle Beiträge in chronologischer Reihenfolge.

Auch die Beiträge sind dann eher schlicht gehalten und verzichten weitestgehend auf Designelemente, die unter Umständen vom Lesefluss ablenken könnten.

Bilder machen’s!

Was allerdings – ganz unabhängig vom Design – auf keinem guten Blog fehlen sollte, sind Bilder.

Bilder sind eine gute Möglichkeiten, um Besucher bei Laune und auf der Seite zu halten und sie ggf. sogar noch tiefer in die eigenen Inhalte zu führen.

Bebilderte Artikel sind häufig “erfolgreicher”, als nicht bebilderte. Und neben einem Startseitenbild sollte es zudem auch mal ein Bild mitten im Text sein, der das gerade Erläuterte noch einmal grafisch aufbereitet. Häufig reichen hierfür aber auch einfache Screenshots.

Start-Bild: Bev Sykes (Lizenz. 13.05.2011)

WordPress-Updates schließen Sicherheitslücken

So schließt etwa die neueste Version – WordPress 3.1.2 – eine gravierende Sicherheitslücke, die dazu führte, dass Nutzer mit Mitarbeiter-Rechten selbstständig Beiträge veröffentlichen konnten. Eine Möglichkeit, die eigentlich durch die WordPress-Benutzerverwaltung eingeschränkt sein sollte.

Neben dieser gravierenden Sicherheitslücke wurden mit dem Update auf WordPress 3.1.2 aber auch gleich ein paar andere Bugs gelöst.

Der Grund für neue WordPress-Updates sind übrigens in den seltesten Fällen neue Funktionen, diese kommen in der Regel nur bei “großen” Updates (erkennbar an der Versionsnummer) vor. “Kleine Updates” (wie etwa das auf die Version 3.1.2) lösen häufig eher kleinere Mängle und mehr oder minder gravierende Sicherheitslücken.

Die neueste WordPress-Version 3.1.2 kann übrigens hier geladen werden.

Vor dem Update: Backup

Wer ein Update durchführt – das ist auch im Fall von WordPress 3.1.2 absolut empfehlenswert! – sollte jedoch nicht zu leichtfertig an diese Aufgabe gehen. Ein Update kann unter Umständen auch dazu führen, dass ein Blog nicht mehr erreichbar ist oder Daten (aus der Datenbank oder dem wp-contents-Ordner) gelöscht wurden.

Daher gilt vor jedem Update: Erst ein Backup machen! Für echte WordPress-Profis dürfte das aber kein Problem sein, denn die machen sowieso täglich ein Backup.

5-Minuten-Update

Wie auch die Installation von WordPress ist auch das Update auf eine höhere Version mit WordPress kein Problem: Durch die Auto-Update-Funktion reichen wenige Klicks (und das Eintragen des eigenen FTP-Passworts) aus, damit WordPress selbstständig die neueste Version installiert. Somit ist das eigentliche Update – abgesehen vom Backup – eine Sache von 5 Minuten.

Icon: 365psd

Das Paket, das sich wpBündel nennt, beinhaltet drei Komponenten:

• Deluxe-Lizenz von wpSEO
• 1 Jahr Premium-Webhosting
• ein Premium-Theme von themeshift

Und das Beste: Das Paket ist bereits für 49,- EUR zu haben und somit mehr als ein Schnäppchen!

Deshalb heißt die Devise – nicht nur für Anfänger: Zuschlagen! Denn die Aktion läuft nur noch bis nächsten Montag! Wenn ich das Geld hätte, würde ich’s auch tun.

Dieses Feedback – in welcher Form auch immer – ist in erster Linie von der Qualität der Beiträge abhängig. Ich vertrete hierbei die Meinung, dass Qualität nicht nur vom Schreibstil, der Rechtschreibung und Grammatik abhängig ist; Diese Faktoren spielen sogar eine eher untergeordnete Rolle.

Deshalb stelle ich hier nun 7 Thesen auf, die dir zu besseren Beiträgen und dem daraus folgenden Feedback verhelfen können!

1) Knackige Überschriften

Tipp 1: Bessere Überschriften

Mir geht es so und ich denke anderen ebenfalls: Wenn eine Überschrift schon langweilig ist, dann kann der darauf folgende Inhalt nicht besser sein! So ist zumindest die erste Vermutung. Und obwohl der Artikel vielleicht hochspannend ist: Wegen der langweiligen Überschrift wird er gar nicht erst gelesen.

Zwischenüberschriften helfen auch

Auch Zwichenüberschriften können extrem hilfreich sein: Sie veranlassen deine Besucher zum Weiterlesen und schaffen für Klarheit über die folgenden inhaltlichen Punkte.

2) Bilder verwenden!

Tipp 2: Bilder verwenden

Stell’ dir mal eine Zeitschrift oder Zeitung ohne Bilder vor. Die wäre in den allermeisten Fällen ziemlich langweilig. Bei Blogs ist das nicht anders!

So mag ich das: Gründlich und bebildert auf das Thema eingegangen.
Sergej Müller zu WordPress lokal auf dem Mac betreiben

Je interessanter ein Artikel für das Auge ist, umso länger wird auch dein Leser bleiben, umso weiter wird er lesen. Daher gehört in jeden Artikel mindestens ein Bild, gern aber auch mehrere. Das können Screenshots sein, oder thematisch passende Fotos, die bei flickr, etc. gefunden wurden. Je besser die Bilder, umso größer auch das Interesse.

Gleiches gilt im Übrigen auch für Zitate: Mit HTML kann man die besonders schön darstellen. Diese Möglichkeit solltest du nutzen!

3) Gehe ins Detail, wenn nötig

Tipp 3: Detailfragen klären

Dieser Tipp betrifft dich nur, wenn du auch Tutorials usw. schreibst: Bei solchen Anleitungen kann es oft sehr hilfreich sein, etwas mehr ins Detail zu gehen.
Dabei gilt immer: Gehe davon aus, dass deine Leser noch nie etwas von der Thematik gehört haben.

Eine solche Detailtiefe kann aber dann ermüdend wirken, wenn dein Artikel sehr allgemein gehalten ist und eigentlich nichts neues zu einer bereits erkannten Thematik aufwirft.

4) Gliedere klar

Tipp 4: Klare Gliederung

Eine gute Gliederung ist das A und O jedes guten Artikels. Deshalb müsste ich mich an dieser Stelle eigentlich auch entschuldigen: Von der Idee her müsste dieser Tipp ganz nach oben.

Wie du siehst, klappt es nicht immer. Versuche aber, deine Artikel logisch aufzubauen. Das kann entlang eines Zeitstrahls sein (Vergangenheit, Gegenwart, Zukunft), das kann aber auch entlang einer logischen Reihenfolge sein (z.B.: Design, Programmierung, Test, Launch).

5) Finde Beispiele

Tipp 5: Beispiele finden

Ich selbst habe das immer wieder bei sehr komplexen Themengebieten erlebt: Ohne Beispiele nutzt ein Artikel – so gut er inhaltlich auch sein mag – überhaupt nichts. Wer als Leser von der Thematik (noch) überhaupt keine Ahnung hat, der versteht einen Artikel unter Umständen erst durch ein Beispiel. Es kann daher oftmals sehr lohnenswert sein, ein Beispiel zu finden oder zu erfinden.

6) Schreibe eine Kurzzusammenfassung

Tipp 6: Kurzzusammenfassung

Auch an die “Schnellleser” solltest du denken: Die haben oftmals keine Lust einen mehrseitigen Artikel komplett zu lesen. Die wollen für die Lösung eines Problems oder zu ihrer Erbauung nur schnell 5 Tipps, etc. lesen, die 5 Sätze dann auch nicht überschreiten. Fasse für solche Menschen deine Artikel also nochmal kurz und knapp zusammen, damit diese Leser das Gefühl haben, nichts verpasst zu haben.

7) Schreibe ein Fazit

Tipp 7: Fazit schreiben

Beim Fernsehen nennt man das Abbinden, hier passt es auch sehr gut: Ein kurzer Fazit am Ende des Artikels, in dem du nochmal kurz das Wichtigste zusammenfasst und die Bedeutung deines Artikels herausstellst. Damit auch wirklich jeder deine Meinung teilt!

Dieses Fazit kann aber auch durch die Kurzzusammenfassung abgelöst werden!

Für Schnelle: Alle Tipps kurz zusammengefasst

Für die schnellen Leser unter euch noch einmal alle 7 Tipps ganz kurz zusammengefasst:

1. Knackigige Überschriften

Schreibe präzise Überschriften, die Lust zum Weiterlesen machen.

2. Bilder verwenden

Verwende Bilder, um das Interesse deiner Leser aufrecht zu erhalten.

3. Im Notfall detailliert

Bei sehr komplexen Themen solltest du – wenn notwendig – deine Ausführungen detaillierter gestalten.

4. Klare Gliederung

Gliedere deinen Artikel klar durch!

5. Beispiele finden

Finde nach Möglichkeit immer Beispiele für die von dir angesprochene Thematik!

6. Schreibe eine Kurzzusammenfassung

Für ganz eilige Leser solltest du eine Kurzzusammenfassung wie dieser hier schreiben.

7. Fazit

Runde deinen Artikel durch ein Fazit ab.

Den richtigen Webhoster finden: WordPress-Anforderungen

WordPress selbst bringt für den reibungslosen Betrieb einige Anforderungen mit, die man nicht vergessen darf:

1. Apache-Server
2. PHP 4 bzw. PHP 5 (vorallem für einige Plugins ist PHP 5 besser)
3. MySQL als Datenbanksystem
4. mod-rewrite für “sprechende” Permalinks

Nun bringen die meisten Webhoster eben diesen Funktionsumfang mit, weil auch die meisten Apache-Server anbieten. Doch liegt wie so oft der Teufel im Detail: So gibt es beispielsweise auch einige (durchaus renommierte) Provider, die das mod_rewrite nicht unterstützen.

Als Gründe werden hierfür Performance und Sicherheit angegeben. Großer Unsinn. Für den WordPress-Blogger hat das aber (gerade in der Suchmaschinenoptimierung) einen enormen Nachteil: Sprechende URLs lassen sich dann nicht realisieren.

Preise: WordPress Webhosting

Doch auch bei den Preisen gibt es große Unterschiede: Zwischen 5,- und 25,- Euro im Monat ist alles dabei, doch die Unterschiede halten sich oftmals in Grenzen. Empfehlenswert ist hierbei der genaue Vergleich verschiedener Hoster und deren Pakete. Für einen einfachen WordPress-Blog muss man nicht Unsummen jeden Monat ausgeben.

Anders sieht es schon aus, wenn man einen extrem gut besuchten Blog mit vielen funktionalen Erweiterungen betreibt. Dann kann mitunter auch schon ein dedizierter Server vonnöten sein. Doch ist das wohl eher die Ausnahme.

Angebotsvergleich: WordPress Webhosting

Um nun einmal einige WordPress Webhoster (bzw. Webhoster mit für WordPress perfekten Paketen) zu vergleichen, habe ich folgende Übersicht für euch.
Bitte beachtet: Bei tausenden Angeboten im Internet kann man unmöglich alle Pakete miteinander vergleichen!

Bild: Jamison Judd (Lizenz, 22.04.2011)

Diese verwandten Beiträge sollte man daher unter jedem Beitrag anzeigen.
Für diesen Zweck gibt es jede Menge nützlicher Plugins. Doch weil wir wissen, dass Plugins eine WordPress-Installation nur langsamer und unsicherer machen, möchte ich heute einen Weg aufzuzeigen, mit dem man verwandte Beiträge ohne Plugin anzeigen kann.
Vorab: Die Idee stammt nicht von mir, ich selbst habe sie hier gefunden. Ich möchte diese nette Funktion nur ein wenig weiterverbreiten und erklären.

<?php
//Verwandte Beitraege durch Tags finden und anzeigen
$tags = wp_get_post_tags($post->ID);
if ($tags) {
echo 'Related Posts';
$first_tag = $tags[0]->term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'showposts'=>5,
'caller_get_posts'=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<p><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
<?php
endwhile;
}
}
?>


Dieser Codeschnippsel sucht zum Artikel passende andere Artikel, in dem er den ersten Tag des Beitrags “notiert” und sich dann die Beiträge heraussucht, die ebenfalls diesen ersten Tag haben.
Das Ergebnis dieser Suche wird dann als Linkliste ausgegeben.

Zwar liefert diese Umsetzung nicht immer ein Ergebnis, sie ist aber eine einfache Möglichkeit um verwandte Beiträge anzuzeigen.
Ich nutze sie insbesondere deshalb so gern, weil man in der Darstellung der Ergebnisliste keinesfalls beschränkt ist: Ich selbst zeige neben den Ergebnis immer auch die Artikelbilder an.

Bild: Mathias Korte

Aber eines vorab: Bitte beantwortet mir in den Kommentaren doch auch die Frage, ob sich irgendwer am Ende dieser Artikelserie ein Ebook mit allen Tipps zusammengefasst wünscht! Denn wenn das gewünscht wird, möchte ich diesem Wunsch gern nachkommen.

1) Forenbeteiligung – Es geht nicht ohne!

Auch wenn Blogs (natürlich!) schon immer wichtig waren und auch weiterhin sein werden: Ohne Foren ist das Internet wohl kaum vorstellbar. Denn nicht immer können Fragen in den Kommentaren von Blogs (wie etwa bei meinem Tutorial “Lexikon mit WordPress”) beantwortet werden, manche lassen sich eben nur dann regeln, wenn sich Experten mit dem Fragesteller “unterhalten”.

Aber genau hierin liegt auch eine Trafficquelle für Blogs: Denn wenn du dein Wissen als Experte mit anderen teilst, so wird das auch deinem Blog gut tun. Immerhin kannst du in den meisten Foren:

• Deinen Blog in der Signatur verlinken.
• Auf deine eigenen Beiträge hinweisen (wenn sie thematisch zum Ursprungsthema passen).
• Deinen Blog vorstellen.
• Etc.

Daher der Tipp: Suche dir ein gut frequentiertes Forum, in dem Du Dein Wissen teilen kannst. Je mehr Du dich dann noch an den Diskussionen beteiligst, umso mehr Besucher werden letztendlich auch den Weg auf deinen Blog finden.

2) Links tauschen, Besucher gleich dazu

Auch der Linktausch kann – wenn man sich nciht ganz so doof anstellt – positive Auswirkungen auf Besucher und Suchmaschinen haben.

Sinnvoll ist etwa eine Linkpartnerschaft mit themenverwandten Blogs. Diese Links kannst du sinnvollerweise in Deiner Blogroll (z.B. in der Sidebar) oder auf einer speziellen Linkseite platzieren.

Über einen solche Linktausch findet mit einiger Wahrscheinlichkeit dann auch gleichzeitig ein Austausch der Besucher statt. Und wenn Du dann noch gute Artikel schreibst, hast Du gleich ein paar Feedreader (=regelmäßig wiederkehrende Besucher) mehr.

Contentlinks

Eine solche Linkpartnerschaft kann auch durch Contentlinks erfolgen. Contentlinks sind Links aus einem Artikel heraus, also Links die thematisch zum Artikel passen.

Suchmaschinentechnisch kann das ein Vorteil werden. Aber auch nur dann, wenn Google und Co. dahinter nichts “Böses” vermuten. Doch diese Erklärung überlasse ich anderen, ich bin kein SEO-Profi. Es gibt auch Dinge, die man nicht kann… Doch es sei angemerkt: Wenn Du von der Thematik wenig Ahnung hast, dann eigne Dir erst Wissen an, bevor du solche Contentlinks anbietest!

Nicht alle sind nett

Besonders aufpassen solltest Du zudem bei Linkpartnerschaften mit Bloggern, die Du selbst nichts besonders gut oder besonders lang kennst. Denn – wie überall im Leben – nicht immer alle sind ehrlich.

Backlinks auf Dein Projekt regelmäßig zu kontrollieren ist beim Linktausch immer Pflicht. Und wenn Du nicht gerade 500 Links tauschst, bedarf es dafür auch keiner kostenpflichtigen Tools. Eine einfache Tabelle tut’s dann in aller Regel auch.

3) Videos – Mehrwert für alle

Videos und interaktive Inhalte sind die Zukunft des Web. Auf diesen Zug solltest Du spätestens jetzt aufspringen! Und Videos bringen Dir im optimalen Fall viel Traffic auf den Blog.

Um das zu verdeutlichen, möchte ich ein fiktives Beispiel anführen.

1. Du erstellst einen Screencast zur Installation von WordPress. Dieser Screencast hat ein gewisses Niveau in der Qualität des Inhalts und der Umsetzung.
2. In dieses Video fügst du einen Link zu deinem Blog ein. Am Ende des Videos weist Du darauf hin, dass man auf Deinem Blog noch mehr Videos und Tutorials findet.
3. Dieses Video lädst du bei Youtube oder Vimeo o.ä. (wobei Youtube wohl – leider – noch am meisten Traffic bringen wird).
4. Du schreibst einen Beitrag zu Deinem Video und bindest das in Deinem Blog ein.

Wer nun etwa bei Google nach einer Anleitung zur WordPress-Installation suchen wird, der findet mit großer Wahrscheinlichkeit (Voraussetzung ist, dass Du deinem Video auch einen passenden Namen gegeben hast) auch dein Video, etwa bei Youtube. Durch Link und Hinweis findet dieser Besucher dann auch auf deinen Blog.

4) Artikelserien – Besucher am Ball halten, Traffic langfristig sichern

Auch dieser Artikel für mehr Traffic ist Teil einer Artikelserie. Denn Artikelserien haben einen enormen Vorteil: Sie binden interessierte Besucher.

Wer im ersten Teil Deiner Artikelserie Gefallen an dem Thema gefunden hat, der wird Deinen Feed abonnieren und dann zu großer Wahrscheinlichkeit auch bei den folgenden Teilen Deiner Artikelserie wieder als Leser, Kommentator und Mundpropagandist (etwa über twitter) an Bord sein.

Diese Power solltest Du unbedingt nutzen und Artikelserien sind wirklich zu jedem Thema denkbar…

5) Social Services – Soziale Power in Traffic umwandeln

Soziale Dienste – dazu zählen Netzwerke, Bookmark-Dienste, Kommunikationsplattformen und und und – sind DER Inbegriff des Web 2.0. Mehr Menschen nutzen häufiger und länger soziale Dienste als die Online-Angebote der klassischen Medien. Auch diese enorme Power sollte man für den eigenen Traffic nutzen!

Und das Tolle an “social services” ist eben, dass man selbst fast nicht agieren muss, man muss den Besuchern nur ein Sprungbrett schaffen.
Daher gehört etwa unter jeden Artikel die Möglichkeit, diesen Artikel zu twittern (an dieser Stelle sei für WordPress auf wpTwitBox verwiesen), ihn in sozialen Netzwerken zu teilen (etwa bei Facebook) oder einen Bookmark anzulegen.

Wenn Du diese Möglichkeit schaffst, so werden es Dir die Besucher denken und gleichzeitig mehr Traffic auf Deinen Blog lenken. Doch abermals ist die Voraussetzung guter Content!

Beim nächsten Mal: noch mehr Traffictipps für den eigenen Blog

Als Vorgeschmack auf den nächsten Artikel dieser Artikelserie: Dann geht es darum mit einem eigenen Newsletter, durch kluges SEO, durch ein Gewinnspiel-Sponsoring oder technische Verbesserungen im Blog mehr Besucher zu generieren. Denn nur mit Traffic macht’s ja auch Spaß.

Ich möchte daher einmal in diesem Artikel erklären, wie ihr eigene Shortcodes erstellt.

Was sind die WordPress Shortcodes?

Mit WordPress Shortcodes lässt sich über die Eingabe eines kleinen Codes in der Form [SHORTCODE] direkt in den Artikeltext eine Funktion, etc. an beliebiger Stelle im Artikel aufrufen.

Dafür müssen die Shortcodes nur einmal definiert sein und können dann beliebig oft wiederholt werden. Zudem sind Argumente und Parameter innerhalb des Shortcodes möglich.

Prinzipiell sind Shortcodes keine Grenzen gesetzt: Einbinden und ausgeben lässt sich alles, was den Besucher im Artikel interessieren könnte.

Aufbau der WordPress Shortcodes

Generell sind Shortcodes in zwei Bereiche unterteilt:

1. Die Funktion
2. Die Definition des Shortcodes

In der Funktion kann eigentlich alles stehen: Ein Counter mit Datenbankanbindung, ein Formular oder einfach ein Text. In der Definition wird im Prinzip nichts anderes getan um dem Shortcode einen Namen (zum Aufrufen) zu geben und eine Verknüpfung zur Funktion herzustellen.

Beispiel für Shortcodes: Manuelles Einbinden von Werbeanzeigen

Die sicherlich einfachste Möglichkeit einen Shortcode zu nutzen, ist die manuelle Einbindung einer Werbeanzeige. Auch auf wpLove.de finden Shortcodes hierfür Verwendung.

Diese Möglichkeit ist sehr zuverlässig und als simples Beispiel für die Anwendung der WordPress Shortcodes gut geeignet.

WordPress Shortcodes: Die Funktion

In diesem Beispiel will ich einen immer gleichen Anzeigentext an unterschiedlichen Stellen im Artikel ausgeben. Diesen Anzeigentext (ich verwende als Beispiel mal nun einen Banner der Größe 468×60) muss ich zunächst einmal der Funktion zuweisen. (Ich wechsle an dieser Stelle mal ins “Du”, weil du das ja gerade tust.)

Öffnen die functions.php.

Hast Du bisher noch keine andere Funktion erstellt, so definiere zunächst, dass Du nun PHP verwenden wirst: <?php Darauf kannst Du natürlich verzichten, wenn es diese Angabe schon gibt. Und auch schon hier der Hinweis: An das Ende Deiner Funktion gehört dann ggf. auch ein schließendes ?>

Nun erstelle Deine Funktion und gib einen passenden Namen. Ich wähle dafür im Beispiel nun mal “werbung”:

function werbung()

Nun musst du den Bannerquelltext in die Funktion einfügen. Da du den ja nur ausgeben willst, reicht hierbei die Verwendung der Funktion return.

Als Ganzes würde das bedeuten:
{
return '<a href="http://www.example.org" title="Example"><img src="example.gif" alt="Example" width="468" height="60" />';
}


Das war’s schon mit der Funktion!

Shortcode: Namen definieren

Nun musst du deinem Shortcode auch noch einen kurzen, leicht zu merkenden und passenden Namen geben. Damit du eben in Zukunft den Shortcode ganz leicht aufrufen kannst. Hast du einen Namen gefunden, so musst du diesen definieren und in Verbindung mit ihm die Funktion aufrufen.
Ich habe mal “ad” gewählt:

add_shortcode('ad', 'werbung');

Im ersten Teil definierst du den Namen des Shortcodesm nämlich “ad”. Der zweite Teil gibt dann an, welche Funktion mit dem Shortcode verknüpft wird, das ist die Funktion “werbung” von eben. Auch das war’s schon.

Das Gesamtergebnis: Der Shortcode

Und wer’s schneller haben will, dem sei hier noch einmal alles in einem Teil präsentiert:

<?php
function werbung() {
return '<a href="http://www.example.org" title="Example"><img src="example.gif" alt="Example" width="468" height="60" />';
}
add_shortcode('ad', 'werbung');
?>

So wenig reicht…

Shortcode einbinden

Wenn Du jetzt Deinen Werbebanner an mehreren Stellen im Artikel einbinden willst, so musst Du nur jedes mal Deinen neuen Shortcode in den Text einfügen: [ad].

Das war alles!

Wofür verwendet ihr denn so die WordPress Shortcodes?

Wollt ihr’s mir verraten? Auch nur Werbeanziegen? Oder für Plugins wie Umfragen oder Google-Maps-Karten? Ich freuen mich über Ideen.

Letztlich fast jeder Blogger der mit einem neuen Blog startet, fragt sich wie da ran kommt. Unabhängig davon, ob hinter dem Schreiben und Betreiben des Blogs finanzielle Interessen stehen, oder ob der Blog nur aus Lust am Thema geschrieben wird. Und auch ich – mit dem relativ jungen Blog wpLove.de – stehe (immer noch!) vor diesem Problem.

Daher möchte ich mit dieser kleinen Artikelserie mindestens 20 Tipps geben, wie man den eigenen Traffic langfristig steigern kann. In diesem ersten Teil geht es dabei um Toplisten, twitter, Trackbacks, Gewinnspiele und Kommentare. In späteren Artikeln dieser kleinen Serie werden dann Tipps zum Social Networking, zur Suchmaschinenoptimierung und generellen Seitenoptimierungen folgen.

Ich freue mich über euer Feedback!

1) Toplisten – Alle stehen drauf

Ob nun die Blogosphäre vom Fernsehen gelernt hat, oder das Fernsehen von uns sei einmal dahingestellt. Aber auf Toplisten fahren alle ab! Internetsurfer auch! Also schnapp Dir ein interessantes Thema, zu dem Du eine Topliste machen kannst und die Besucher sind Dir sicher! Wenn Du es eben schaffst, diese Topliste auch bekannt zu machen. Aber dazu mehr in den folgenden Tipps!

Und nicht damit Du denkst, dass ich mir das grad ausgedacht habe, möchte ich auch einige Beweise liefern.
So zählen hier auf wpLove.de die drei Toplisten

• 10 Must-Have SEO Plugins für WordPress
• 7 Tipps: WordPress beschleunigen
• 6 Tipps: WordPress sicherer machen

zu den derzeit beliebtesten Artikeln.

Und auch auf Peer Wandigers BlogProjekt.de ist das nicht anders. Drei der fünf beliebtesten Beiträge sind Toplisten:

• 16 Tipps für einfache und schnelle Backlinks
• 6 Top-Plugins für WordPress-Artikel
• 22 wichtige Tipps für Blog-Anfänger

2) twitter – Die Macht der tweets nutzen

Vor einiger Zeit habe ich die Frage gestellt, ob twitter nur ein Tool zur einfachen Zeitvernichtung ist oder doch mehr ein wichtiges Marketinginstrument. Jetzt weiß ich es: Letzteres ist es. twitter übt mittlerweile eine enorme Macht aus. Nicht nur auf Politik, Gesellschaft und Medien, sondern auch auf die Blogosphäre.

Diese Macht solltest Du zur Trafficgenerierung unbedingt nutzen! Wenn Du also noch keinen twitter-Account hast, dann leg’ Dir ganz schnell einen an!

Zunächst gilt es dann, selbst Menschen aus Deinem Themengebiet (z.B. WordPress) zu folgen. Doch Follower kommen nicht von allein, Du musst etwas dafür tun: Überzeuge durch gute tweets, nutze Hashtags, retweete tweets von anderen (wenn sie denn gut sind) und trete mit anderen auch mal in direkten Kontakt. In der Regel verläuft die Follower-Zahl dann exponentiell! 10 Tipps für mehr Follower gibt es übrigens auch hier (schon wieder eine Topliste)!

Hast Du dann einige Follower (sagen wir einmal 100), schrecke auch nicht davor zurück Deine eigenen Blogbeiträge oder interessante Kommentare zu twittern. Wenn die Hinweise denn auch gut sein, kannst Du dich über viele retweets freuen. Und jeder retweet führt zu neuen Besuchern, PIs, Kommentaren…

3) Trackbacks – Tue Gutes und erzähl’ davon

So wie Du dich über Links freut, so freuen sich auch andere Blogger darüber. Also tue Gutes und verlinke recht fleißig Beiträge von unterschiedlichsten Blogs in Deinen Artikeln. Wenn Du nicht gerade Trackback-Spam verbreitet, so wird Dein Artikel in den Kommentaren der verlinkten Artikel auftauchen.

Auch wenn ich als “Hobby-SEO” den Suchmaschinenwert dieser (am Ende) reziproken Links nur schwer einschätzen kann (wahrscheinlich macht es hier nur die Masse, aber ich freue mich über bessere Belehrungen!), so haben diese Trackbacks doch mindestens zwei positive Eigenschaften, die Dir zu mehr Traffic verhelfen:

1. Mehr direkte Besucher!

Jeder Link in einem Kommentar erzeugt bei mindestens einem Leser des verlinkten Artikels Interesse. Und mit etwas Glück (je besser Deine Artikel-Überschrift, umso mehr Interesse!) und ein wenig Aktualität (als 500. Trackback gelistet zu werden ist wahrscheinlich wenig hilfreich) sind Dir dann direkte Besucher sicher, die eigentlich nur den von Dir verlinkten Artikel lesen wollten.

2. Aufmerksamkeit erzeugen

Und auch wenn Du mal nicht den ersten Trackback zu einem wichtigen Artikel setzt. Setz’ ihn trotzdem!
Vielleicht bekommst Du über den Trackback dann nicht viele neue Besucher. Aber einen entscheidenden Vorteil solltest Du nicht vergessen: Der verlinkte Autor kennt Dich!
Und das kann Gold wert sein. Wenn der nämlich Deine Artikel genauso spannend findet, wie Du seine, dann ist die Chance nicht schlecht, dass auch er Dich mal verlinken wird.

4) Geiz ist geil – Gewinnspiele veranstalten

Über kostenlose Geschenke freut sich jeder. Das solltest Du dir zunutze machen.

Veranstalte ein kleines Gewinnspiel, bei dem Deine Besucher eine kleine Aufgabe lösen müssen, einen Kommentar schreiben sollen oder ähnliches. Dieses Gewinnspiel veröffentlichst Du dann auch wieder auf twitter. In aller Regel werden schon ein paar Teilnahmen zustande gekommen. Und selbst wenn die Teilnahme nicht so dolle ist: Die Gewinner werden Stammleser und in aller Regel verlinken sie dann auch ganz gerne auf Deinen Blog. Und Du sollst ja auch kein Luxusauto verlosen. Vielmehr erhalten kleine Geschenke die Freundschaft!

5) Öffentlichkeit schaffen – Jeder freut sich über Kommentare

Wie schon bei den Trackbacks, so gilt auch bei Kommentaren: Jeder Blogger freut sich über Feedback zu seinen Artikeln. Nutze das aus! Kommentiere andere Beiträge. Du darfst zudem ja auch meistens einen Link setzen.

Aber tu dir selbst auch einen Gefallen: Lass keinen Kommentarspam draus werden! Ich selbst beispielsweise reagiere darauf auch ziemlich empfindlich. Lass dich also nicht von halbstarken SEOs blenden, die dir Top 10-Positionen bei Google versprechen: Keywords als Name des Autors haben in Kommentaren nichts verloren und auch Deeplinks sind ungern gesehen.

Schreibe daher nur sinnvolle Kommentare, in denen Du auch ein ehrliches und brauchbares Feedback gibst. Darüber freut sich jeder! Und diese Freude wird in Links, Empfehlungen und neuen Feedreadern enden. Versprochen!

Start der Artikelserie “Mehr Traffic für den eigenen Blog”

In Zukunft wird es hier noch mehr Artikel geben, die ein paar Tipps für mehr Traffic geben. Mindestens 15 Tipps warten noch auf Veröffentlichung.
Also bleibt gespannt.

Ich würde mich übrigens über euer Feedback zu diesen Tipps freuen!

Bild: Cyril Caton (Lizenz, 22.04.2011)

Höchste Zeit also, etwas gegen immer schlechtere Ladezeiten zu tun! Ich verzichte hier jetzt allerdings auf irgendwelche tiefen Analysen mit komplizierten Prognosen und Erklärungen. Ich schreibe hier das auf, wonach ich lange gesucht habe, aber nie fündig wurde: 5 einfache Tricks, mit denen ich meinen WordPress-Blog schneller machen kann.

Ergebnis vergleich können

Damit du dein Ergebnis am Ende auch vergleichen kannst, empfehle ich das Ladezeiten-Tool von Pingdom. Mit diesem Tool solltest du einmal vor den Änderungen überprüfen wie schnell (oder langsam) deine Seite war. Und diesen Test gilt es auch nach den Änderungen noch einmal zu wiederholen. Die Ergebnisse des Test brauchst du dabei nicht notieren, du kannst sie in einer History unten rechts nachvollziehen.

1) JavaScript muss raus um die Ladezeiten zu verringern!

JavaScript (bzw. jQuery) wird in den meisten Fällen dafür sorgen, dass die Ladezeiten noch langsamer sind. Du solltest dir dabei die Frage stellen, ob du wirklich soviel JavaScript brauchst: Ist eine Lightbox für die Bilder notwendig? Kommst du nur mit jQuery-Slidern auf der Startseite aus? Und brauchen deine Besucher wirklich irgendwelche komischen Tooltips?

In den meisten Fällen (und davon gibt es deutlich mehr als die drei oben genannten) lautet die Antwort “Nein”. Zusätzlich solltest du immer bedenken: Es gibt immer noch Besucher, die JavaScript vollständig deaktiviert haben und dann eh nichts sehen.

Und wenn du die ganzen JavaScript-Dinge nicht brauchst, dann kannst du sie auch gleich entfernen. Denn jeder Codeschnipsel JavaScript (und dazu gehört auch Google Analytics, etc.) verursacht deutlich längere Ladezeiten.

Wenn schon, dann Google

Wenn du auf jQuery nun wirklich nicht verwenden kannst, dann solltest du das wenigsten nicht auf deinem eigenen Server hosten. Es gibt Anbieter, die das besser können.

Hierzu zählt Google: Google bietet im Rahmen von Google Code den Zugriff auf jQuery an. Ersetze den Aufruf von jQuery in deinem Header einfach durch diesen Google-Dienst:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Google kann das wirklich besser und schneller, die Ladezeiten (also auch Besucher und dann auch wieder Google) werden’s dir danken!

2) Dateigrößen verkleinern und WordPress schneller machen

Kannst du dir vorstellen, wieviel Extra-Bytes nur durch Leerzeichen, Tabulatoren, etc. verwendet werden? Ich kann dir die Zahl nicht sagen, aber sie ist enorm!

Diese Leerzeichen machen bei der Programmierung auch viel Sinn, halten Sie den Quelltext doch schön übersichtlich und erleichtern das Arbeiten so ungemein. Aber ist erst einmal etwas fertig gestellt und muss nicht mehr geändert werden, so verursachen diese Leerzeichen dann doch nur längere Ladezeiten.

Aber das kann man umgehen! Das Zauberwort heißt hier “Code-Komprimierung”! Leerzeichen haben nichts mehr im Quelltext verloren!

Und wieder einmal ist es Sergej Müller, der mit einem kleinen Online-Tool diese Code-Komprimierung zu einem Kinderspiel macht: Einfach im Code Compressor den eigenen CSS- und JavaScript-Quelltext (wobei wir JavaScript ja eigentlich doof finden und deshalb ganz weglassen) in das Textfeld kopieren und die Kompressionsstufe auswählen. Den komprimierten Code kann man dann in die entsprechende Datei einfügen und diese aktualisieren.

Die Ergebnisse sind erstaunlich: Der Browser hat mit der Komprimierung überhaupt keine Probleme, aber die Dateigröße wird um bis zu 70% reduziert.

3) Bilder verkleinern und WordPress beschleunigen

Perfekte Bilder. Für Fotografen und auf riesen Displays oder für den Druck mag das noch wichtig sein. Für’s Web ist es in den meisten Fällen aber nicht! Da verursacht ein 300kB großes JPEG – auch bei Breibandverbindungen – nur lahme Ladezeiten und wenig Freude beim Besucher! Doch es muss auch nicht ein 300kB großes JPEG sein, um den Blog mit Bildern zu beleben!

Das richtige Dateiformat

JPEG und GIF sind out, BMP war noch nie etwas für’s Web!

Doch gibt es seit 2004 das Format PNG (Portable Network Graphics), das leider noch viel zu wenig genutzt wird! Denn PNG kann verlustfrei komprimieren (z.T. stärker als GIF) und unterstützt zudem noch Transparenz über den Alphakanal.

Daher die Devise: Immer PNG nutzen! Und nach Möglichkeit auch alle Bilddateien im Blog nach und nach durch PNGs ersetzen!

PNG beim alten Internet Explorer

Microsoft wäre nicht Microsoft, wenn nicht… Na egal: Ich als Mac-Nutzer kann wieder nur ablästern. Doch um bei den Fakten zu bleiben: Der Internet Explorer in den älteren Versionen unterstützt PNG einfach nicht, bzw. die Transparenz der PNGs nicht.

Das muss man den Browsern mit Versionsnummer 6 und niedriger dann noch beibringen. Für diesen PNG-fix gibt es vielfältige Möglichkeiten. Einfach mal Google & Co. befragen!

Auch bei PNG geht noch was

Die Standard-Kompressionen aus den unterschiedlichen Bildbearbeitungsprogrammen sind häufig leider nicht optimal und es lässt sich noch viel überflüssige Information beseitigen. Hierzu gibt es (sowohl für PC, als auch für Mac) eine ganze Reihe von kleinen Helferlein, die diese Arbeit und kompliziert, aber verlässlich übernehmen. Einfach mal in einer Suchmaschine danach suchen und für alle “Macianer”: Sergej hat letztens erst ein solches Tool vorgestellt!

4) WordPress cachen und schneller machen

Ein Großteil von Geschwindigkeit und Traffic geht bei WordPress durch die immer gleichen Anfragen verloren. Stellt euch einmal vor, 5 Besucher schauen sich innerhalb von 2 Minuten exakt die gleiche Seite an. Dann liefert WordPress in diesen 2 Minuten genau 5-mal exkat die gleiche Seite aus. Mit den gleichen Bildern, mit den gleichen Datenbankabfragen usw. Viermal wird dann Traffic verursacht, der schon beim ersten Mal verursacht wurde.

Doch auch diesen Überfluss kann man abstellen. Caching ist hier das Zauberwort. Und wieder einmal bieten ganz viele Programmierer mit ihren WordPress-Plugins ganz viele unterschiedliche Lösungen an.

Da ich nicht alle Lösungen ausprobiert habe, aber mit einer ganz zufrieden bin, empfehle ich an diese Stelle einmal “W3 Total Cache“, mit dessen Arbeit ich ganz zufrieden bin. Aber Achtung: Nur unter PHP5 funktionieren alle Features einwandfrei und ihr solltet ggf. mit eurem Provider vorher klären, ob der Webspace alle benötigten Einstellungen und Möglichkeiten mitbringt.

5) WordPress-Datenbank sauber halten und beschleunigen

Mit jeder neuen Version bringt WordPress eine Reihe von angenehmen Features mit, die das Schreiben deutlich erleichtern. Doch in aller Regel sind diese Features auch mit mehr Arbeit für die Datenbank verbunden.

So ist es etwa bei der Funktion der sog. “Revisionen”: WordPress speichert beim Schreiben eines Artikels automatisch und auf Befehl immer die aktuellste Version. So kann man sichergehen, dass auch bei einem möglichen Browserabsturz alle Änderungen auch noch gespeichert sind.

Allerdings wird mit jedem Speichern des Artikels eine sog. Revision auch in der Datenbank gespeichert. Bei meiner Arbeitsweise etwa können das schnell mal bis zu 50 Revisionen pro Artikel sein. Und die WordPress-Datenbank bläht sich dann auf, denn WordPress löscht beim Veröffentlichen eines Artikels die Revisionen nicht automatisch.

Abhilfe schafft hier jedoch das Plugin “Delete Revision“: Es löscht auf Befehl alle Revisionen aus der Datenbank und minimiert die Datenbanklast so enorm. Außerdem bringt das Tool gleichzeitig einige nette Features zur Datenbank-Optimierung mit, sodass man phpMyAdmin, etc. in den meisten Fällen gar nicht mehr braucht.

6) gzip-Komprimierung aktivieren

Mit einem WordPress-Update ist vor einiger Zeit leider die Standard-Option der gzip-Komprimierung verloren gegangen. Denn diese Komprimierung ist doch so wichtig! Denn wie auch bei Bildern oder CSS-Dateien gilt auch bei allen anderen System-Dateien: Je kleiner, umso besser. Und mit gzip können nun einmal alle Suchmaschinen und Browser auch etwas anfangen und finden es sogar gut, wenn diese Komprimierung aktiviert ist.

Wer also mitdenkt, der aktiviert die gzip-Komprimierung auch dann, obwohl sie nicht mehr Standard-Feature von WordPress ist. Im Prinzip gibt es hierfür zwei Möglichkeiten.

gzip über .htaccess aktivieren

Eine erste Möglichkeit ist, alle Dateien über einen Eintrag in der .htaccess (bei den meisten Apache-Servern die Regel, aber Ausnahmen bestätigen eben solche) ins gzip-Format zu bringen.

Da gibt es beispielsweise diese Möglichkeit (gefunden bei perun):

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


Aber es gibt auch viele andere Varianten. Hier würde auch eine Suche bei Google & Co helfen.

gzip mit WordPress-Plugin

Wer von diesem ganzen Apache-Kram keine Ahnung hat und sich damit auch nicht weiter beschäftigen will, der kann wieder einmal auf eines der zahlreichen WordPress-Plugins zurückgreifen.

Sergej bietet mit wpCompressor ein sehr einfaches Plugin an, das schon eine erste gute Wahl ist. Beachten sollte man hierbei allerdings, dass das Plugin von Sergej nur die Beiträge, nicht aber CSS- oder JavaScript-Dateien komprimiert. Besser wäre da tatsächlich die .htaccess-Variante, aber besser als gar nichts ist wpCompressor allemal.

7) WordPress-Plugins deaktivieren

Jedes Plugin braucht Serverleistung. Das eine mehr, das andere weniger. Und wie schon bei den Sicherheitstipps für WordPress gilt auch hier: Je weniger Plugins aktiviert sind, umso besser!

Deshalb schaut nach, ob ihr wirklich alles braucht, was da so aktiviert ist. In vielen Fällen wird die ehrliche Antwort ein klares “Nein” sein!

Noch viel mehr Tipps und Tricks

Diese sieben Ratschläge von mir waren lange noch nicht das Ende der Fahnenstange. Man kann noch viel mehr machen! Doch waren diese sieben Ratschläge diejenigen, die auch mir bei der Umsetzung am leichtesten gefallen sind.

Wer sich für mehr interessiert, der wird im Internet schnell fündig. Zum Beispiel hier:

• WordPress Hacks – WordPress beschleunigen
• WordPress beschleunigen
• WordPress beschleunigen
• WordPress beschleunigen
• WordPress-Header entschlacken, Blog beschleunigen

Eure Erfahrungen beim Beschleunigen von WordPress

Und? Wie sieht’s aus? Konntet ihr mit meinen Tipps euren WordPress-Blog noch schneller machen? Ich freue mich auf euer Feedback!

Doch reichen bereits wenige Handgriffe, um WordPress ein ganzes Stück sicherer zu machen und somit Angriffe von vornherein gar nicht erst zuzulassen. Diese schnell zu erledigenden Handgriffe und Kniffe möchte ich einmal kurz vorstellen.

1) Regelmässige WordPress Updates

Sicherheitslücken, die WordPress selbst mitbringt – ohne dass der User diese beeinflussen könnte -, werden in aller Regel sehr schnell gefixt. Allerdings muss der Blogbetreiber dann auch die Updates einspielen.

Während ein WordPress-Update früher noch schweißtreibende Arbeit war, so hilft heute der Update-Dienst im Blog sehr komfortabel. Alles was man braucht, sind die Zugangsdaten zum eigenen FTP-Server und zwei Minuten Geduld.

Du solltest aber dennoch vor jedem Update ein Backup deines kompletten Blogs und der Datenbank machen!

Gibt es ein Update, so wirst du im gesamten Backend im Header immer darauf aufmerksam gemacht. Oder du folgst wplove.de auf twitter und wirst auch dort informiert, wenn es ein neues Update gibt!

Keine Updates, so sollte jeder Blog aussehen

2) WordPress-Header bereinigen

Leider gibt WordPress Informationen an Browser, Bots und Besucher aus, die das im Hintergrund arbeitende System verraten und Angreifern den Weg ebnen. Zu diesen überflüssigen Informationen zählt insbesondere die Angabe, dass man mit WordPress bloggt. Diese Information dient mittlerweile aber nur noch statistischen Erhebungen, die Information sollte daher in jedem Fall gelöscht werden!

Daher: Überprüft euer Theme und entfernt ggf. in der header.php die Information

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

3) Neuen Admin anlegen

Bisher (ab Version 3.0 scheint das zum Glück anders zu sein) hat WordPress dem Administrator einer Seite leider immer automatisch den Benutzernamen “admin” gegeben. Eine Tatsache, mit der sich die meisten Blogger abgefunden haben: Die wenigsten haben noch einen neuen Account angelegt.

Doch ist gerade dieser Schritt enorm wichtig um die Sicherheit in WordPress zu erhöhen und so einfach zu gestalten: Legt mit eurem Standard Admin-Account einfach einen neuen Administrator-Account an, dem ihr alle Rechte gebt. Als Nutzernamen wählt ihr am besten einen, den ein Angreifer nicht gleich erraten kann.

Neuen Admin einrichten

Melde dich dann mit dem neuen Admin-Account an und lösche den alten Standard-Admin “admin”. Bitte wähle dabei aus, dass alle Beiträge und Links von diesem alten Account an deinen neuen übertragen werden. Denn sonst sind viele Inhalte einfach weg. Um ganz sicher zu gehen, machst du vorher natürlich ein Backup!

Alten Admin-Account löschen

4) Wichtige Dateien und Verzeichnisse mit .htaccess sichern

Apache bietet mit .htaccess zahlreiche Möglichkeiten, die nun auch in Sicherheitsbelangen wichtig werden. Dazu gehört etwa der Schutz der config.php mittels .htaccess:

# wpconfig.php schuetzen
<files wp-config.php>
Order deny,allow
deny from all
</files>


Aber auch der Schutz des Backends mit einem htaccess-Passwort ist unabdingbar. Das möchte ich nicht nochmal extra erklären, Sergej hat das besser gemacht!

5) Plugins deaktivieren

Es ist wie überall im Leben: Je mehr mögliche Schwachstellen es gibt, umso häufiger wird man Opfer dieser Schwachstellen.

Bei WordPress sieht das nicht anders aus und viele WordPress-Plugins erschweren einem das Leben dann auch noch. Denn mit jedem Plugin steigt die Gefahr einer Sicherheitslücke. Daher gilt: Nur die Plugins aktivieren, die wirklich wichtig sind! Und das meiste kann man auch durch eigene kleine Funktionen lösen!

6) Tabellen-Präfix ändern

WordPress schlägt bei der Installation immer “wp_” als Tabellenpräfix für die MySQL-Tabelle vor. Wer bei der Installation eine Änderung dieser Einstellung vergessen hat, der sollte das nun nachholen, denn auch diese Grundeinstellung bietet eine Menge Gefahren!

Es empfiehlt sich bei der Wahl des Präfixes eine Kombination aus Zahlen und Buchstaben ohne Zusammenhang, z.B. “3z5td_” Dieses neue Präfix muss dann in der config.php geändert werden:

$table_prefix = '3z5td_'; // Nur Zahlen, Buchstaben und Unterstriche bitte!

Doch müssen bei bestehenden Installationen nun natürlich auch alle Tabellen der Datenbank geändert werden. MySQL bietet hierfür eine sehr einfache Möglichkeit. Gebt in eurer Datenbank-Verwaltung (etwa phpMyAdmin o.ä.) als SQL-Befehl ein:

RENAME TABLE wp_links to 3z5td_links;

Dieser Schritt muss für alle Tabellen wiederholt werden. Alle Angaben können natürlich auch in einem großen Schritt gemacht werden. Du darfst nur keine Tabelle vergessen!

Falls du einen Fehler gemacht hat, so spiele im Notfall einfach dein aktuelles Backup ein, das du natürlich vor jeder Änderung speicherst!

Fazit

Sechs kleine Schritte genügen, um die Sicherheit in WordPress signifikant zu erhöhen. Für alle Schritte habe ich gerade einmal 10 Minuten gebraucht. Und wer noch mehr Sicherheitstipps möchte, der schaut z.B. bei Sergej, Frank oder bei Bastian.

Bild: Klearchos Kapoutsis (Lizenz, 22.04.2011)

Diese gut geeignete und sehr sichere Lösung, die jeder Webserver bietet, wird einfach viel zu wenig genutzt! Sergej möchte damit Schluss machen und ich schließe mich an: Setzt seine Vorschläge so schnell wie möglich um. Denn jedem WordPress-Blogger sollte klar sein, dass WordPress als Angriffsziel immer beliebter wird. Wer da nicht aufpasst, ist selbst schuld.

Im Übrigen macht Sergej mit einer Checklist auch noch weitere Vorschläge, um die Sicherheit in WordPress zu erhöhen oder bietet gleich ein nützliches Plugin kostenlos an.

Bild: Klearchos Kapoutsis (Lizenz, 22.04.2011)

Für solche Zwecke lohnt sich daher die Installation von WordPress lokal auf dem eigenen Rechner. Eine solche Möglichkeit möchte ich in diesem Beitrag für Apple-Rechner vorstellen: WordPress lokal auf dem Mac betreiben.

Die notwendige Software zum Betreiben von WordPress auf dem Mac

WordPress lokal auf dem Mac zu betreiben ist längst nicht mehr ein solches Hexenwerk wie noch vor Jahren. Eigentlich braucht man nur noch zwei Downloads, um den Betrieb zu garantieren:

1. MAMP
2. die aktuelle WordPress-Version

MAMP: Mac, Apache, MySQL, PHP

Mit MAMP installiert man ein Komplett-Paket aus Apache-Server mit PHP und der sinnvollen Datenbank-Anwendung MySQL. Also lebensnotwendigen Voraussetzungen für WordPress.

Das ca. 160MB große Programm installiert MySQL, PHP und Apache, ohne dabei bestehende Installationen dieser Komponenten zu beeinflussen. Große Rechnerlasten werden vermieden, da die Anwendung keine besonders rechenaufwendigen Skripte, etc. startet. Mit einem Klick können alle Features genutzt werden.

By the way: MAMP Pro ist die kostenpflichtige Version von MAMP (39,- €) und bietet dann noch einen Mailserver, ermöglicht externe Zugriffe per DynDNS oder gestattet den Umstieg von PHP5 auf PHP4. Für eine einfache WordPress-Installation ist das allerdings nicht notwendig.

MAMP installieren

Die Installation von MAMP gestaltet sich – wie gewohnt von anderen Mac-Applikationen – als sehr einfach: Mit wenigen Klicks ist alles getan: Nachdem das Image geöffnet wurde und der Lizenzvertrag akzeptiert wurde, muss die Anwendung einfach nur in den Programmordner verschoben werden.

MAMP installieren

MAMP ist dann sofort einsatzbereit, jedoch sollte auch Gründen der einfacheren Bedienung noch das beigefügte Widget installiert werden. Zur Funktion später mehr.

MAMP-Einstellungen vornehmen

Zum besseren Handling sollte man trotz der sofortigen Einsatzbereitschaft aber noch einige Änderungen vornehmen. Dazu gehört das Festlegen des Website-Ordners, die Installation der WordPress-Datenbank und ggf. das Einrichten der Ports. Dennoch wäre MAMP schon jetzt über http://localhost:8888 erreichbar.

Webseiten-Ordner festlegen

Um sich nicht von den Programm-Ordnern der Anwendung abhängig machen zu müssen und die eigene Ordnung auf dem Mac zu bewahren, sollte man den Webseiten-Ordner in den Programm-Einstellungen selbst festlegen.

Das geschieht mit wenigen Klicks, nachdem man MAMP gestartet hat. Im Programm-Fenster kann man auch gleich alle Einstellungen (unter “Einstellungen”) vornehmen und so findet sich unter dem Reiter “Apache” ein Auswahl-Button, mit dem man dann im Finder-Fenster einen eigenen Wunsch-Ordner auswählen kann. Das kann z.B. der Webseiten-Standard-Ordner von Mac OS X sein. Die in diesem Ordner abgelegten Ordner und Dateien sind dann auf der neuen Startseite zu sehen.

Webseiten-Ordner einstellen

MySQL-Datenbank anlegen

Unabhängig von der Startseite bleibt (sofern man die Ports nicht anders belegt hat) unter http://localhost:8888/MAMP weiterhin die Übersichtsseite von MAMP aufrufbar. Von dort aus hat man dann auch Zugriff auf die Web-Anwendung phpMyAdmin. In dieser wohl bekannten Anwendung sollte man für die eigene WordPress-Installation eine neue Datenbank anlegen. Sinnigerweise nennt man diese Datenbank zum Beispiel “wordpress”.

Neue Datenbank anlegen

Ports selbst wählen

Auch bietet MAMP die Möglichkeit, die betreffenden Ports selbst auszuwählen. Das macht besonders dann Sinn, wenn die Standardports von MAMP schon mit anderen Anwendungen belegt sind. Wer aber außer MAMP nichts anderes unter dem localhost betreibt, der sollte auch die Standardsports nicht ändern. Für alle anderen: Die Port-Einstellungen finden sich ebenfalls in den Anwendungs-Einstellungen von MAMP.

WordPress installieren

Die WordPress-Installation selbst birgt keine großen Überraschungen und ist (wie von jeder “normalen” Installation auf einem echten Webserver gewohnt) innerhalb weniger Minuten installiert.

Alle Informationen, die in die config.php eingetragen werden müssen, findet man in phpMyAdmin. Username und Passwort für die MySQL-Datenbank in MAMP sind jeweils “root”.

Blog-Daten übernehmen

Für die Theme-Entwicklung bei einem bestehenden Blog kann es durchaus Sinn machen, alle Daten und die Datenbank dieses Blogs komplett zu übernehmen. Auch das ist kein Hexenwerk!

Man muss lediglich alle Dateien des Blogs herunterladen (das sollte beim letzten Backup geschehen sein) und in das Webseiten-Verzeichnnis von MAMP verschieben. In der Datei config.php müssen dann nur noch alle Daten geändert werden.

Doch auch in der Tabelle “wp_options” in der Datenbank muss der Wert für die Zeile “siteurl” entsprechende auf “http://localhost:8888″ geändert werden. Sonst funktioniert nichts.

MAMP: WordPress lokal auf dem Mac nutzen

Das war’s schon. MAMP und WordPress sind nun voll einsatzbereit. Doch…

Widget installieren

Wie oben angesprochen, sollte man auch das Dashboard-Widget von MAMP installieren. Mit diesem Widget kann man dann mit einem Klick Apache- und MySQL-Server starten. Die Installationsdatei für das Widget befindet sich übrigens im Programmordner und ist mit der Finder-Suche in wenigen Sekunden gefunden!

MAMP-Widget

MySQL reagiert nicht mehr?

Gelegentlich (in der Regel nach häufigen Starten von MySQL bei Einstellungsänderungen) kommt es vor, dass MySQL nicht mehr starten will. Um dieses Problem zu beheben, muss man das Beenden des Prozesses erzwingen.

Das geschieht mit dem Dienstprogramm “Aktivitätsanzeige” (schnell mit dem Finder suchen). Dort muss man nach dem Prozess “mysql” suchen und wird den Prozess gleich mehrfach finden. Einfach alle auswählen und beenden! Dann die Server neu starten und schon wird es wieder reibungslos laufen.

MySQL beenden

Fragen offen?

Habt ihr noch Fragen, Probleme oder Anregungen? Dann immer her damit! Ich freue mich auf eure Kommentare! Ach übrigens: Auch ich bin nicht allwissend und habe von MAMP durch Pascal erfahren.

Bild: d. FUKA (Lizenz, 22.04.2011)

Ich hatte zwar vor einiger Zeit schon davon gehört, interessant wurde die Möglichkeit allerdings im Rahmen meines Redesigns, als ich einige Probleme für die WordPress Theme Übersicht lösen musste: Es sollte eine von Automattic zur Verfügung gestellte Möglichkeit für automatische Screenshots geben.

Zwei Minuten später bei Google war ich bei Pascal fündig geworden, auch dort wurde diese Möglichkeit noch einmal vorgestellt.

Hintergrund war eine Entdeckung von Ben: Für die Übersicht über kommerzielle Themes auf wordpress.org haben die Jungs von Automattic offenbar einen eigenen kleinen Screenshot-Dienst gebaut. Dieser Dienst ist zwar inoffiziell, darf auf Nachfrage aber ganz legal für eigene Zwecke genutzt werden.

Die Umsetzung ist relativ simpel: Die zu “screenshotende” Webadresse wird einfach an die Adresse des Screenshot-Dienstes angehängt. Die Breite des erzeugten Bildes kann ganz einfach durch das Kürzel ?w=xxx (wobei xxx für die Breite in Pixeln steht, also etwa 620) bestimmt werden.

Einzig zu beachten ist, dass die angehängte Webadresse keine ASCII-Zeichen (also zum Beispiel Doppelpunkt oder Schrägstrich) enthalten darf. Diese Zeichen müssen mit dem Hexadezimal-Pendant ersetzt werden. Am wichtigsten dürften hier bei sein:

• Schrägstrich (/) = %2F
• Doppelpunkt(:) = %3A

Wer weitere Zeichen benötigt, der findet alle hier.

Ein Screenshot für wpLove.de mit der Breite von 580 Pixel sieht dann also so aus:
http://s.wordpress.com/mshots/v1/http%3A%2F%2Fwplove.de%2F?w=580

Und auch das Einbinden genau dieses Screenshots beweist: Der Dienst ist schnell und erzeugt keinerlei Wasserzeichen, etc.:

Doch erkennt man schnell den Nachteil: Alle Screenshots werden (nachvollziehbarerweise) gecached, um die Serverlast zu minimieren. Dieser Cache wird leider nicht besonders häufig geleert. So kann es dann passieren, dass ein Screenshot ein doch sehr veraltetes Bild zeigt. Doch sollte das die Freude an diesem Dienst nur wenig schmälern!

Für leichteres Handling: BM Shots Plugin

Man könnte sich nun die Mühe machen und die URLs mittels der urlencode-Funktion von PHP mit einer eigenen kleinen Funktion in Hexadezimal kodieren.
Wem das zu aufwendig ist, dem sei das Plugin “BM Shots” ans Herz gelegt: Das Plugin übernimmt genau diese Arbeit und gibt dann mit einem kleinen Codeschnipsel den Screenshot aus. Das Plugin findet ihr natürlich bei Ben von Binary Moon: BM Shots Plugin.

Bild: Shermeee (Lizenz, 22.04.2011)

Und an diesem Erfolg können Designer und WordPress Entwickler partizipieren und zum Teil mehr als nur ein Zubrot verdienen. Ich meine mit diesem Verdienst aber nicht die Möglichkeit, über Referal-Links am Umsatz (manchmal sogar als Lifetime-Provision) geworbener Kunden beteiligt zu werden. Auch wenn das bei Anbietern wie Themeforest oder Woothemes schon sehr gut klappt (zweimal Partnerlinks!).

Ich rede in diesem Artikel von der Möglichkeit WordPress Themes zu verkaufen und damit unter Umständen durchaus sehr viel Geld zu verdienen. Dieser Artikel soll kein Leitfaden zur Theme-Entwicklung oder -Vermarktung sein (das kann aber gern folgen, falls als Kommentar gewünscht), vielmehr möchte ich darauf eingehen, wie sich durch die (nicht exklusive) Entwicklung von Themes Geld verdienen lässt.

Die Marktplätze

Die Besonderheit dieses Artikels wird wohl sein, dass ich nicht davon sprechen werde, Themes auf einer eigenen Plattform zu verkaufen und all den administrativen Aufwand (von Aufbau über Vermarktung bis hin zur Zahlungsabwicklung) selbst zu übernehmen. Dieser Artikel konzentriert sich einzig auf den Verkauf von WordPress Themes über Marktplätze.

Die Idee ist einfach und spätestens seit eBay oder dem Amazon Marktplatz bekannt: Der Anbieter der Marktplatzes stellt alle Kapazitäten zur Verfügung, die der Verkauf bedarf. Etwa ein Verwaltungssystem für Mitglieder und die Zahlungsabwicklung. Der Marktplatz-Betreiber sorgt zudem für die Vermarktung (etwa durch ein Partnerprogramm) und übernimmt die gesamte Weiterentwicklung des Marktplatzes.

Doch diese Aktivität lässt sich der Marktplatz-Betreiber (selbstverständlich!) auch bezahlen. In der Regel erfolgt das über eine prozentuale Beteiligung an den Verkaufserlösen. So erhält dann der Verkäufer nicht 100% der Verkaufserlöse ausgeschüttet, sondern (beispielhaft) nur 60%. Von den einbehaltenen 40% werden dann Server und Weiterentwicklung bezahlt, Referalprovisionen ausgeschüttet und Kosten für Bezahlsysteme, etc. getragen.

Zu den bekanntesten Marktplätzen für WordPress Themes, die nach diesem Schema vorgehen, gehört wohl Themeforest. Aber auch Neulinge wie Mojo-Themes und andere bevölkern den Markt; Ständig gibt es Vorankündigungen für neue Marktplätze.

Vorteile des Verkaufs von WordPress Themes über Marktplätze

Der erste Vorteil für Designer und WordPress-Entwickler liegt klar auf der Hand: Wie oben bereits angesprochen, muss sich der Entwickler um nichts weiter als um seine Themes kümmern. Die gesamte Administration, etc. übernimmt der Marktplatz-Betreiber.

Doch ist es noch ein weiterer Vorteil, der den Reiz des Verkaufs über Marktplätze ausmacht: Die enormen Zugriffszahlen. Für Käufer bieten die Marktplätze einen enormen Mehrwert, werden doch gleich von unterschiedlichsten Entwicklern Themes zu den unterschiedlichsten Themengebieten angeboten. Und wer als Käufer das Theme von Entwickler X anschaut, der findet vielleicht auch das von Y ganz interessant.

Support ist wichtig…

Erfolgreiche Entwickler stellen jedoch nicht nur ein Theme zur Verfügung. Erfolgreiche Entwickler bieten für dieses Thema auch noch Support und gehen auf Nutzerkommentare ein. So erwarte ich als Nutzer von Themeforest – wahrscheinlich wie jeder andere auch -, dass der Entwickler eines Themes binnen 24 Stunden auf meine Anfragen reagiert und beispielsweise ein Bugfix ankündigt. Wer als Entwickler Erfolg auf einem Marktplatz haben will, der muss mit solchen Anfragen rechnen und sie auch binnen kurzer Zeit beantworten.

…und Updates nicht vergessen!

Gleiches gilt für Updates! Fehler können passieren und sind menschlich. Bei durchschnittlichen Preisen um 30,- US$ kann man über solche Fehler auch mal hinwegschauen.

Doch erwartet jeder Nutzer, dass solche Fehler korrigiert werden. Auf der anderen Seite sind zusätzliche Features im Laufe der Zeit Voraussetzung für langfristige Kundenbindung.

Updates gehören daher zu jedem Theme dazu! Der Nutzer wird’s danken, die Mehrverkäufe sprechen dann für sich.

Ein Fallbeispiel

Kriesi auf Themeforest

Nun rede ich die ganze Zeit davon, dass man Geld verdienen kann und wie’s am besten geht, aber ich habe es bisher noch nicht belegt. Dieser Beleg soll nun folgen. Und zwar ist dieser Beleg (noch?) eine wirkliche besondere Ausnahme, aber er zeigt die enormen Erfolgschance, die ein Verkauf von WordPress Themes über Marktplätze bietet.

Der Top-Autor bei Themeforest ist “Kriesi“. Er konnte bisher (das heißt in ca. 2 Jahren) fast 12.500 Verkäufe über den Theme-Marktplatz generieren. Ein Großteil dieser Verkäufe ergibt sich aus seinen WordPress-Themes.

Nutzt man dann etwas die Mathematik und veranlagt pro Theme (ob nun WordPress, HTML oder PSD) einen Durchschnittspreis von 18,- US$ und geht davon aus, dass der Autor aus Wien nur 40% der Einnahmen als Ausschüttung erhält, so ist der Verdienst umwerfend:

12.500 x 18,- US$ x 40% = 90.000 US$

Bei dem aktuellen Wechselkurs sind das etwa 68.000,- EUR, die er mit nur 24 Themes (WordPress, HTML, PSD) bei Themeforest generiert ist. Erhält er bei Themeforest sogar eine Ausschüttung von 75%, so kann man von ca. 130.000,- EUR Verdienst in knapp 2 Jahren ausgehen… Ich möchte behaupten, dass das nicht schlecht ist!

Fazit

Mit WordPress-Themes lässt sich enorm viel Geld verdienen. Und besonders für eher einfachere Themes lohnt sich dabei ein Marktplatz. Durch die enormen Zugriffszahlen lassen sich mehr potentielle Kunden erreichen als über eine eigene kleine Verkaufsplattform. Erleichternd kommt hinzu, dass die gesamte Administration in fremde Hände gelegt werden kann.

Einige kleine Themes reichen schon aus, um einen Nebenverdienst zu generieren. Wer mehr will, kann mehr bekommen. Er muss nur den Nerv der Käufer treffen. Aber das zutun ist nicht besonders schwer.

Aber: Was meint ihr eigentlich?

Doch in den allermeisten Fällen gibt es da ein Problem: Druckt man die Seite über den Browserbefehl (bei Macs etwa Apfel + P), so bekommt man mehr, als man eigentlich möchte: Es werden die Anzeigen und alle Bilder, die Navigation und der Footer mit ausgedruckt. Also Dinge, die eigentlich nur stören.

Auch auf wpLove ist das so. So sieht etwa ein Artikel aus, wenn man ihn über den Browser druckt (zur Anschaulichkeit nur einmal die erste Seite):

Über den Browser ausdrucken

Das sieht wirklich blöd aus, so macht das Lesen (und klassische Markieren mit einem Stift) wirklich keine Lust. Und um unseren Lesern einen Mehrwert zu bieten und gleichzeitig die Funktionalität unseres Blogs zu verbessern, basteln wir uns heute eine Ausdrucken-Funktion.

Funktion anlegen

Wie immer beginnt auch dieses Tutorial mit der Grundfunktion, die wir später einmal brauchen werden. Wir müssen WordPress mit der Funktion erst einmal sagen, was genau wir vorhaben. Das Endergebnis sieht so aus:

function artikeldrucken() {
$stammurl = get_bloginfo(‘url’);
$permalink = get_permalink();
$permalink = str_replace(“$stammurl”, “”, $permalink);
$alternativerpermalink = str_replace(“?p=”, “”, $permalink);
if($permalink != $alternativerpermalink) {
$urlbasis = get_permalink();
$drucklink = $urlbasis.”&print=true”;
}

elseif($permalink == $alternativerpermalink) {

$urlbasis = get_permalink();
$drucklink = $urlbasis."?print=true";
}
echo '<p class="print"><a href="'.$drucklink.'" title="Diesen Artikel drucken">Artikel drucken</a></p>';
}

Mit dieser Grundfunktion tun wir zunächst nichts anderes, als die Pfade zum Artikel zu definieren. In einem zweiten Schritt wird dann die URL zur Druckseite definiert (je nachdem wie man die eigenen Permalinks angepasst hat) und im dritten Schritt wird die Ausgabe des Links zur Druckseite generiert.

Soweit unsere Funktion. Diese Funktion wird – natürlich – in der
functions.php
gespeichert!

single.php anpassen und Drucklink ausgeben

Die Funktion, die die Ausgabe der Druckseite erzeugt, gibt es nun. Allerdings müssen wir dem Besucher nun die Möglichkeit geben, den Artikel auch zu drucken.

Dafür bedarf es eines ersten Schritts: Wir müssen unterscheiden, ob die normale Seitenansicht gezeigt wird, oder ob wir schon auf der Druckansicht sind, bei der eben nicht das normale Design zu sehen ist.

Auch das kann man wieder über eine einfache IF-ELSE-Abfrage laufen lassen:
<?php
$print = $_GET['print'];
if($print != "true") { ?>

NORMALES LAYOUT

<?php } ?>

Wichtig ist an dieser Stelle, dass du den ersten Teil vor dem Abfragen des Headers setzt und den letzten Teil auch erst nach dem Footer einbindest.
Sonst kommt es zu schweren Fehlern.

Wie du im Quelltext oben sehen kannst, binden wir unser Druck-Layout nicht in der single.php ein, um ein unnötiges Aufblähen der Datei zu verhindern und somit die Performance der Seite beizubehalten. Erst wenn der Besucher wirklich schon auf der Druckseite ist, wird ein neues, bzw. verändertes Layout angezeigt.

Drucklink einbinden

Wir müssen dem Besucher jetzt allerdings noch die Möglichkeit geben, das Drucklayout auch überhaupt aufrufen zu können. Dafür müssen wir den entsprechenden Link zur Druckseite setzen. Eine geeignete Stelle dafür zu finden, sei deine Aufgabe. Es empfiehlt sich hierfür immer das Ende des Artikels und der Seitenheader.

Hast du die passende Stelle gefunden, dann musst du nichts anderes tun, als die eben definierte Funktion aufzurufen. Das funktioniert mit dem bekannten PHP-Befehl um eine Funktion einzubinden:
<?php artikeldrucken(); ?>
Solltest du nach diesem Schritt eine Fehlermeldung erhalten, so wirst du dich vermutlich vertippt haben. Es ist ganz wichtig, dass Funktion und dieser “Link” denselben Namen haben.

Druck-Layout

In der Unterscheidung, ob sich der Besucher auf der normalen Ansicht oder schon in der Druck-Ansicht befindet, haben wir festgelegt, dass es ein neues Druck-Layout gibt. In diesem Fall heißt die dazu angelegte Datei single-drucken.php Diese Datei müssen wir nun anlegen.

Im Prinzip steht in der Datei nichts anderes, als in der single.php. Mit dem entscheidenden Unterschied, dass wir auf ganz viel verzichten können und dann doch ein paar Dinge anders machen müssen:

• Header, Footer, Sidebar müssen nicht eingebunden werden
• Die Kommentare werden nicht eingebunden
• Es muss eine neue HTML-Datei angelegt werden
• Wir brauchen eine neue Stylesheet, die unsere Druckansicht optimiert.

Ansonsten können wir aber die definierten Template-Tags benutzen, die WordPress vorgibt.

Im Prinzip sind den Ideen beim Druck-Layout keine Grenzen gesetzt. Man sollte es nur so clean wie möglich halten. Denn sonst braucht man ja kein Druck-Layout. Und auch auf Bilder kann man ruhig verzichten.

Als Idee möchte ich hier nun ein Beispiel für ein mögliches Layout angeben:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head>

</body>
</html>

Die zugehörige CSS-Datei wäre in diesem Fall:

/***
Druckerfreundliches Layout
***/

body {
font-family: 'Georgia', 'Verdana', 'Arial';
font-size: 12pt;
color: black;
line-height: 120%;
}

#drucken {
margin: 0px;
}


SEO-Anpassung des Druck-Layouts

Wie du dein Layout anpasst, ist letztlich egal. Du musst nur unbedingt darauf achten, keinen Duplicate Content zu erzeugen! Denn sonst hat dein guter Willen dir geschadet und die Suchmaschinen kennzeichnen dich als “böse”. Bitte achte daher darauf, dass in deinem Druck-Layout angegeben ist, dass die Suchmaschinen den Content nicht indizieren und auch den Links nicht folgen. In der Beispiel Datei habe ich das angegeben.

Fertig!

Das war’s schon, viel Spaß beim Umsetzen und Drucken!

Fragen und Anregungen

Dem stehe ich sehr offen gegenüber, bitte schreibe einfach einen Kommentar! Bitte hab aber Verständnis dafür, dass ich Anfragen per Mail grundsätzlich nicht beantworte. Dieser Blog finanziert sich nur über die Werbung und wenn ich E-Mail-Support für meine Tutorials geben würde, dann wäre ich bald arm!

Ich versuche aber, die Kommentare so schnell wie möglich zu beantworten. Und wenn du einen Fehler entdeckt hast: Bitte sofort melden!

Diese Form der Navigation ist auf fast jeder wichtigen Seite zu finden und sie bietet dem Besucher einen echten Mehrwert: Da sie fast immer direkt über der Artikel-Überschrift zu finden ist, weiß der Besucher ganz genau, wo er sich gerade befindet.

In welcher Kategorie, in welchem Artikel. Und er kann ohne Probleme direkt wieder in die Kategorie wechseln. Und seien wir doch mal ehrlich: Cool sieht das Ganze auch noch aus.

Stellt sich die Frage: Warum keine solche Breadcrumb-Navigation auch in WordPress nutzen?! Das dachten sich auch schon andere und deshalb gibt es Plugins für WordPress, die eine solche Navigation schaffen zu Genüge.

Aber warum ein Plugin benutzen (das den eigenen Blog vielleicht noch lahmer macht), wenn man sich das auch selbst bauen kann?! Wie das geht, will ich hier kurz mal vorführen.

Schritt 1: functions.php aufrufen

In der functions.php bietet WordPress von Haus aus die Möglichkeit, eigene Funktionen anzulegen.Diese Möglichkeit wollen wir hier nutzen.

Wer noch keine functions.php der legt sich einfach eine an! Eine neue Datei (beschreibbar, um sie live ändern zu können) reicht vollkommen aus.

PHP-Funktion anlegen

Da wir das Ganze (wie auch WordPress eh schon) mit PHP machen werden, lege bitte als ersten Schritt das äußere Gerüst für die Funktion an.

Das ist ganz leicht:
<?php steht am Anfang und
?> steht am Ende.

Dem Kind einen Namen geben

Damit wir uns gleich leicht merken können, legen wir jetzt die Funktion als solches an:
function brotkrumen() {

Unsere Funktion heißt jetzt “brotkrumen”, die geschweifte Klammer öffnet die Funktion.

Blog-Informationen bereitstellen

Aus SEO-Sicht und für die Navigation selbst macht es total viel Sinn, dass wir in der Breadcrumb-Navigation unsere Blog-Informationen bereitstellen. Das ist der nächste Schritt:

$Blogheimat = get_bloginfo('url');
$Blogname = get_bloginfo('name');


Die Variable “Blogheimat” gibt die URL deines WordPress-Blogs an, die Variable “Blogname” hingegen den Titel deines Blogs.

Ausgabe festlegen

Die Breadcrumb-Navigation soll ja nicht auf jeder Seite auftauchen. Das musst du der Funktion (und damit WordPress) aber auch sagen.

In unserem Fall wird die Navigation nur auftauchen in:

• jeder Kategorie (category)
• jedem einzelnen Artikel (single)
• jeder Seite (page)

Damit das geschieht, müssen wir die Funktion um diesen Schnippsel erweitern:
if(is_category() || is_single() || is_page()) {
Dieser Schnippsel prüft vor Ausgabe der Funktion, ob es sich bei der ausgegebenen „Datei“ um eine Kategorie, einen einzelnen Artikel oder eine Seite handelt. Ist das nicht der Fall, so wird die Funktion auch nicht weiter aktiv.

Navigation anzeigen

Das war es schon fast, jetzt müssen wir nur noch dafür sorgen, dass die Navigation auch angezeigt wird.

echo "<p>";
echo "<a href=\"$Blogheimat\" title=\"$Blogname\">$Blogname</a>";
echo " &raquo; ";

In diesem ersten Schritt geben wir als ersten Teil der Navigation den Namen des Blogs aus und verweisen auf die Stamm-URL der WordPress-Installation.
Dafür brauchen wir die eben festgelegten Variablen „Blogheimat“ und „Blogname“.

Im zweiten Schritt wird jetzt festgelegt, was wann angezeigt wird.

Befindet sich der Besucher gerade in einer Kategorie, so soll er ja auch nur sehen, dass er in der Kategorie ist. Das passiert so:

if(is_category()) { echo single_cat_title(); }
Damit wird abgefragt, ob es sich bei der ausgegebenen Seite um eine Kategorie handelt. Und wenn das so ist, dann wird der Titel/Name dieser Kategorie angezeigt.

Wenn der Besucher aber in einem Einzelartikel ist, dann soll er ja den Titel des Artikels sehen und dazu die Kategorie, in der der Artikel abgelegt ist:
if(is_single()) { echo the_category(', '); echo " » "; echo the_title(); }

Und wenn er sich auf einer statischen Seite befindet, so soll er auch nur den Titel dieser Seite sehen:
if(is_page()) { echo the_title(); }

Fertig

Wenn das alles gemacht ist, dann müssen wir nur noch den geöffnet Absatz schließen, die Funktion beenden und (wie oben bereits erwähnt) PHP „beenden“.

Geht so:
echo "</p>";
}
}
?>

Navigation einbauen

Alles was jetzt noch fehlt, ist die Navigation auch einzubauen. Das macht am meisten Sinn direkt über der Artikel-Überschrift.

Dafür müssen wir dann auch nur unsere Funktion in der entsprechenden Template-Datei (single.php etwa) aufrufen:
<?php brotkrumen(); ?>

Und schon läuft alles wunderbar!

Noch Fragen?

Wenn nicht alles wunderbar läuft, so schreib hier doch einfach einen Kommentar!

Downloaden

Wer keine Lust hat, sich das alles selbst zu erarbeiten, der kann sich den Quelltext hier anzeigen lassen oder eine functions.php mit dem Inhalt der Breadcrumb-Navigation herunterladen.

Quelltext anzeigen.

Funktion herunterladen.

Bild: Horia Varlan (Lizenz, 22.04.2011)

Die Einrichtung und Änderung der Permalinks ist relativ einfach, WordPress bietet insgesamt fünf Auswahlmöglichkeiten:

• Standard
• Tag und Name
• Monat und Name
• Numerisch
• Benutzerdefinierte Struktur

Ich möchte hier eine kleine Abhandlung über die “benutzerdefinierte Struktur” machen. Denn diese Struktur ist sicherlich am sinnvollsten und bietet die meisten Möglichkeiten. Sie ist ohne Frage aber auch ursächlich für die meisten Probleme, denn man kann durchaus etwas falsch machen.

Probleme selbst verursachen

Oftmals sind die Probleme mit Permalinks hausgemacht: Es gibt z.B. Blogger, die nur den Beitragsnamen ausgeben und sich dadurch selbst ein Ei legen, wenn zwei Beiträge dann doch mal gleich heißen. Andere wiederum nehmen Endlos-URLs ohne Sinn und Verstand.

Das Problem der Performance-Einbuße durch Permalinks lasse ich hier aber erst einmal aus Betracht. So wie ich das sehe, gibt es dafür noch keine adäquate Lösung. Ein Verzicht auf Permalinks halte ich aber auch nicht für sinnvoll.

Struktur entwickeln

Bevor man den ersten Beitrag im eigenen WordPress Blog schreibt, sollte man sich Gedanken über die Permalink-Struktur machen. Diese Struktur (viel) später noch zu ändern bringt nicht ganz so viel, wenn man bei Google und Konsorten an guter Stelle auftauchen möchte.

Für dieses Beispiel wähle ich nun eine Struktur, die eine Datei-Endung verwendet und (aus SEO-Sicht sehr sinnvoll) Kategorie und Beitragsnamen enthält. Ich stelle mir dafür vor, dass jeder Artikel als HTML-Datei vorliegt und jede Kategorie durch einen Unterordner dargestellt wird.

Für einen Artikel mit dem Namen “Schöne neue Welt” in der Kategorie “Geografie” würde mein Link am Ende also so aussehen:

www.mein-beispiel-blog.de/geografie/schoene-neue-welt.html

Um diese Ausgabe zu erreichen, wählt man unter den benutzerdefinierten Permalink-Einstellungen einfach den Ausdruck

/%category%/%postname%.html

Aber schon hat man wieder das Problem, dass bei gleicher Benenung zweier Beiträge in der selben Kategorie die Ausgabe so nicht klappen würde. Mein Tipp daher: Einfach die Post-ID mit anhängen. Die Suchmaschinenoptimierung beeinflusst das nicht negativ, man ist aber vor Problemen gefeit.

Hierfür wird bei den Einstellungen einfach

/%category%/%postname%-%post_id%.html

Die Ausgabe dieses Ausdrucks erfolgt dann durch:

www.mein-beispiel-blog.de/geografie/schoene-neue-welt-154.html

Alles kein Hexenwerk!

Einzig und allein sollte man bedenken, dass die .htaccess-Datei natürlich beschreibbar sein muss! Denn sonst verweist WordPress zwar richtig, der Browser erfährt davon aber nichts, weil die entsprechenden Informationen fehlen. Es folgt dann eine 404-Fehlerseite. Aber auch das sollte auffallen, denn WordPress weist auf eine nicht beschreibbare .htaccess-Datei ausdrücklich hin!

Wenn man die Permalink-Struktur noch weiter ändern möchte, so findet man alle möglichen Ausdrücke im WordPress Codex!

Bild: Beth Knittle (Lizenz, 22.04.2011)

Ungünstige Alternativen

• Google Adsense

Klingt auf den ersten Blick sehr verführerisch und verspricht gute Werbeeinnahmen, hat aber auch zwei enorme Nachteile: Zum Einen sind die Klickpreise nicht von mir festgelegt. WordPress ist kein besonders “teures Thema”, die Werbeeinnahmen sind bei mir daher oft sehr mager. Zum Anderen kann ich die Anzeigen nicht aktiv steuern. Wenn Adsense findet, dass Kreditkarten sehr gut zum Thema WordPress passen, dann kann ich das nur sehr begrenzt verhindern. Und jemand der nach WordPress Themes sucht, der wird sich nicht über Anzeigen zum Thema Kreditkarten freuen.

• Klassisches Affiliate-Marketing

Die zweite Alternative ist dann, sich direkt bei einem Dienst wie adcell oder 24interactive (Partnerlinks) anzumelden, sich Gewinnspiele und andere Programme auszusuchen, die eine gute Lead-, Sale-, oder Klickvergütung haben. Dann kann man nur hoffen, dass diese themenfremden Banner doch einigermaßen gut angenommen werden und wenigstens etwas Ertrag abwerfen.

• Layer- und Highlighter-Werbung

Zwei absolut nervende Themen!
Layer-Werbung vertreibt jeden Besucher sofort: Zum einen ist die Werbung eh keine des eigenen Themengebiets, zum anderen stört das Wegklicken an sich schon. Und das wird nicht gerade dadurch begünstigt, dass sich unterschiedliche Anbieter unterschiedliche Buttons zum Wegklicken ausgedacht haben. Das “X” scheint mehrere Bedeutungen zu haben.
Für diese nervtötende Werbung, die in solchen Nischen bestimmt 50% der Besucher verscheucht bekommt man dann auch nur 3,- EUR/TKP, wobei ein View aber auch erst gewertet wird, wenn der Layer mindestens 3-x Sekunden geöffnet bleibt.
Also: Finger weg! Auch wenn einige Blogs mit solch nerviger Werbung jeden Monat viele hundert Euro genrieren. Denn diese Blogs sind thematisch dann ganz anders ausgelegt und sicherlich auch nicht von Stammlesern abhängig.

Bei Highlighter-Werbung ist es ganz ähnlich: Ein Mouse-Over erzeugt einen Mini-Popup, den man manchmal auch nur dadurch wegbekommt, in dem man drauf klickt. Wird die Seite dann im gleichen Fenster geöffnet, so ist der Besucher erst einmal weg.
Ob er noch einmal wieder kommt, ist dann die andere Frage. Denn er hat sich durch den Klick auf einen Link weitergehende Infos gewünscht und landet auf einer Werbeseite.

Daran ändert sich auch nichts dadurch, dass bestimmte Keywords verknüpft sind. Und Klickpreise um 5 Cent sind mehr als mager.

Neue und andere Wege gehen

Das soll aber nicht heißen, dass man mit einem Blog in der Nische WordPress kein Geld verdienen könnte. Ich möchte jetzt drei Wege aufzeigen, die meiner Ansicht nach ganz gut funktionieren.

Klassisches themenverwandtes Affiliate-Marketing

Jeder, der über WordPress blogt, hat sicherlich schon einmal Themes und Plugins vorgestellt. Und genau hierin liegt die erste Möglichkeit der erfolgreichen Werbung!

Alle Premium-Themes-Websites (wie etwa Woothemes oder ElegantThemes) bieten auch ein Partnerprogramm an. Bei diesem Partnerprogrammen wird man dann mit 20% am Umsatz beteiligt.

Zwar mag es auf den ersten Blick schwer sein, Themes zu “verkaufen”, dafür liegen die Provisionen dann schnell bei 15 EUR und mehr pro Verkauf. Zum anderen kann man solche Partnerprogramme aber auch geschickt in Beiträgen unterbringen. Einfach eine Liste mit 10 tollen Premium-Themes präsentieren, den eigenen Werbelink darin unterbringen und schon kann man auf Dauer durchaus Geld verdienen.

• Klassische Werbung ist manchmal problematisch, kann aber auch einen guten Ansatz liefern. Man sollte nur darauf achten, auf bestimmte Formate einfach zu verzichten.
• Affiliate-Marketing ist sehr lohnenswert, bedarf aber etwas Arbeit, weil nicht alle guten Partnerprogramme in einem Netzwerk zu finden sind
• Direktvermarktung macht am meisten Arbeit, ist aber sicher am ertragreichsten, wenn es erst einmal läuft. Aber auch hier sollte man die Moral nicht vergessen

Das klappt nicht nur mit Themes: Zu wpSEO, dem so nützlichen SEO-Plugin für WordPress bietet der Programmierer bei Superclix nun auch schon ein eigenes Partnerprogramm an, bei dem man mit 15% beteiligt wird. Einfach mal direkt auf der Homepage von wpSEO schauen, dort ist auch der Link zum Partnerprogramm.

Banner, Links und Content verkaufen

Eine weitere Möglichkeit ist der Verkauf von Bannern, Links und Content direkt über die eigene Website.
Der Vorteil ist sicherlich, dass man Preise selbst festlegen kann. Die Nachteile sollte man aber auch nicht vergessen: Man muss die Werbung jeden Monat auf’s Neue administrieren, die Werbung muss erst mal an den Mann gebracht werden und zum dritten sollte man auch wissen, wie man eine Rechnung erstellt.

Gestattet mir aber noch einige Worte zu den drei Möglichkeiten…

Banner

125×125 Pixel scheint sich zum neuen Liebling in der Blogosphäre gemausert zu haben. Eben diese Bannergröße passt perfekt in die Sidebar, ohne zu viel Höhe “wegzunehmen”. Woothemes beispielsweise baut diese Bannergröße mittlerweile in beinahe fast jedem Theme direkt ein.
Ihr solltet bei der Direktvermaktung eures Blogs eben auch diese Größe anbieten.
Aber auch altbewährte Standardgrößen wie 468×60 Pixel oder 160×600 Pixel sollten ihren Platz finden!

Und solange die Bannerplätze nicht vermietet sind, füllt sie mit anderen Bannern (von Partnerprogramm-Netzwerken) und lasst nur ein, zwei frei. Ich bin der festen Überzeugung, dass das Werbekunden anlockt.

Textlinks

Vermeidet tunlichst Links aufzunehmen, die thematisch so überhaupt nicht passen!
Inwieweit Google das ggf. abstraft ist ja noch nicht so richtig bekannt, aber die Gerüchteküche brodelt… Versaut euch für 5,- oder 10,- EUR im Monat mehr nicht euren Pagerank. Und Links zu Ferienhäuser auf Sylt passen eben nicht zu einem Blog, in dem es um WordPress geht. Und (beinahe) almighty Google merkt das irgendwann.

Content

Spätestens seitdem teliad auch Content-Links anbietet, wurde ich schon einige Male gefragt, ob ich das auch mache oder gar vorgefertigten Content nehme.
Mal ja, mal nein. Bisher noch gar nicht.
Denn auch hier gilt: Schaut euch die Seiten vorher an! “Passen sie thematisch?”, “Verbiege ich mich dafür?” oder “Verkaufe ich meine Seele für Geld?” sind Fragen die man sich stellen sollte.

Gekaufter Content kann schnell in die falsche Richtung führen und Links im Content sollten einen Mehrwert bieten.
Deshalb macht lieber einmal mehr Gebrauch von der im BGB verankerten Vertragsfreiheit und lehnt Angebote/Anfragen auch einmal ab. Die Besucher werden’s danken und letztlich liegt es ja auch nur an den Besuchern, dass man überhaupt Geld verdienen kann.

Feedback

Habe ich Recht oder nur Unsinn geschrieben. Lass es mich wissen!

Bild: Zack McCarthy (Lizenz, 22.04.2011)

Auf genau drei solcher Plugins (dies sind mir die einzig geläufigen) möchte ich jetzt etwas genauer eingehen. Und – ich gebe es gern zu – der Perun hat mich dabei maßgeblich beeinflusst!

WordNote

WordNote versteht sich selbst eher als kleines Notizbuch. Das kann für den Anfang auch reichen. Und WordNote bringt zudem auch einen entscheidenden Vorteil mit: Das Plugin ist direkt ins Dashboard integriert. Notizen für neue Beiträge, aufzunehmende Links und anstehende Änderungen und Updates können somit sofort nach dem Login erstellt werden.

Aber auch die Nachteile sind nicht von der Hand zu weisen:

• Die Notizen sind sehr rudimentär. Es können keine Überschriften abgelegt werden und weiterführende Links, etc. können nicht in einem speziellen Formularfeld eingetragen werden.
  Das macht das Arbeiten sehr unübersichtlich.
• Zudem können “erledigte” Themen nicht gelöscht werden. Es muss die ganze Notiz (ähnlich wie in einem Editor) bearbeitet werden.
• Der Autor empfiehlt vor jeder Änderung der Notiz ein Backup, da alle Daten nur in einer Textdatei gespeichert werden. Der verbesserte Workflow wird so wieder ad absurdum geführt.

Mein Fazit für WordNote daher: Interessanter Ansatz, schlechte Umsetzung. Für eine wirkliche Verwaltung der eigenen Ideen für Beiträge taugt das Plugin leider nicht.

Post Ideas

Post Ideas ist da viel ausgereifter, der Autor hat wirklich verstanden, den Anforderungen einer ordentlichen Ideenverwaltung gerecht zu werden.

Insgesamt bietet die Verwaltung 5 Formularfelder:

Ideen verwalten mit Post Ideas

1. “Working title”: Hier wird der Titel für den Artikel, bzw. die zu erledigende Aufgabe angelegt. Das kann der spätere Titel sein, aber auch nur ein (wie die Bezeichnung schon sagt) ein Arbeitstitel.
2. In “Description” wird die Idee dann formuliert. Man kann sich hier schon selbst ein späteres Ziel formulieren oder einen Ausblick auf den Artikel schreiben.
3. “Target Keywords” funktioniert ganz ähnlich wie Tags: Eben solche werden dort angelegt. Dem Plugin fehlt jedoch der richtige Umgang mit diesen Tags. Man kann nicht gezielt nur nach bestimmten Stichwörtern suchen oder sich ähnliche Ideen anzeigen lassen.
   Schade, denn die Idee für Tags an sich ist sehr sinnvoll.
4. Unter “Links” kann man eben solche eintragen. Man muss diese jedoch mit einem | seperieren, was doch sehr ungewohnt ist.
   Dafür werden die eingetragenen Links dann nachher schön sortiert und direkt “klickbar” angezeigt.
   Für mich ist diese Funktion Gold wert.
5. Im fünften Feld “Priority” gibt man dann eine Zahl zwischen 1 und 99 an. So lassen sich die Notizen dann nachher auch nach Priorität sortiert ausgeben.
   Allerdings sollte man es gar nicht erst soweit kommen lassen, dass man diese Funktion wirklich braucht!

Für mich hat das Plugin allerdings auch eine kleine Schwächen: Die Ideen lassen sich nicht (wie etwa von den Entwürfen bekannt) direkt im Dashboard anzeigen. Zudem ist die Funktion sehr gut in den Weiten des Systems versteckt. Man findet das Plugin unter Werkzeuge – Post Ideas.

Wett gemacht wird das dadurch, dass man durch nur einen Klick aus der Idee gleich einen Artikel machen kann und die Idee dann automatisch gelöscht wird.

Fazit: Unbedingt installieren! Dieses Plugin ist wirklich zu empfehlen und für mich schon seit einiger Zeit Gold wert. Wer das nicht nutzt ist selbst schuld, wenn er seine Ideen vergisst!

Bild: Till Krech (Lizenz, 22.04.2011)

Wer selbst einmal verschiene Statistiken auf seinem Blog (am besten gleich eine Heatmap) einsetzt, wird mir Recht geben: Klicks auf Bilder sind deutlich häufiger zu finden, als Klicks auf Überschriften oder das so typische “mehr lesen” am Ende der Vorschau.

Deshalb: Es macht durchaus Sinn jeden Artikel mit einem Vorschaubild zu spicken um den Click-through deutlich zu erhöhen. Und der Aufwand dafür ist so gering…

Ein Upload-Tool bringt WordPress schon von Haus aus mit, es verschiedene Funktionen, die die Bilder gleich in eine bestimmte Größe beschneiden (dazu in einem späteren Beitrag mehr). WordPress hat zudem die benutzerdefinierten Felder, die viel Arbeit abnehmen und Fotos findet man zu jedem Thema bei flickr.

Es gilt nur wieder einmal: Lizenzen der Bilder beachten und den Autor verlinken, wenn man das Foto nicht selbst gemacht hat. Andernfalls kann’s teuer werden!

Kommentare, Verbesserungshinweise, Feedback und Fragen können direkt hier, als auch im WordPress Forum gepostet werden.
Bei Fragen oder Schwierigkeiten bitte nur daran denken: Je umfangreicher ihr das Problem erklärt, umso besser kann es beantwortet werden.

Vorwort

Für verschiedene Zwecke habe ich immer wieder den Wunsch nach einem Lexikon in meinen WordPress-Blogs verspürt.
Die dazu vorhandenen All-in-One-Lösungen wie “Lexicon” oder “IMM Glossary” habe ich jeweils ausführlich getestet und war jedes mal mehr als enttäuscht: Die Ergebnisse entsprachen nie meinen Wünschen, ich habe manchmal gar nicht verstanden, was das Plugin da überhaupt für mich löst und Verwalten funktionierte auch nie dem, was ich mir darunter vorgestellt habe.

Eine eigene Lösung für ein WordPress Lexikon musste her.

Sehr gelegen kam mir da die Anleitung für ein eigenes WordPress Lexikon mittels WP SNAP! von grapii. Ohne dieses Tutorial, gäbe es dies hier auch nicht.

Plugins einrichten

[adsgross]Bevor es mit der eigentlichen Arbeit losgeht, müssen einige Dinge vorbereitet werden, um sich am Ende viel Zeit zu ersparen.

Kategorie anlegen

Wir müssen zunächst eine Kategorie für das WordPress Lexikon anlegen.
Diese Kategorie sollte nach Möglichkeit auch gleich “Lexikon” oder “Glossar” genannt werden.

Das wichtigste bei diesem Schritt ist aber, dass du dir die ID der Kategorie fest notierst! Du benötigst sie bei weiteren Schritten und jedes mal nachschauen wäre dann äußerst blöd.
Also: Zettel raus und ID aufschreiben.

Wie du die ID ermittelst, kannst du dir in diesem kleinen Video anschauen.

Plugins installieren und einrichten

Für das WordPress Lexikon benötigen wir insgesamt zwei Plugins. Das erste ordnet die Beiträge des Lexikons in alphabetischer Reihenfolge, das zweite hingegen verlinkt automatisch vom Autor definierte Keywords.

WP SNAP!

WP SNAP! ist das Plugin, das die Beiträge einer vorher definierten Kategorie (da brauchen wir gleich zum ersten Mal die ID) alphabetisch ordnet und übersichtlich darstellt.
Zunächst lädst du WP SNAP! herunter und installierst es wie angegeben.

Template für WordPress Lexikon anlegen

Kategorie anlegen

Danach kommt der wichtigste Teil, um das WordPress Lexikon zu erstellen: Du musst eine passende Kategorie anlegen.
Dazu eine kurze Vorbemerkung zur Funktionsweise von WordPress:

Bei der Ausgabe der Kategorie sucht sich WordPress das passendste Template aus. Prinzipiell kann eine Kategorie auch mit dem Haupttemplate dargestellt werden, denn WordPress geht nach folgender Reihenfolge vor:

1. category-id.php
2. category.php
3. archive.php
4. index.php

Bedeutet konkret: Für den Fall, dass es kein extra Kategorien-Template gibt, nimmt WordPress einfach das nächstfolgende.
Und für diesen Fall sehr komfortabel: Wir können ein Template erstellen, sodass die Darstellung des Lexikons vollkommen unabhägig von der normalen Ansicht einer Kategorie ist.
Und genau das wollen wir ja!

Wir nehmen in diesem Fall erst einmal (der Kreativität sind dabei aber keine Grenzen gesetzt, du kannst das Lexikon so gestalten, wie du willst. In dieser “Standard-Installation” machen wir das aber erst mal ganz einfach) das Standard-Theme für die Kategorie, kopieren es, nennen es (WICHTIG) category-NUMMER.php (NUMMER bitte durch die eben notierte ID ersetzen) und richten es uns erstmal optisch so ein, wie wir es gern hätten.
Insbesondere Informationen wie Autor, Erstellungsdatum, etc. kannst du löschen. So etwas habe ich in einem klassischen Lexikon noch nie gesehen…
Wenn du willst, kannst du es aber auch drin lassen, das ist letztlich deine Entscheidung. An der Funktionalität ändert das nichts.

Dann müssen wir WP SNAP! einbauen.
Relativ simpel: Einfach den folgenden Quelltext direkt unter den Loop kopieren:
<?php if (function_exists('wp_snap')) { echo wp_snap(); } ?>
Der Schnippsel, der letztlich WP SNAP! ausgibt (also hinter dem echo) hat in diesem Fall noch zwei Argumente:

• NUMMER: Hier muss wieder die vorhin notierte ID rein, damit das Plugin weiß, welche Beiträge welcher Kategorie überhaupt “gesammelt” werden sollen.
• FALSE: Gibt in diesem Fall an, dass die Unterkategorien nicht mit einbezogen werden. Das könntest du machen, würde aber keinen tieferen Sinn ergeben. Für ein Lexikon sicherlich nicht sonderlich interessant.

WP SNAP! bringt von Haus aus noch zwei weitere Argumente mit, die in diesem Fall aber nicht so interessant sind. Mehr Informationen dazu findest du bei Bedarf direkt in der Installationsanweisung des Plugins.

Navigation des Lexikons anpassen

Falls du jetzt schon einmal getestet hast, wirst du feststellen, dass die Navigation im Lexikon (also die Auswahl der Buchstaben) noch ganz grauselig aussiehst.
Das änderst du jetzt mit dem mitgelieferten Stylesheet.

Kopiere folgendes bitte in deine style.css:
ol.snap_nav {
display: inline;
float: left;
clear: both;
list-style: none;
}

ol.snap_nav li {
display: block;
float: left;
padding: 0 2px 10px 0;
}

ol.snap_nav li a {
font-weight: bold
}

ol.snap_nav li.snap_selected a {
cursor: text;
}

ol.snap_titles {
clear: both;
display: block;
border: 0;
list-style: none;
}

Wie genau du das jetzt formatieren möchtest, ist dir überlassen. Die Argumente sorgen aber für eine richtige Ausrichtung der Navigation. Wie immer gilt: Der künstlerischen Freiheit sind hier keine Grenzen gesetzt!

Das war die Einrichtung von WP SNAP!

Crosslinker

Nun ist es ja normalerweise so, dass man aus den Beiträgen heraus direkt auf das Lexikon verweisen möchte.
Z.B. dass jedes “WordPress” in deinem Text auf deinen Lexikon-Eintrag zu WordPress verlinkt.

Du kannst dir viel Arbeit machen und das jedes Mal händisch verlinken, oder du überlässt einem Plugin diese Arbeit.
Ich habe hierfür Crosslinker ausgewählt.

Das Plugin scheint zwar die Datenbank total zu überladen, aber ich habe derzeit noch keine gute Alternative gefunden (bzw. gibt es diese Alternative nicht mehr).
Daher: Wenn eure Datenbank nicht schon riesig ist, verwendet erst mal Crosslinker. So lang bis es eine gute Alternative gibt.
Über Alternativen würde ich mich in den Kommentaren übrigens sehr freuen!

Installiere Crosslinker wie vorgegeben und trage ggf. schon einige Keywords mit den zugehörigen Links ein.
Du kannst das Plugin übrigens für alles verwenden: Interne Links, externe Links, Affiliate-Links, etc.

Crosslinker anpassen

Crosslinker vergisst normalerweise leider den title-Tag im Link. Das sollte man aus SEO-Gründen direkt nach/bei der Installation bereinigen.
Der Schritt ist auch nicht besonders schwer.

Öffne crosslink.php einfach in einem geeigneten (PHP)-Editor und gehe zu Zeile 1696 (in der Plugin-Version 1.4.3). Dort findest du normalerweise:
$new_part         = @str_replace($supplemental,"<a href=\"".assign_correct_uri($temporary_uri.$remember_slash)."\" ".$link_attribute[$j].">".$supplemental."</a>",$old_part);
Dieser Teil sorgt nun dafür, dass der Link überhaupt ausgegeben wird. Aber dem Link fehlt der Titel. Aus SEO-Sicht ganz schön blöd.

Geändert wird das durch das Hinzufügen einiger Wörter und Zeichen:
$new_part         = @str_replace($supplemental,"<a href=\"".assign_correct_uri($temporary_uri.$remember_slash)."\" title=\"".$supplemental." im Lexikon\" ".$link_attribute[$j].">".$supplemental."</a>",$old_part);
Jetzt wird dem Link ein Titel gegeben. Und zwar (in diesem Fall) in der Form: “Keyword im Lexikon”. Keyword ist dabei das ausgewählte Wort, das verlinkt werden soll.

Ist Crosslinker dann installiert, so ist dein Lexikon eigentlich schon voll einsetzbar:
Du erstellst die Beiträge in deiner Lexikon-Kategorie und trägst die Keywords mit Link in Crosslinker ein. Das war’s!

Feinarbeiten

Jetzt funktioniert dein Lexikon zwar schon, aber es gibt noch einige Dinge, die nicht sein sollten:
So werden die Beiträge deines Lexikons z.B. auch im Feed und auf der Startseite angezeigt, das ist sehr untypisch für ein Lexikon in WordPress.
Und auch optisch gibt es zwischen normalen Beiträgen und den Erklärungen deines Lexikons keinen Unterschied. Im Prinzip sehen beide gleich aus.

Doch auch diese zwei Dinge kann man mit etwas Arbeit schnell beheben!
Das ist zwar kein Muss, als Feinschliff machen die Arbeiten aber durchaus Sinn.

Eigenes Template für Lexikon-Beiträge

Einzelansicht ändern

Im Prinzip könnten wir an dieser Stelle auch das normale Beitragstemplate für das Lexikon lassen.
Allerdings stehen dann auch alle Informationen dieses Templates in deinem Lexikon. Wie etwa Meta- und Autor-Informationen oder es gibt weiterhin eine Kommentarfunktion. Macht in einem Lexikon nur wenig Sinn.

Deshalb können wir durch eine kleine IF-ELSE-Konstruktion das Template für das Lexikon ändern, ohne dafür eine neue Datei anlegen zu müssen.

Normalerweise sieht die Struktur deiner single.php-Datei in etwa so oder so ähnlich aus:

<?php while (have_posts()) : the_post(); ?>
<h5 class="inline"><?php the_category(', ') ?></h5><span class="small"><?php the_time('d. F Y'); ?></span>
<h2><?php the_title(); ?></h2>
...


Damit wird der Beitrag direkt aufgerufen (das ist der sogenannte Loop). Es gibt dabei keine Unterscheidung zwischen den Beiträgen, alle werden in der selben Form dargestellt.

Die oben erwähnte IF-ELSE-Konstruktion kann das aber ändern.
Dafür setzt du direkt vor den Loop folgenden Schnippsel:
<?php if (in_category(71)): ?>
NUMMER ersetzt du abermals mit der vorhin notierten Kategorie-ID deiner Lexikon-Kategorie.

Nach diesem Code-Schnippsel kannst du nun dein “Template” für die Beiträge des Lexikons einfügen.
In aller Regel reicht das normale Template, beiu dem du solche Informationen wie Datum der Veröffentlichung, Kategorie, Autor, etc. löschst und auf die Kommentarfunktion verzichtest.

Wenn du damit fertig bist, musst du WordPress noch die beginnende Alternative aufzeigen:
<?php else: ?>

Hinter diesem Else folgt nun dein “altes” Template für die Beiträge.
Wenn auch das beendet ist (normalerweise nach der Kommentarfunktion) musst du die IF-ELSE-Schleife dann aber auch noch schließen, weil es sonst nur Fehler gibt:
<?php endif; ?>

Ganz wichtig in diesem Schritt ist aber, dass du jeden Loop (du hast ja jetzt nun zwei) auch wieder schließt. Das geht mit dem allseits bekannten:
<?php endwhile;  ?>

Machst du das nicht, wirst du dich auf eine sinnlose Fehlersuche begeben müssen!

Das war’s auch schon: Jetzt sehen für Besucher und Suchmaschine normale Beiträge und Beiträge für das Lexikon komplett verschieden aus.
Auch in diesem Fall sind – wie immer eigentlich – der künstlerischen Freiheit keine Grenzen gesetzt. Rein theoretisch könnte dein Lexikon sich auch ganz vom sonstigen Look & Feel deines Blogs unterscheiden.

Beiträge aus dem Feed und von der Startseite ausschließen

Funktion einfügen

Wenn du willst, dass die Beiträge deines Lexikons auch in Feed und Startseite auftauchen, dann überspringe diesen Schritt einfach.
Allerdings würde das wenig Sinn machen!
Denn wenn ich aus eigener Erfahrung spreche: Feeds, in denen nur uninteressantes Zeug steht, lösche ich nach wenigen Tagen. Und kein Abonnent möchte täglich neue Lexikon-Erklärungen lesen, wenn er einen Feed abonniert.

Auch auf die Startseite eines klassischen Blogs gehören solche Beiträge nicht.
Anders sieht es aus, wenn du ein Magazin-Theme im Einsatz hast. Dann kann man eine Spalte durchaus für das Lexikon reservieren.

Dieser Fall wird jetzt aber erst einmal nicht betrachtet, für Fragen dazu bitte ins Forum oder einen Kommentar schreiben!

Um die Beiträge von Feed und Startseite auszuschließen, musst du folgende Funktion in deiner functions.php schreiben:

function myFilter($query) {
if ($query->is_feed || $query->is_home) {$query->set('cat','-NUMMER');
}
return $query;
}
add_filter('pre_get_posts','myFilter');

Wie immer steht NUMMER für die Kategorie-ID, die du vorhin notiert hast.
Bitte achte aber darauf, dass du die Funktion richtig einsetzt. Ggf. musst du sie mit <?php eröffnen und mit ?> schließen!

Das war’s auch in diesem Fall schon.

Weitere Tipps und Tricks

Zwar funktioniert dein Lexikon jetzt wunderbar (wenn du nichts falsch gemacht hast), aber es gibt noch einige Dinge, die du beachten solltest!

SEO richtig machen

Dank Marc bin ich darauf hingewiesen worden, dass das Lexikon bei falscher Anwendung auch tödlichen Dublicate Content erzeugen kann. Dann sind alle Vorteile des Lexikons gleich wieder ad absurdum geführt.

Es gibt zwei Möglichkeiten, dieses Problem zu umgehen:
Entweder nutzt du die WordPress-Funktion “Auszug”. Bei richtiger Anwendung unterscheidet sich der Content auf der Übersichtsseite und im Lexikon dann und stört die Suchmaschinen auch nicht.

Oder du schließt die Übersichtsseiten mit deiner robots.txt gleich von vornherein aus:

# Alle Robots ausschließen
User-agent: *
Disallow: /lexikon/buchstabe-A/
..
..
..
Disallow: /lexikon/buchstabe-Z/
(Oder so, wie es bei dir halt aussieht)

Fragen und Antworten

Ich helfe gern, keine Frage!

Aber:

• Ich kann nur helfen, wenn du das Problem auch ausführlich beschreibst. Dafür stehen die Kommentarfunktion und Forum zur Verfügung.
• Ich mache das ganze hier in meiner Freizeit und bekomme dafür kein Geld. Da aber auch ich genau das verdienen muss, geht meine richtige Arbeitsstelle und Studium eindeutig vor!

Daher kann es dann mit der Beantwortung auch schon mal (wenn’s ganz schlimm kommt) einen Tag oder gar zwei dauern. Und auch auf alle Fragen habe ich keine Antwort.
Wer damit nicht klar kommt, den bitte ich von Kommentaren gleich Abstand zu nehmen. Ich lasse mich von niemandem vollmachen, weil ich hier eine kostenlose Anleitung veröffentliche.
Für alle freundlichen Kommentare gilt dieser Hinweis natürlich nicht!

Anregungen, Änderungen, Hilfe

Ich würde mich über Anregungen, etc. in den Kommentaren sehr freuen.
Vielleicht gelingt es uns dann gemeinsam das Tutorial hier noch weiter zu verbessern!
Und ein Kommentar ist wirklich schnell geschrieben!

Bild: My Name’s Alex (Lizenz, 22.04.2011)

Aber genau diesen Eindruck habe ich, wenn ich auf manchen Blogs unterwegs bin! “Bloß nicht weiter klicken, es könnte uns beiden schaden!” schreien mir da manche Bilder förmlich entgegen. Nicht aufgrund des gewählten Bildes oder weil es zu klein oder zu groß ist. Nein, nur deshalb, weil sie nicht verlinkt sind! Bilder in Blogbeiträgen gehören verlinkt! Und zwar auf den Artikel, zu dem sie gehören.

Der Hintergrund ist ein ganz einfacher: Besucher klicken Bilder nachweislich häufiger als Überschriften! Jeder der eine eigene Heatmap auf seiner Seite einsetzt, wird genau das bestätigen können: Textlinks werden häufig weniger gut geklickt, als verlinkte Grafiken.

Aus dieser Erkenntnis sollte man Kapital schlagen. Wenn man ein Bild einbindet, so muss dieses per Link auf den Beitrag verweisen.

Wenn man die Bilder über benutzerdefinierte Felder direkt in den Artikel einbindet (und ggf. noch von einer Funktion automatisch beschneiden lässt), so muss man sich die die Arbeit nur einmal machen und direkt in den Theme-Dateien einen Link integrieren. Basierend auf den WordPress Template-Tags hat sich dabei diese Struktur bei mir positiv ausgewirkt:

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><img src="URL ZUM BILD" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /></a>

Anders ist es, wenn man die Bilder händisch einpflegt – Könnte man meinen!

Dem ist aber nicht so! Es gibt eine Reihe von Plugins, die genau diese Arbeit ganz ohne großen Aufwand selbstständig übernehmen. Einmal eingerichtet verlinken sie das erste oder alle Bilder auf den Beitrag und sorgen so für eine bessere interne Verlinkung aber auch für eine größere Verweildauer des Benutzers auf der Seite und verbessern sein Klickverhalten.

Alles in allem gilt also: Verlinken der Bilder muss sein und sorgt auch nicht für große Mehrarbeit, bringt aber enorme Vorteile!

Wer möchte kann ja einmal einen Blick drauf werfen!