Zwei Loops

Es gab zwar einen älteren Codeschnipsel, aber der war inzwischen stark veraltet und – was viel schlimmer war – damit funktionierte die Paginierung “Ältere Artikel” am Ende der Seite nicht mehr. Es musste also etwas Neues her. Einige Recherchen später bin ich dann bei den “Multiple Loops” im WordPress-Codex fündig geworden. Damit geht es:

1
2
3
4
5
6
7
8
9
10
11

<?php $my_query = new WP_Query('posts_per_page=1');
	while ($my_query->have_posts()) : $my_query->the_post();
		$do_not_duplicate = $post->ID;?>
		<!-- Hier der Startbeitrag... -->
	<?php endwhile; ?>
 
<!-- alle anderen Artikel... -->
<?php while (have_posts()) : the_post(); 
	if( $post->ID == $do_not_duplicate ) continue; ?>
		<!-- hier die gekürzten Artikel... -->
<?php endwhile; ?>

Das ist schon mal ok so. Die Seitennummerierung funktioniert damit.
Wichtig hier: $do_not_duplicate verhindert, dass der bereits im ersten Loop aufgerufene neueste Artikel im zweiten Loop nochmal angezeigt wird.

Problem

Allerdings steht dann der aktuellste Beitrag auf jeder der nummerierten Seiten an oberster Stelle. Der soll aber ab “Seite 2″ nicht mehr auftauchen. Es muss also abgefragt werden, ob die Startansicht ohne Seitennummer (http://www.expertinnen-web.de) aufgerufen wurde oder die Seite eine Paginierung hat (http://www.expertinnen-web.de/page/2/), also $paged ist.

Lösung

Dieser Schnipsel hat es dann dann gebracht:

   $paged = $wp_query->get( 'paged' );
   if ( ! $paged || $paged < 2 ) :

Es wird abfragt, ob die Seite nicht paginiert ! $paged oder "Seite 1" $paged < 2  ist. Nur dann wird der zusätzliche Loop für den Startartikel aufgerufen. Wichtig: Hier am Ende das endif; nicht vergessen!

Und so sieht dann alles zusammen aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<?php
$paged = $wp_query->get( 'paged' );
if ( ! $paged || $paged < 2 ) :
 
$my_query = new WP_Query('posts_per_page=1');
	while ($my_query->have_posts()) : $my_query->the_post();
		$do_not_duplicate = $post->ID;?>
		<!-- Hier der Startbeitrag... -->
	<?php endwhile; endif; ?>
 
<!-- alle anderen Artikel... -->
<?php while (have_posts()) : the_post(); 
	if( $post->ID == $do_not_duplicate ) continue; ?>
		<!-- hier die gekürzten Artikel... -->
<?php endwhile; ?>

Und jetzt klappt es mit der wesentlich kürzeren Startseite, die damit nicht nur mobil schneller lädt  *freu*.

Zugegeben, als ich mit dem Gedanken spielte, mir einen Tablet-PC zu kaufen, dachte ich schon: ach, was für ein feines Gadget. Wieder was zum Spielen für die Omma. Nach dem Kauf sah die Sache jedoch auf einmal völlig anders aus. Das Ding mutierte zu meinem ständigen Begleiter und zum vollwertigen Ersatz für das Netbook, welches zuvor schon hier und da das Notebook abgelöst hatte.
Vorher brauchte ich immer eine zusätzliche Tasche, um die Gerätschaften zu verstauen. Das fällt nun weg, weil das Tablet in den Handtaschen-Rucksack passt. Wozu ist so ein Teil denn nun im Berufsalltag, egal, ob freiberuflich oder angestellt, von Nutzen?

• E-Mails abrufen, lesen, beantworten
• Kontakte immer mit sich führen – ich weiß ja, viele von Euch pflegen ihre Kontakte via XING
• auf Konferenzen mitschreiben und Markieren bzw. gleich verschlagworten (natürlich mit Evernote)
• Bei Bedarf die Notizen oder Dateien aus der Cloud oder vom Tablet ausdrucken via Motoprint – es gibt aber auch andere Apps für die Ansteuerung von WLAN-Druckern
• Blogartikel schreiben mit der WordPress-App, die inzwischen sehr komfortabel geworden ist – Joooid läßt da leider noch zu wünschen übrig
• per FTP Dateien verschieben
• per VPN Kunden aus der Not helfen
• per Skype und Talk kommunizieren
• Vorträge / Workshops organisieren mittels HDMI-Schnittstelle – vorausgesetzt, es existiert ein Beamer mit HDMI-Anschluß
• soziale Netzwerke betreuen via TweetCaster und Xing-App (letztere ist nicht so der Bringer)

Inzwischen werde ich gefragt, worauf beim Kauf eines Tablet-PCs zu achten ist. Mein absoluter Hingucker ist die HDMI-Schnittstelle. Damit kann ich mir die Schlepperei vom Notebook sparen und habe eigentlich immer alles dabei – vorausgesetzt, das Tablet ist vorhanden und die benötigten Daten in der Cloud. Das HDMI-Kabel nimmt keinen großen Platz in der Tasche ein und liefert ein tolles Ergebnis. Auch für den Spaß mit dem Tablet sehe ich die HDMI-Schnittstelle als eine wunderbare Ergänzung. Man kann damit natürlich auch die Tabletinhalte auf den Fernseher bringen.

Die Samsung-Tablets haben ein super Display, aber leider keine HDMI-Schnittstelle –Adapter ist erhältlich, naja … . Wer also keine Absichten in Bezug auf das Halten von Vorträgen oder Workshops hat, ist damit sicher besser bedient. Was mich jedoch stutzig macht, ist, dass die ganze Palette von Tablets bis hin zu den ganz preiswerten, den HDMI-Anschluß mitbringen. Mir ist klar, dass diese Geschichte noch nicht sehr verbreitet ist, zumal ich im Saturn zum Beispiel völlig verstört angeschaut wurde, als ich nach dem HDMI-Kabel gefragt habe. Sobald das aber einmal genutzt worden ist, wird es niemand mehr missen wollen. (noch besser wäre natürlich eine kabellose Verbindung zum Beamer oder Fernseher …)

Bemerkenswert beim XOOM, welches ich mir gegönnt habe, ist, dass ein zu 100% aufgeladener Akku eine Konferenz, also einen vollen Tag, überlebt. Das ist ja leider bei den Smartphones nicht der Fall.

Die lange Laufzeit des Akkus des Tablets hat auch zur Folge, dass ich zu Konferenzen nicht noch mehr Kabel mitführen muss – hier genügt das Ladekabel für das Smartphone oder ein externer Akku.

Wer überlegt, ein Netbook anzuschaffen, könnte ja noch mal darüber nachdenken, ob ein Tablet-PC nicht einfach mehr Komfort ÚND Spaß bringt.

So sieht’s aus

Und so geht’s

Artikel erstellen und dort, wo die Galerie sein soll auf  “Bild einfügen” klicken. Dann mehrere Bilder hochladen. WordPress erstellt daraus automatisch eine Galerie, die unter “Mediathek” bearbeitet werden kann. Man kann einen Bildtitel vergeben, eine Bildbeschriftung, noch eine Beschreibung und – nicht vergessen – den alt-Text für das Bild. Die Bildbeschriftung steht übrigens in der Übersicht, die Beschreibung nur in der Einzelansicht. So kann man die Textanzeige fürs Layout steuern, z.B. kurzer Text in die Beschriftung, längerer Text in die Beschreibung.

Ein Blick in den Quellcode zeigt, dass hier ein Short-Tag eingebaut wurde. Für diese Galerie sieht das so aus:

[ gallery columns="4" ]*.

*(Leerzeichen direkt hinter und vor [ ] weglassen!)

Und damit die Einzelansichten im Seitenlayout bleiben, ist in den Galerie-Optionen “Anhang-Seite” ausgewählt. Mit “Bilddatei” wird nämlich nur das nackte Bild in Einzelansicht angezeigt. Je nach ausgewähltem Theme ist die Einzelansicht in der Datei image.php auch schon angelegt. Ein Beispiel findet man im Standard-Theme “Twenty-Eleven”. Sonst muss man selbst Hand anlegen.

Dabei kann man dann auch das Manko bei dieser Art der Galerieanzeige ausgleichen: Die “Anhang-Seiten” sind nämlich völlig eigenständig, d.h. es gibt keinen Backlink zum Artikel. Wer dem Nutzer den Weg zurück erleichtern will, kann folgenden PHP-Snippet in die image.php einfügen:

<?php // if there is a parent, display the link (back to article)
$parent_title = get_the_title($post->post_parent);
if ( $parent_title != the_title(' ', ' ', false) ) {
   echo '← zurück zu <a href="' . get_permalink( $post->post_parent ) . '" title="' . $parent_title . '">"' . $parent_title . '"</a>';
} ?>

Es gibt übrigens noch eine Reihe weiterer Optionen, die im Galerie-Tag stehen können. Ein ausführliches Tutorial dazu gibt es bei www.elmastudio.de. Hier steht auch, wie man das Lightbox-Plugin für die WP-Galerie nutzen kann.

Nachtrag

Da ich Twentyeleven nicht nutze, war mir bisher nicht aufgefallen, dass hier die image.php den o.g. Link zum Artikel bereits hat. Der funktioniert allerdings nicht, denn die Meta-Zeile ist per position: absolute an den Kopf von article gerückt. Die CSS-Klasse dazu lautet .entry-meta und steht in Zeile 1088.
Die Lösung: einfach einen hohen z-index z.B. 9999 hinzufügen. Dann klappt’s auch mit dem Link.

Ich will mich nicht in die Debatte darum einmischen, was an diesem Gesetz schwachsinnig, undurchführbar – oder wie auch immer es betitelt wird – sei, denn meiner Meinung nach brächte es viel mehr, Eltern entsprechend aufzurüsten, um ihre Sprösslinge altersgerecht im Internet begleiten zu können bzw. ihnen mit gutem Beispiel voranzugehen.

Aber davon ab, als, sagen wir mal, Anbieter, von Inhalten, die nicht immer kindertauglich sind, wird man ab 1. Januar in die Pflicht genommen. Hilfreich könnte dabei ein WordPress-Plugin sein, genannt Spätvorstellung, dass es ermöglicht, Beiträge oder Texte nur zu einer bestimmten Uhrzeit öffentlich zugänglich zu machen.

Mehr hier.

Jetzt heisst es also “nur noch”, alle Inhalte auf Jugendfreiheit zu checken. Man hat ja noch drei-vier Wochen Zeit, bevor sich die Abmahn-Hyänen auf das Internet stürzen …

Frontend:

1. contact-form-7
   - ein wirklich flexibles Formular-Plugin, mit dem sich sehr einfach neue Formularfelder erstellen lassen. Und die kann man dann auch mit eigenen IDs und Klassen versehen.
2. cryptx
   - verhindert das Auslesen der Mailadresse durch Bots. Ein Javascript schreibt die Adresse automatisch in eine für Bots unleserliche Form um. Der User bekommt jedoch eine normale Ansicht mit funktionsfähigen Maillink.
3. the-events-calendar
   - eignet sich für komplexe Terminankündigungen und lässt sich mit Eventbrite zu einem Tool für Ticket-Bestellungen ausweiten.
4. printfriendly
   - feines Tool für die Darstellung einer Print- und/oder PDF-Version der Seite.
5. tweet-blender
   - hebt sich von den vielen Twitter-Plugins dadurch ab, dass es für die Tweet-Aufrufe ein recht intelligentes Caching vorhält.

Backend:

1. pagemash
   - nützliches, kleines Tool für das komfortable Verschieben von verschachtelten Seiten im Backend.
2. rb-internal-links
   - vereinfacht die interne Verlinkung. Das Plugin fügt einen zusätzlichen Button in den Editor ein.
3. restore-post-id
   - stellt die ehemals vorhandene Anzeigespalte für IDs wieder her. Auch wenn es länger kein Update gab, es funktioniert auch in WP 3.x und ich finde es sehr hilfreich bei der Theme-Bearbeitung.
4. w3-total-cache
   - minimiert die Ladezeiten und reduziert das Rendering der Site. Das punktet bei Google ebenso wie beim Massenhoster .
5. wp-optimize
   - räumt die Datenbank ohne PhpMyAdmin auf. Es entfernt z.B. zwischengespeicherte Versionen oder löscht den Spam in der Warteschlange.

So das waren meine 10. Zwei der bereits genannten Plugins nutze ich übrigens auch:

• wp-db-backup – fürs komfortable Erstellung der Datenbanksicherung und
• wp-SEO – sehr ausgefeilt für die Suchmaschinen-Optimierung (ist allerdings kostenpflichtig).

Nachtrag

Die Liste könnte ich noch um einige Plugin-Favoriten erweitern. Manche wie den Event-Kalender nutze ich aber nur nach entsprechender Kundenanforderung. Und dann braucht man ja immer mal neue Tools. Diese hier werde ich demnächst unbedingt ausprobieren:

• pure-css-emoticons
  - Emoticons nur per CSS stylen. Mal sehen, ob sich CSS3-Features mit Fallback nutzen lassen.
• WPtouch
  - macht aus einem normalen Theme ein für Touch-Phones geeignetes.
• custom-field-template
  - das Schreiben in benutzerdefinierte Felder wird vereinfacht, da sich hierfür der Editor nutzen lässt. Mal sehen, ob ich damit auch eine Editor-Eingabe für das Text-Widget erzeugen kann.

Mal sehen, was alles an Plugin-Erfahrungen zusammenkommt. Ergänzungen meiner Liste werden auch gern genommen .

Persönlich kann ich allerdings Entwarnung geben. Bei mir hat das Update problemlos geklappt, alle Plugins wurden ohne weiteres übernommen. Das neue Backend ist angenehm aufgeräumt. Wenn man sein Update allerdings in der englischen Version bezieht, muss man die deutschen Sprachpakete (de_DE.mo/de_DE.po) nachrüsten. Ansonsten sind im neuen Backend die Texte teilweise nicht übersetzt. Das kann man nach dem Upgrade auf Version 2.7 allerdings auch automatisch machen: Jetzt lässt sich das Update auf neue Versionen nämlich direkt aus dem Backend vornehmen, wie bereits von den Plugins bekannt.

Nachtrag:

Nun habe ich doch ein Plugin-Problem festgestellt. RB Internal Links stört den Editor. Es fügt einen Eintrag in TinyMCE ein, um bequem interne Links zu setzen. In WP 2.7 scheinen die Hooks für den Editor geändert zu sein. Ein Update des Plugins ist für Mitte Dezember geplant.

Und so sieht der Codeschnipsel bei uns aus, der in ein Seitentemplate (page.php) eingefügt und als tagcloud.php neu abgespeichert wurde:

<?php if ( function_exists('wp_tag_cloud') ) : ?>
<?php wp_tag_cloud('smallest=8&amp;largest=22&amp;format=flat&amp;orderby=name&amp;order=ASC&amp;number=0'); ?>
<?php endif; ?>

Über “smallest” und “largest” wird die Gewichtung der Tags bestimmt, oft vergebene Tags erscheinen so grösser.
Über “orderby” und “order” wird bestimmt, nach welchen Kriterien die Tags sortiert werden sollen, hier z.B. nach Alphabet in aufsteigender Reihenfolge.
Über “number” wird schliesslich die Anzahl der auszugebenden Tags festgelegt. Ist hier nichts eingetragen, oder fehlt “number” komplett, werden standardmässig 45 Tags ausgegeben, sollen alle Tags ausgegeben werden, einfach eine 0 eintragen.
Mehr Informationen über die verwendbaren Parameter findet ihr hier, für eine einfache Tagwolke reichen die Angaben oben jedoch allemal aus.

Nach dem abspeichern die Datei ins benutzte Theme hochladen und eine neue (leere) Seite erstellen, in der als Seitentemplate die tagcloud.php verwendet wird.

Schon fertig? Nicht ganz, das alte Plugin muss natürlich deaktiviert werden, sonst kommen sich einige Tags wohl gegenseitig ins Gehege und führen zu Fehlerseiten.

Also Fehlersuche beginnen:

- wp-config.php überprüfen, ob dort die deutsche Sprachdatei eingebunden ist – check
- überprüfen, ob der Language-Ordner im richtigen Verzeichnis wp-content liegt – check
- prüfen, ob ein deutschsprachiges Template verwendet wird – check
- prüfen, ob die Sprachdatei im binären Modus übertragen wurde – check

Leider hat nichts Erfolg gebracht, daher probierte ich noch einen Tipp aus der WordPress-FAQ aus, nach dem es manchmal Probleme mit einem 64-Bit Server geben sollte. Doch auch das brachte mir die deutsche Sprache nicht zurück.

Meine Lösung, nachdem ich eine Nacht drüber geschlafen und den Schmutz zum x-ten Mal neu hochgeladen hatte: im FTP-Profil war eingestellt, dass alle Dateinamen in Kleinbuchstaben übertragen werden. Das bedeutet, dass ich zwar die Sprachdatei (de_DE) lokal richtig in der wp-config.php eingebunden hatte, diese aber beim Hochladen ihren Namen verändert hat (de_de).  Die gleiche Veränderung wurde bei der Sprachdatei fürs deutsche Template vorgenommen.
Also, FTP-Profil ändern, Sprachdateien noch einmal hochladen – et voilà , alles in deutsch.

Dies war mein Tipp zu einer Montagsinstallation.

Warum man das überhaupt machen sollte? Damit man potentiellen Einbrechern die Sicherheitslücken nicht auch noch auf dem Silbertrablett präsentiert.

Am besten sollte man den Generator-Tag ja ganz rausnehmen, und auch auf alle öffentlich im Fuss der Seite ersichtlichen Angaben zur Software verzichten, um so wenig Angriffsfläche wie möglich zu bieten.
Nun kann man den Entwicklern trotzdem ihre Credits zukommen lassen und den Generator-Tag drinlassen, aber die genaue Versionsnummer muss da nun wirklich nicht stehen.

Genau das wird aber für die eher unbedarften WordPress-Nutzer mit Version 2.6 quasi erzwungen, denn die Angaben dazu wurden nun im Code der general-template.php untergebracht. Dort stehen sie ganz am Ende und können zumindest um die Versionsnummer “erleichtert” werden.

Und manchmal klappt auch das automatische Update von Plugins nicht, dann wird zwar das alte Plugin rausgeschmissen bzw. gelöscht, aber das neue nicht installiert. Da heisst es dann doch wieder, selbst Hand anzulegen.