Das eigene WordPress-Theme erstellen – #1: Vorbesprechung und Vorbereitung

Veröffentlicht am

In dieser Artikelreihe geht es darum, ein WordPress-Theme zu erstellen – von Grund auf. Im ersten Teil treffen wir die notwendigen Vorbereitungen und besprechen kurz das Theme.

Einige von euch werden sich vielleicht noch daran erinnern, dass ich vor etwa einem Jahr schon ein paar Stücke dieser Reihe begonnen habe. Aus verschiedenen Gründen ist das nicht zuende geführt worden: Zum einen bin ich mit der Programmierung nebenbei nicht hinterher gekommen und zum anderen habe ich nach dem dritten Teil den Code des Themes noch mal komplett überarbeitet. Das soll dieses Mal nicht passieren und deshalb habe ich erst in Ruhe das Theme fertiggestellt. Jetzt kann es also noch mal losgehen.

Bevor wir mit den Vorbereitungen beginnen, könnt ihr euch hier eine Demo des fertigen Themes anschauen: Da werden wir am Ende der Reihe landen.

Besonderheiten des Themes

Ansicht der alternativen Startseite des WordPress-Themes. (Screenshot: Eigene Installation)
Ansicht der alternativen Startseite des WordPress-Themes. (Screenshot: Eigene Installation)

Das Theme richtet sich an Fotografen und bietet zwei Seiten-Templates: Das eine ist für eine alternative Startseite, auf der die neuesten Galerien aus den verschiedenen Seitengalerien angezeigt werden. Das andere Template zeigt alle Galerien der Seite und bietet sich für eine Art Portfolio-Seite an.

Des Weiteren gibt es noch zwei eigene Widgets, um die neuesten Galerien anzuzeigen und bestimmte Galerien hervorzuheben. Auf der Einzelseite einer Galerie werden unterhalb des Beitrags Galerien angezeigt, die in derselben Kategorie veröffentlicht wurden. Anpassen lässt sich das alles über den Customizer.

Vorbereitungen für die Erstellung des eigenen WordPress-Themes

Bevor wir beginnen, müssen wir ein paar Vorbereitungen treffen. Zuerst müssen wir uns natürlich WordPress installieren. Wie das funktioniert, könnt ihr in diesem Beitrag nachlesen.

Nachdem wir jetzt eine WordPress-Installation vorliegen haben, können wir uns schnell ein paar Beiträge, Seiten und andere Inhalte anlegen, indem wir die Testdaten von WP Test importieren. Geht dafür im WordPress-Backend auf „Werkzeuge“ > „Import“ und wählt dort den Punkt „WordPress“ in der Tabelle aus. Anschließend werdet ihr aufgefordert, das entsprechende Plugin zu installieren und könnt danach die XML-Datei importieren, die sich in dem ZIP-Archiv befindet.

Um das Theme während der Entstehung immer mal wieder auf Fehler zu überprüfen, installieren wir uns jetzt noch das Plugin „Theme Check“. Alle anderen Plugins solltet ihr deaktivieren, wenn es sich nicht um weitere Entwickler-Plugins handelt. In eurer wp-config.php-Datei setzen wir jetzt noch die Konstante WP_DEBUG auf true (die entsprechende Zeile sieht dann so aus:

define('WP_DEBUG', true);
Code-Sprache: JavaScript (javascript)

Im nächsten Teil kümmern wir uns dann um die style.css-Datei.

Die weiteren Teile meiner WordPress-Reihe:

Dieser Beitrag ist eine Übernahme meines Beitrags für t3n.de

3 Reaktionen zu »Das eigene WordPress-Theme erstellen – #1: Vorbesprechung und Vorbereitung«

  1. Klasse!!!
    Das geplante Theme könnt genau das richtige sein für mich.
    Bis jetzt hört sich alles gut an, was es können soll.

    Wenn jetzt noch der Blogbereich in einem schönen Magazin-Look herkommt, ist es auf jedenfall ideal für mich, als wenn es auf mich zugeschnitten wäre.

    Ich selber bin absoluter Anfänger in Sachen WordPress, meine Seite existiert seit ungefähr 2 Wochen und bin immer noch am Kämpfen um die Seite nach meinen Wünschen zu pimpen.

    Dein Beitrag kommt mir da natürlich ganz recht, muss aber erst mal schauen, ob ich als Anfänger mitkomme und auch alles begreife.

    Gruß, Andreas

    Antworten

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert