Tonik WordPress Starter-Theme

Wenn es um die Arbeit mit WordPress-Plugins geht, ist es nicht ungewöhnlich, dass Leute modernere Tools wie Composer, Front-End-Abhängigkeitsverwaltung über Tools wie Node und so weiter verwenden.

Tatsächlich würde ich sagen, das beliebteste ist wahrscheinlich das Sage – Projekt des Roots -Teams. Es ist großartig, aber kürzlich sind einige Freunde und ich über das Tonik WordPress Starter Theme gestolpert, und ich hatte das Vergnügen, mit dem Leiter des Projekts, Patryk, zu sprechen.

Für diejenigen unter Ihnen, die an moderneren Workflows, Tools und Strategien interessiert sind und diese im Kontext der Themenentwicklung einsetzen, ist Tonik meiner Meinung nach einen Besuch wert.

Ich brauchte nicht lange, um eine Instanz des Themas auf meinem lokalen Rechner zu starten. Aber es geht hier nicht um meine Erfahrung damit – deshalb denke ich, dass es sich lohnt, es sich anzusehen.

Tonik WordPress Starter-Theme

Bevor ich mich mit der eigentlichen Installation des Themas befasse, dachte ich, es könnte sich lohnen, hervorzuheben, was Tonik so interessant macht .

Für diejenigen, die daran interessiert sind, sowohl die Befehlszeilen- als auch die objektorientierten Programmiertechniken zu verwenden, bietet das Thema Folgendes:

• Befehlszeilenschnittstelle zum einfachen Initiieren neuer Themen,
• verbessertes Templating mit Unterstützung für die Weitergabe von Daten,
• Webpack zum Verwalten, Zusammenstellen und Optimieren von Assets,
• orientiert für das Bauen mit Aktionen und Filtern

Zuerst können Sie das Projekt auf GitHub sehen, aber bevor Sie alle verschiedenen verwandten Komponenten (wie Gin) durchgehen und herunterladen, ist es wichtig zu beachten, wie der Workflow für dieses spezielle Thema abläuft.

Das heißt, es ist nicht so, dass Sie es herunterladen, installieren und loslegen können. Stattdessen ist der Workflow ein wenig anders.

Einstieg

Um beispielsweise mit Tonik zu beginnen, müssen Sie Folgendes tun (beachten Sie, dass all dies davon ausgeht, dass Sie Composer und Node installiert haben).

Navigieren Sie zu Ihrem wp-content/themes- Verzeichnis und geben Sie den folgenden Befehl ein:

$ composer create-project tonik/theme acme-theme

Natürlich müssen Sie es nicht „Acme-Thema” nennen.

Von dort aus müssen Sie das Repository des Projekts von GitHub klonen (deshalb installieren Sie es nicht wie bei der üblichen Installation von Designs, aber dazu gleich mehr):

An diesem Punkt gibt es noch einige weitere Abhängigkeiten, die aufgelöst werden müssen. Navigieren Sie dazu zum Verzeichnis des frisch erstellten Designs und verwenden Sie dann Composer, um die Abhängigkeiten zu installieren.

$ composer install

Und dann installieren Sie die Front-End-Abhängigkeiten:

$ npm install

An diesem Punkt muss nur noch das grundlegende Thema erstellt und aktiviert werden (über die Befehlszeile, an der WP-CLI ins Spiel kommt):

$ npm run dev

$ wp theme activate acme-theme

An diesem Punkt sind Sie bereit, das Design in WordPress zu verwenden.

„Es scheint ein bisschen kompliziert zu sein …”

Angesichts all der oben genannten Schritte lautet die natürliche Frage wahrscheinlich: „Warum sollte ich mir die Mühe machen, all dies zu tun, wenn ich einfach ein Thema mit der normalen Methodik erstellen kann?”

Und das ist eine gute Frage. Aber wenn Sie jemand sind, der Lösungen für sich selbst oder andere mit moderneren Tools entwickeln möchte, dann denke ich, dass die Verwendung von Tools wie diesem einen großen Beitrag dazu leisten kann, dies zu ermöglichen.

Alles, was es bietet

Ein typisches Beispiel: Ein Schmerzpunkt bei der Entwicklung von Vorlagen für andere ist das Fehlen einer echten Templating-Engine in WordPress (zumindest zum Zeitpunkt des Schreibens dieses Artikels).

Aber wenn Sie sich die Dokumentation nur für Templating ansehen, werden Sie ein paar Dinge sehen, wie Platzhalter und andere Möglichkeiten, mit bestimmten Elementen umzugehen .

Und es steckt so viel mehr drin. Ich würde gerne sagen, dass ich alle Aspekte seines Angebots ausprobiert habe, aber ich habe das Gefühl, dass ich nur an der Oberfläche gekratzt habe. Ich hatte zum Beispiel keine Gelegenheit, an irgendwelchen HTTP-Features herumzubasteln.

Trotzdem ist hier ein kurzer Überblick über das, was das Thema bietet:

• eine vorkonfigurierte Verzeichnisstruktur,
• Vorlage,
• Komponentenunterstützung,
• Hilfsfunktionen,
• Ajax-Unterstützung,
• Themenaktionen und Filter,
• ein Dienstcontainer,
• Unterstützung für Shortcodes,
• automatisches Laden,
• und so viel mehr.

All dies kann in der Dokumentation überprüft werden .