Dies ist eine Tutorial-Reihe, die die Grundlagen der Entwicklung eines WordPress-Themes von Grund auf behandelt. Es ist für Sie, die sich ein wenig mit der Änderung anderer Themen beschäftigt haben und sich wünschten, Sie wüssten genug, um Ihre eigenen zu erstellen, oder versuchten, Ihr eigenes Thema von Grund auf neu zu erstellen, aber es schwer hatten, die Grundlagen dessen zu verstehen, was ein Thema benötigt. In 12 Lektionen soll dieses Tutorial Sie durch die Entwicklung Ihres eigenen WordPress-Themas führen und gleichzeitig gängige Praktiken und die Grundlagen der Funktionsweise von WordPress erlernen. Das Ziel dieses Tutorials ist es nicht, mit einem fantastisch aussehenden und gebrauchsfertigen oder verkaufsfertigen Design abzuschließen, sondern Ihnen die solide Grundlage zu geben, die erforderlich ist, um darauf aufzubauen und es zu erweitern.
Ich empfehle, dass Sie alles selbst schreiben, anstatt den Code zu kopieren und einzufügen. Das ist der beste Weg, um zu lernen (keine Sorge, wir reden hier nicht über Tausende von Zeilen)! Die Lektionen sind so aufgebaut, dass Sie Schritt für Schritt lernen, was jedes Bit des Codes tut, damit Sie es auf dem Weg ändern und hinzufügen können, damit es genau so wird, wie Sie es haben oder aussehen möchten. Am Ende jeder Lektion werde ich zu den Dokumentationsseiten für jede verwendete Methode verlinken, normalerweise zu WordPress Codex.
Dieses Tutorial behandelt kein Styling (CSS), erklärt jedoch, wie Sie Ihre Stylesheets zu Ihrem Design hinzufügen können, und erklärt, wie Sie WordPress anweisen, nützliche Klassen in Ihrem HTML dynamisch hinzuzufügen. Ich ermutige Sie, Ihr Thema für sich selbst zu gestalten, während Sie mitmachen.
Voraussetzungen
Dieses Tutorial ist für Sie, die:
- Kennen Sie die Grundlagen von HTML und CSS
- Kennen Sie ein wenig PHP. Sie müssen kein Experte sein, sollten aber die Grundlagen kennen
- Sie sind mit der Verwendung von WordPress vertraut
- Möchte lernen!
Was Sie benötigen, um diesem Tutorial zu folgen, ist:
- Ein lokales Entwicklungssetup. Sie können entwickeln, indem Sie über FTP auf eine Domain übertragen, aber es wird empfohlen, eine lokal einzurichten. Sie müssten (offensichtlich) auch WordPress auf Ihrer Entwicklungsseite installiert haben. Wie das geht, erkläre ich kurz in Teil 0.
- Ein guter Texteditor. Sie können jeden Editor wie Notepad und dergleichen verwenden, aber es wird empfohlen, eine Software zu verwenden, die auf das Codieren ausgerichtet ist (es ist einfacher, Code zu lesen, zu finden und zu schreiben). Ich persönlich verwende Sublime Text 3.
Inhaltsverzeichnis des Tutorials
Unten finden Sie direkte Links zu allen 12 Lektionen in diesem Tutorial; Am Ende jeder Lektion finden Sie jedoch Navigationslinks zur nächsten oder vorherigen Lektion, sodass Sie nicht hierher zurückkehren müssen.
Fangen wir ohne weiteres an! Wenn Sie bereits ein lokales WordPress-Entwicklungssetup haben, fahren Sie direkt mit Teil 1: Einführung fort.
-
WordPress-Theme-Tutorial für Anfänger – Teil 0.5: Lokale WordPress-Entwicklung einrichten
Schritt 0.5 im WordPress-Theme-Tutorial für Anfänger behandelt, wie Sie eine lokale Entwicklungsumgebung mit WAMP oder XAMPP einrichten und WordPress installieren.
-
WordPress-Theme-Tutorial für Anfänger – Teil 1: Einführung
In dieser Lektion lernen Sie, wie WordPress Inhalte lädt, je nachdem, auf welcher Seite Sie sich befinden, und die Hierarchie der Theme-Vorlagendateien. Sie erfahren auch, was für ein gültiges Thema erforderlich ist. Und am Ende werden wir endlich unser Thema erstellen und aktivieren.
-
WordPress-Theme-Tutorial für Anfänger – Teil 2: Vorlagen
In dieser Lektion lernen Sie, wie Sie die wichtigsten Gebäudevorlagen in einem WordPress-Thema strukturieren. Wir beginnen mit der Erstellung der wichtigsten Vorlagen.
-
WordPress-Theme-Tutorial für Anfänger – Teil 3: Dynamische Inhalte
In dieser Lektion des WordPress-Theme-Tutorials für Anfänger lernen wir Hooks in WordPress kennen und fügen unserem Theme einige Hooks hinzu, die erforderlich sind, damit ein Theme ordnungsgemäß mit WordPress und Plugins funktioniert. Wir werden auch mit dem Zugriff auf dynamische Inhalte von WordPress in unserem Header beginnen, z. B. um automatisch den aktuellen Seitentitel zu erhalten.
-
WordPress-Theme-Tutorial für Anfänger – Teil 4: Der Post-Loop
In dieser Lektion des WordPress-Theme-Tutorials für Anfänger gehen wir detailliert auf die „Post-Schleife” in WordPress ein, was sie ist, wie sie aussieht, warum wir sie verwenden und wie wir auf Beiträge zugreifen. Anschließend werden wir uns an die Implementierung der Schleife in unserem Thema.
-
WordPress-Theme-Tutorial für Anfänger – Teil 5: Zugriff auf Beitragsinformationen
In dieser Lektion des WordPress-Theme-Tutorials für Anfänger geht es darum, wie wir innerhalb der Post-Schleife auf Informationen wie Link, Titel und mehr von jedem Post zugreifen und diese ausgeben können. Wir tun dies mit Template-Tags. Dabei werden wir auch die Single View Templates zu unserem Theme hinzufügen.
-
WordPress-Theme-Tutorial für Anfänger – Teil 6: Die Funktionen eines Themes.php
Heute werden wir lernen, wo und wie man Code außerhalb der Templates in unserem Theme hinzufügt. Dazu fügen wir die Datei functions.php des Themes hinzu. Dabei lernen wir auch, wie Sie Ihre Stylesheets und Skripte richtig hinzufügen.
-
WordPress-Theme-Tutorial für Anfänger – Teil 7: Theme-Setup und ausgewählte Bilder
Diese Lektion wird fortgesetzt, indem der grundlegende, erforderliche Code zum Einrichten eines WordPress-Designs hinzugefügt wird. Wir lernen, Themenunterstützungen hinzuzufügen und den Titel der Titelseite zu filtern.
-
WordPress-Theme-Tutorial für Anfänger – Teil 8: Übersetzung
Wir lernen, wie die Übersetzung (bzw. i18n) in WordPress funktioniert und wie man Texte übersetzbar macht. Enthält auch eine Anleitung zur Verwendung von PoEdit zum Generieren von .po-Dateien.
-
WordPress-Theme-Tutorial für Anfänger – Teil 9: Menüs und Widget-Bereiche
In dieser Lektion erfahren Sie, wie Sie unserem Design zwei zentrale WordPress-Funktionen hinzufügen. Menüs und Widget-Bereiche. Wir lernen, wie man einen Standort für das Hauptnavigationsmenü einer Website registriert und das Menü in unseren Vorlagen ausgibt, sowie das Hinzufügen von Widgets in unserer Seitenleiste und im Fußzeilenbereich.
-
WordPress-Theme-Tutorial für Anfänger – Teil 10: Weitere Vorlagen hinzufügen
In dieser Lektion des WordPress-Theme-Tutorials für Anfänger werden wir uns eingehender mit Vorlagen befassen. Wir lernen Vorlagenteile kennen und implementieren sie für die Wiederverwendbarkeit. Und wir werden unserem Design weitere Standardvorlagen von WordPress hinzufügen.
-
WordPress-Theme-Tutorial für Anfänger – Teil 11: Benutzerdefinierte Seitenvorlagen
In dieser Lektion des WordPress-Theme-Tutorials für Anfänger lernen wir etwas über Seitenvorlagen, was sie sind, wie man sie erstellt und Best Practices. Als Beispiel erstellen wir eine Vorlage in voller Breite. Unterwegs fügen wir auch eine Klasse zu body hinzu, indem wir fragen, ob die Seite eine bestimmte Seitenvorlage verwendet.
-
WordPress-Theme-Tutorial für Anfänger – Teil 12: Benutzerdefinierte Post-Abfrage
In dieser letzten Lektion lernen wir, wie Sie Ihre eigene Abfrage von Beiträgen schreiben und sie durchlaufen, ohne die übergeordnete Schleife in der Vorlage zu unterbrechen. Wir erstellen einen Vorlagenteil für einzelne Posts, der verwandte Posts in derselben Kategorie anzeigt.
-
WordPress-Theme-Tutorial für Anfänger – Fazit und nächste Schritte
Wir beenden dieses WordPress-Theme-Tutorial für Anfänger mit einer kurzen Zusammenfassung dessen, was wir gelernt haben. Und schauen Sie sich an, was Sie als Nächstes tun können und wie Sie sich als WordPress-Theme-Entwickler verbessern können.