Checkliste Server für WordPress-Installation

Für eine WordPress-Installation muss ein Server bestimmte Voraussetzungen mitbringen. Eigentlich ist das eine sehr übersichtliche Liste. Bei Kunden-Projekten ist es aber häufig nicht einfach, alle Angaben zusammen zu bekommen.

Das hat damit zu tun, dass im Hintergrund interne Abstimmungsprozesse ablaufen. Häufig sind Personen aus verschiedenen Bereichen beteiligt. Die Chefin entscheidet über die URL, der IT-Verantwortliche muss die Sicherheits-Vorgaben einhalten und den Hoster beauftragen und der Hoster ist am Ende der, der die Angaben ausführen muss.

Die Zeit dafür muss man einrechnen. Wir fragen deshalb immer gleich zu Anfang des Projekts nach den Server-Daten.

Checkliste WordPress-Server

Es ist daher hilfreich, wenn man eine Liste zur Hand hat, die man allen Beteiligten zuschicken kann. Ich habe die Angaben auf wordpress.org ergänzt und eine Checkliste zusammengestellt, die alle Angaben beinhaltet, die wir zur Installation brauchen. Damit auch auf verschlungenen Abstimmungswegen nichts verloren geht.
Weiterlesen Checkliste Server für WordPress-Installation

Vorschaubild: Ausschnitt selbst erzeugen

Wer kennt es nicht: Manchmal hat man Bilder, die asymmetrisch aufgebaut sind. Die von WordPress erzeugten Vorschaubilder sehen dann etwas merkwürdig aus, weil wichtige Teile vom Bild abgeschnitten werden.

WordPress bringt aber eine Möglichkeit mit, selbst einen Ausschnitt festzulegen, der als Vorschaubild benutzt wird. Das geht mit Bordmitteln, ein zusätzliches Plugin brauche ich dafür nicht.

Ich habe mir folgendes Foto für mein Beispiel ausgesucht. (Und ja, das Vorschaubild würde von alleine sogar noch einen akzeptablen Ausschnitt zeigen. Aber ich mag das Bild so gern. ;-)

Kurzhaarcollie sitzt auf einem Waldweg

Lizzy, Kurzhaarcollie, im Schwarzwald

Weiterlesen Vorschaubild: Ausschnitt selbst erzeugen

WordPress-Templates für Übersetzung vorbereiten

Texte in einem WordPress-Theme, die übersetzbar sein sollen, müssen in den Templates gekennzeichnet werden. Dar Code dazu sieht ein wenig ungewöhnlich aus und es gibt viele verschiedene Schreibweisen für diese Funktion. Ich hab eine Weile gebraucht, bis ich mir einen Reim drauf machen konnte.

Der Aufbau eines übersetzbaren Strings ist immer gleich:
__( 'Der zu übersetzende Text', 'text-domain' );

Am Anfang stehen zwei Unterstriche. Die Syntax __() ist ein Kürzel für die translate()-Funktion und setzt das Signal „Achtung, hier gibt’s was zu übersetzen“. Danach kommt der zu übersetzende Textschnipsel, am Ende steht die Textdomain.
An der Stelle, wo die zwei Unterstriche platziert sind, können ganz unterschiedliche Funktionen stehen. Ich möchte vier Varianten vorstellen, die ich im meinem Theme-Alltag am Häufigsten verwende.

Es gibt natürlich noch viel mehr Funktionen. Eine vollständige Übersicht mit ausführlichen Code-Beispielen gibt es im WordPress Theme Handbook.

1. Einfacher Text

esc_html_e('Ich bin ein Text, sonst nix' , 'text-domain');
Damit kennzeichne ich einen einfachen Text.
Im Prinzip würde diese Schreibweise ausreichen:
_e('Ich bin ein Text, sonst nix' , 'text-domain');
Ich bin nicht sicher, wie hoch das Risiko tatsächlich ist, aber theoretisch könnte bei der zweiten Variante ein Übersetzer HTML-Codeschnipsel oder Übleres in die Übersetzung reinschmuggeln. Die Escape-Funktion schmeisst solche Sachen raus.

2. Text innerhalb eines Attributs

Ist ein Text Teil eines Attributs und sitzt z.B. im title-Attribut innerhalb eines Links, dann sieht das Ganze so aus:
esc_attr_e( 'Skip to content', 'text-domain' );
Auch hier ist das Escapen wichtig, damit niemand über die Übersetzung Schadcode einschleusen kann.
Weiterlesen WordPress-Templates für Übersetzung vorbereiten

Tipps für gute Texte im Web

Nicht jeder Text eignet sich für die Veröffentlichung auf einer Webseite. Eine „Zweitverwertung“ bereits vorhandener Texte gelingt daher am besten, wenn man mit kritischem Blick auswählt und das Textmaterial mediengerecht aufbereitet.

3 Kriterien für gute Texte

  1. Komm auf den Punkt
  2. Gliedere Deinen Text
  3. Fasse Dich kurz

1. Komm auf den Punkt

Ein guter Text – im journalistischen Sinn – ist das Gegenteil von dem, was man uns in der Schule und an der Uni beigebracht hat. Dort haben wir gelernt, dass man erst Mal alle Argumente sammeln muss. Dann folgt eine ausführliche Betrachtung sämtlicher Aspekte und erst ganz am Schluss präsentieren wir das Ergebnis unserer Überlegungen.
Weiterlesen Tipps für gute Texte im Web

Anleitung Childtheme anlegen (Update)

Dies ist eine überarbeitete Version des Artikels „Ein WordPress-Child-Theme anlegen“

Torsten Landsiedel hat auf dem WordCamp Köln 2015 einen sehr spannenden Vortrag gehalten: „Das Childtheme Dilemma“. Darin hat er gezeigt, in welche Fallen man tappen kann, wenn man mit Childthemes arbeitet. Diesen Vortrag habe ich zum Anlass genommen, die Childthemes-Anleitung hier im Blog endlich mal zu aktualisieren.

Ein WordPress-Theme an die eigenen Bedürfnisse anzupassen ist gar nicht so schwer. Die meisten Anpassungen kann man über die CSS-Datei des Themes umsetzen. Bei WordPress hat diese Datei immer den Namen style.css. Man findet sie auf der obersten Ebene des Theme-Ordners.

Das Stylesheet (style.css) im WordPress Theme könnt Ihr in einem Editor wie Textmate (Mac), Notepad (Windows) oder Coda (Mac) bearbeiten. Besser ist es aber, Ihr arbeitet mit einem Childtheme. Ein Childtheme ist ein kleiner Ableger des Original-Themes, das damit zum Parent (=Eltern)-Theme wird. Der Vorteil dabei: Das Eltern-Theme bleibt wie es ist und wird nicht angetastet. Wenn also mal etwas schiefgeht beim Basteln, dann ist nicht gleich das ganze Theme kaputt. Und wenn die Entwickler des Themes ein Update zur Verfügung stellen, könnt Ihr das Parent-Theme updaten, ohne dass Eure Anpassungen überschrieben werden.
Im Childtheme-Ordner liegen nur die Dateien, die tatsächlich verändert wurden. Das macht es leichter, die Änderungen nachzuhalten.

Weiterlesen Anleitung Childtheme anlegen (Update)

Meldung für alte Artikel ausgeben

Wenn ein Blog schon eine Weile läuft, sammeln sich zwangsläufig Artikel an, die bereits ein gewisses Alter auf dem Buckel haben. Diese Artikel sind wahrscheinlich nicht mehr aktuell, denn die Welt im Web dreht sich schnell.

Man könnte nun auf die Idee kommen, alte Artikel zu löschen. Das ist aber keine gute Lösung, Suchmaschinen-Experten werden ganz blass bei diesem Gedanken. Denn Google & Co. haben auch die älteren Artikel im Verzeichnis. Wenn nun der Link dorthin ins Leere führt, weil Ihr den Artikel gelöscht habt, bekommt Google eine Meldung zurück (Fehler 404). Das kann sich negativ auf das Ranking der Seite auswirken.

Wie wichtig dieser Aspekt bei Eurem Blog ist und ob 404-Fehler wirklich so böse sind, darüber lässt sich streiten. Eines kann man aber sagen: Ihr verliert potenzielle Besucher, wenn der Artikel hinter dem Link plötzlich nicht mehr existiert.
Weiterlesen Meldung für alte Artikel ausgeben

Anleitung: Test-Seite mit .htaccess schützen

Eine Webseite, die noch im Aufbau ist, soll nicht jeder sehen können. Erst wenn alles fertig ist, soll die Seite für alle Besucher und Suchmaschinen sichtbar werden. Auf diese Weise kann man in Ruhe arbeiten und sich mit Kunden und Kollegen abstimmen.

Eine einfach Möglichkeit, eine Seite mit einem „Sichtschutz“ zu verpassen, ist eine Coming-Soon-Seite davor zu schalten. Dafür gibt es viele gute Plugins bei wordpress.org.
Damit ist die Seite vor unbefugten Blicken abgeschirmt. Wer Zugangsdaten zum WordPress-Backend hat, kann sich anmelden, alle anderen sehen nur die Coming-Soon-Seite.

Nachteil: Der Umweg über das Backend

Die Coming-Soon-Seite hat jedoch einen Nachteil: Nach der Anmeldung landet man im Backend. Für Laien ist das sehr irritierend, sie verstehen nicht, wo sie sich befinden.
Update: Es sei denn, man kombiniert den Link zur Seite mit einem redirect Parameter. (s. Kommentar von Torsten)

Wenn es also nur darum geht, dass eine Seite vor fremden Blicken geschützt wird und die Besucher gleich im Frontend landen sollen (ohne Umweg übers Backend), dann bietet sich ein anderer, klassischer Weg an: Das Abschirmen der Seite per .htaccess.

Weiterlesen Anleitung: Test-Seite mit .htaccess schützen

Anleitung: Google Analytics mit Webseite verbinden

Wir setzen bei unseren eigenen Projekten und bei Kunden das Analyse-Tool Statify ein. Damit kann man nachverfolgen, welche Seiten am häufigsten aufgerufen werden und woher die Besucher kommen. Manchen Kunden ist das zu wenig, sie möchten das volle Programm. Die Wahl fällt dann in der Regel auf Google Analytics. Google Analytics ist kostenlos und es gibt praktisch nichts, was man damit nicht auswerten kann.
[white_box]Für die folgende Anleitung übernehme ich keine Gewähr. Ich habe lediglich versucht, die relevanten Informationen nach bestem Wissen zusammenzutragen. Stand: Juli 2014[/white_box]
Beim Verbinden einer Webseite mit Google Analytics muss man ein paar Dinge beachten, wenn das Ganze datenschutzkonform ablaufen soll.

Schritt für Schritt zu Google Analytics

  1. Google-Konto anlegen
  2. Google-Tracking-Info finden
  3. Tracking-Info einbinden
  4. IP-Adressen anonymisieren
  5. Vertrag mit Google abschliessen
  6. Impressum/Datenschutzerklärung ergänzen
  7. Opt-out-Link einbauen
  8. Alte Daten löschen

1. Ein Google-Konto anlegen

Damit Eure Webseite mit Google Analytics ausgewertet werden kann, braucht Ihr als erstes ein Google-Konto. Wer schon eins hat, kann das natürlich benutzen. Aber ohne Konto geht leider nichts, denn Google-Analytics ist Teil eines Google-Kontos.
Weiterlesen Anleitung: Google Analytics mit Webseite verbinden

Anleitung: Ein WordPress-Child-Theme anlegen

Dieser Artikel ist veraltet. Hier geht es zur neuen, aktualisierten Version

Ein WordPress-Theme an die eigenen Bedürfnisse anzupassen ist gar nicht so schwer. Den Löwenanteil der Anpassungen kann man über die CSS-Datei des Themes umsetzen. Bei WordPress hat diese Datei immer den Namen style.css, man findet sie auf der obersten Ebene des Theme-Ordners.

Das Stylesheet könnt Ihr einfach so bearbeiten, aber geschickter ist es, Ihr arbeitet mit einem Childtheme. Ein Childtheme ist ein kleiner Ableger des Original-Themes, das damit zum Parent (=Eltern)-Theme wird. Der Vorteil dabei: Das Eltern-Theme bleibt wie es ist und wird nicht angetastet. Wenn also mal etwas schiefgeht beim Basteln, dann ist nicht gleich das ganze Theme kaputt. Und wenn die Entwickler des Themes ein Update zur Verfügung stellen, könnt Ihr das Parent-Theme updaten, ohne dass Eure Anpassungen überschrieben werden.
Im Childtheme-Ordner liegen nur die Dateien, die tatsächlich verändert wurden. So ist es leichter, die Änderungen nachzuhalten.

Weiterlesen Anleitung: Ein WordPress-Child-Theme anlegen