WordPress Funktionen einfach beim Schreiben auswählen

Notepad++ ist der Editor meiner Wahl, wenn es um das Erstellen und Bearbeiten von Themes und Plugins geht. Doch wer regelmäßig mit dem Editor zu tun hat, der weiß, wie mühselig es sein kann, bis alle erforderlichen WordPress-Funktionen zusammengeschrieben sind. Darum habe ich ein Language-Paket für den Notepad++ Editor geschrieben, das ich Euch hier gerne zur Verwendung anbiete. In diesem Paket sind insgesamt 1.779 WordPress-Funktionen hinterlegt. Das erspart an vielen Stellen eine Menge Tipparbeit.

Und so nutzt ihr das Paket

1. Notepad++ herunterladen und installieren. Wer dies noch nicht auf seinem Rechner hat, findet es auf der offiziellen Projektseite zum Download.

Tipp: Installiert das Programm nach Möglichkeit nicht in den Standard-Programmordner! Nutzt lieber – sofern vorhanden – die Daten-Festplatte. Grund: Windows Vista und Windows7 stellen sich bei den Schreibrechten im Programmordner etwas pingelich an, und die brauchen wir später. Wer dennoch auf “C:\Programme” zurückgreift, der findet hier ein sehr schönes Tutorial um die erforderlichen Schreibrechte zu erhalten. (Tutorial in englisch)

2. WordPress – Language-Paket herunterladen und entpacken. Das komplette Paket beinhaltet zwei Dateien.

• userDefineLang.xml
• wordpress.xml

Umfangreiches Language-Paket mit über 1700 WordPress Funktionen für Notepad++
Bisherige Downloads: 50

3. XML-Dateien in Notepad++ verfügbar machen

Die Datei “wordpress.xml” beinhaltet die WordPress-Funktionen als Keywords. Hiermit weiß Notepad++, dass Funktionen beim Schreiben automatisch zur Auswahl angezeigt werden.

Die “wordpress.xml” gehört in den Plugins/APIs – Notepad++ Programmordner. Je nach Installation kann dies folgender Pfad sein:  D:\Notepad++\plugins\APIs

Die userDefineLang.xml kommt in den lokalen Benutzer-Ordner, in dem Programmrelevante Informationen, Einstellungen und Konfigurationen hinterlegt sind. So könnte der Pfad aussehen: C:\Users\<username>\AppData\Roaming\Notepad++

Diesen Ordner kann man – je nach Windows-Version – auch über

Start -> Ausführen -> %APPDATA%\Notepad++

erreichen.

4. Automatische Vervollständigung einrichten und Syntax festlegen

Wenn wir jetzt den Editor öffnen, steht uns WordPress jetzt als “Sprache” zur Verfügung.

Menü -> Sprachen -> WordPress

Um die komfortable automatische Vervollständigung zu nutzen (falls noch nicht eingerichtet) geht ihr im Menü auf

Einstellungen -> Optionen -> Sicherheitskopie/Autovervollständigung

und aktiviert die entsprechende Funktion.

Autovervollständigung aktivieren

Jetzt werden uns beim Schreiben einer WordPress-Funktion die entsprechenden Vorschläge gemacht. Die Auswahl der Funktionen kann auch manuelle mit der Tastenkombination Strg + Leertaste geöffnet werden.

Wer einen eigenen Syntax (Farben) verwenden möchte, kann dies auch einstellen. Klickt auf den Button für die “Benutzerdefinierten Sprachen”  und wählt dann “WordPress” aus. Hier können dann die entsprechenden Farben eingestellt werden.

Funktionsnachweis: Die in diesem Paket verwendeten Funktionen wurden von http://phpdoc.wordpress.org/tags/3.2.1/ übernommen.

Das war´s.

Hier noch ein paar hilfreiche Weblinks für weiterführende Informationen

• Notepad++ Projektseite mit Download
• Notepad++ Online-Documentation

Mit WordPress 2.9 kam die neue – und wie ich finde auch längst überfällige – Funktion “the_post_thumbnail”. Mit dieser Funktion ist es nun endlich möglich, jedem Beitrag ein eigenes kleines Bild anuzuhängen, ohne dies recht aufwändig über Custom-Fields oder Plugins zu lösen. Die Integration in das bestehende Theme ist denkbar einfach.

Wenn man diese Funktion richtig nutzen möchte, sollte man folgendes beachten;

Aktivierung der Funktion in der functions.php
Als erstes öffnet man die functions.php seines aktuellen Themes und ergänzt den Aufruf der Funktion in dem man folgende Zeile hinzufügt;

Wer keinen offenen PHP-Aufruf findet, ergänzt die Zeile um;

Damit weiß WordPress nun, dass es diese Funktion gibt, und diese auch aktiviert werden kann.

Die Funktion / Bildgrößen
Als nächstes geht es an das Theme – die Einbindung in das Design.
Hier sollte man zuvor wissen, dass es standardmäßig drei Größenvorgaben gibt, und eine weitere für eigene Anpassungen.

Aber zuerst zu den Standards. Von Hause aus gibt es drei feste Größenvorgaben, die da lauten;

“thumbnail” => setzt die Breite des Vorschaubildes auf einen Wert von 150px
“medium” => setzt die Breite des Vorschaubildes auf einen Wert von 300px
“large” => setzt die Breite des Vorschaubildes auf einen Wert von 1024px

Die entsprechende Höhenangabe des Bildes ergibt sich dann automatisch aus der Breite.

Ausgeschrieben sieht die Funktionen dann so aus (Größe = thumbnail);

Die vierte Option ist das Festlegen von fixen Breiten- und Höhenwerten. Zu beachten ist hierbei aber, dass es bei fixen Größenvorgaben zu verzerrten Darstellungen der Bilder kommen kann, da diese unter Umständen nicht mehr proportional sind.
Für feste Breiten- und Höhenangaben sieht die Funktion dann so aus;

wobei die Angaben (100,100) für Breite und Höhe stehen, und entsprechend angepasst werden können.

Einbindung der Funktion
Wenn man sich nun für die gewünschte Bildgröße entschieden hat, und diese Funktion beispielsweise mit der Größe “thumbnail” in den Archiv-Seiten verwenden möchte, dann könnte der Aufruf wie folgt aussehen;

Ausrichtung und Style in der CSS-Datei
So würde das Vorschaubild die Standard-Styles des Themes annehmen, was nicht immer die richtige Wahl ist. Daher fehlt als Letztes noch die entsprechende Anpassung in der CSS-Datei.
Im oben genannten Beispiel möchte ich die Vorschaubilder links im Text umlaufend haben. Dazu muss die Style-CSS wie folgt angepasst werden;

Das Vorschaubild wird jetzt links ausgerichtet, vom Text umschlossen und ist mit wenig Abstand und einem dünnen Rahmen vom Inhalt getrennt.
Jede Bildgröße erstellt übrigens eine eigene CSS-Klasse, die individuell angepasst werden kann. Je nach gewählter Bildgröße lauten die Klassen dann

Das war´s! Im Backend steht nun die Möglichkeit zur Verfügung, ein eigenes Bild zu jedem Beitrag hochzuladen. Viel Spaß mit dieser Funktion, auf die auch ich in Zukunft öfter zurück greifen werde.

Die Funktions-Referenz bei wordpress.org: http://codex.wordpress.org/Template_Tags/the_post_thumbnail

Weitere Beispiele und Konfigurationen sind in dem Artikel ” The ultimative Guide for the_post_thumbnail in WordPress 2.9 ” beschrieben…