Wir stellen vor: Twig: Das perfekte Tool, um Ihre WordPress-Entwicklung anzukurbeln

Es wurde viel über die Zukunft von WordPress geschrieben, wobei viele argumentieren, dass es keine Vorlagensprache gibt, insbesondere wenn Plattformen wie Django, Ruby on Rails, Node.js, Laravel und sogar Drupal alle über Vorlagensprachen verfügen. Fakten wie „WordPress macht fast 25 % des Webs aus“ machen es schwierig, das aktuelle PHP-basierte Template-System in Frage zu stellen. Da es aber noch an Modularität im Code mangelt, kann man sich fragen, wann es eine Template-Engine im Kern geben wird.

Die gute Nachricht ist da! Die Twig-Template-Engine und ein Plugin namens Timber helfen uns, super sauberen und modularen Code in WordPress zu schreiben. In dieser Serie besprechen wir die Implementierung und Integration mit WordPress. Ich beginne mit den Grundlagen dessen, was Twig ist und warum Sie es brauchen. In den nächsten drei Artikeln erkläre ich die verschiedenen Arten von Twig-Vorlagen, die sich über Timber in WordPress integrieren lassen.

Was sind Filialen?

Twig ist eine flexible, schnelle und sichere PHP-Template-Engine. Twig wurde Ihnen von Fabien Potencier, dem Erfinder des Symfony-Frameworks, präsentiert und gilt als funktionsreich, umfangreich, schnell und effizient.

Normalerweise mischt man beim Codieren in WordPress PHP-Blöcke mit HTML (das nennen wir Spaghetti-Code). Dies ist kein supersauberes Zeichen. Um einen modularen und Doing it Right™-Ansatz zu übernehmen, muss AnsichtView 与 Data von Daten getrennt werden. Mit Twig können Sie die View

-Ebene vom Rest Ihrer Anwendung trennen. Twig übernimmt das Model-View-Controller (MVC)-Muster, das dabei hilft, sauberen Code zu erhalten.

Warum Twig verwenden?

Im Laufe der Jahre wurden verschiedene PHP-Template-Engines entwickelt, aber Twig übertrifft sie definitiv alle in den folgenden Fähigkeiten.

Umfangreiche Funktionen

Twig ist eine der funktionsreichsten und leistungsstärksten PHP-Template-Engines. Es unterstützt Mehrfachvererbung und automatisches Ausgabe-Escape und hilft bei der Aufteilung von Vorlagen in mehrere Blöcke oder Komponenten, um ein modulares Design beizubehalten. Darüber hinaus können Entwickler weitere Plugins hinzufügen, um alle Front-End-Anforderungen zu erfüllen.

Schnell und effizient

Mit Twig kompilierte Vorlagen verursachen viel weniger Overhead als normale PHP-Vorlagen. Codierungsroutinen sind hochoptimiert und Sie sparen viel Entwicklungszeit. Dies ist auch nützlich, wenn Sie planen, das Basis-Framework zu ändern, da Twig dabei helfen kann, eine separate Vorlagenebene zu erstellen, die mit jedem Backend-Framework verbunden werden kann, sei es Laravel oder WordPress.

Designer- und Entwicklerfreundlich

Twig entspricht den Anforderungen von Designern und Entwicklern. Selbst wenn Sie kein Programmierfreak sind, ist die Verwendung von Twig einfach und das Schreiben modularer Vorlagen auf Komponentenbasis fühlt sich richtig an. Die Syntax ist leicht zu verstehen und vermeidet die Implementierung dynamischer PHP-Operationen in Vorlagendateien. Alles in allem ist es sehr modern und arbeitet mit allen aktuellen Codierungsstandards. Das Konzept des Output-Escapes ist bei der Verarbeitung mit Twig sehr umfassend.

Beginnen wir mit einem einfachen Beispiel.

In normalem PHP würden Sie eine Ausgabe wie diese erhalten:

<?php echo $foo;  // $foo is any random variable ?>
<?php echo htmlspecialchars( $foo, ENT_QUOTES, 'UTF-8' ) ?>

In Twig sind die Dinge sogar noch einfacher, d. h. der obige Code wird wie folgt zusammengefasst:

{{ foo }}       
{{ foo|escape }}
{{ foo|e }}         {# shortcut to escape a variable #}

Ausgabe-Escape ist in Twig so einfach. Fügen Sie einfach doppelte geschweifte Klammern hinzu, geben Sie den Namen der Variablen ein und Sie erhalten die Ausgabe. Legen Sie ein Rohr mit e daneben und wir beginnen zu fliehen. Die nächsten drei Artikel dieser Reihe werden sich ausführlich damit befassen.

Sicherheit

Twig reinigt und schützt die Daten selbst. Sein einzigartiger „Sandbox“-Modus überwacht intelligent den gesamten Code und filtert die besten Ergebnisse heraus. Dadurch können benutzergenerierte Vorlagen einfach und sicher implementiert werden. Sandbox-Umgebungen können nur global oder lokal für bestimmte Vorlagen aktiviert werden, wie unten gezeigt:

{{ include( 'post.html', sandboxed = true ) }}

Wenn Syntaxfehler auftreten, generiert Twig eine Meldung zum Debuggen Ihrer Datei mit Details wie dem Dateinamen und der Zeilennummer des fehlerhaften Codes.

Flexibel

Ich habe gerade erwähnt, dass Twig eine moderne Template-Engine ist, was auch bedeutet, dass man ihre Funktionalität erweitern kann, da sie sehr flexibel ist. Es unterstützt vollständig die effizienten

Lexer und Parser, mit denen Entwickler benutzerdefinierte Tags, Filter, Funktionen und mehr definieren können.

Andere

Zusätzlich zu allen oben genannten Funktionen ist Twig gut dokumentiert und vollständig gerätegetestet. Seine API und Vorlagenbibliothek sind völlig stabil und können eine Vielzahl komplexer Aufgaben bewältigen. Ein spezielles Online-Buch und eine vollständige API-Dokumentation sind ebenfalls verfügbar.

Twig ist die neue Template-Sprache für Drupal 8, was meine Hauptmotivation dafür ist, diese Template-Engine mit Zuversicht zu nutzen. Die guten Leute bei XWP, insbesondere Weston Ruter, arbeiten an einem Vorschlag, um Twig mit den VIP-Standards von WordPress.com kompatibel zu machen.

Timber: Twig mit WordPress integrieren

Die gesamte Diskussion drehte sich bisher um zwei Dinge. Erstens sollten wir beim Erstellen benutzerdefinierter WordPress-Themes einen modularen Ansatz verfolgen und Vorlagen von Daten trennen, und zweitens kann Twig uns dabei helfen. Aber was bringt diese beiden zusammen?

Es wurden verschiedene Anstrengungen unternommen, um die beste Integration zwischen Twig und WordPress zu erreichen. Einer der mutigsten Versuche ist Timber, das von einer Webagentur namens Upstatement entwickelt wurde. Es nutzt die Twig-Template-Engine, die es ermöglicht, modularen und sauberen Code in WordPress zu schreiben.

Timber und Twig helfen Ihnen, schnelle und modulare WordPress-Themes zu erstellen. Dadurch können Sie HTML-Code von regulären PHP-Dateien trennen und so ein nachhaltigeres Codierungsmuster gewährleisten. Das Konzept der Trennung von HTML und PHP ermöglicht es PHP-Dateien, sich ausschließlich auf die Bereitstellung der data 和逻辑，而 HTML 文件（Twig 文件）则专注于 view Webanwendungsschicht zu konzentrieren.

Im Allgemeinen erfüllt Holz drei Hauptaufgaben:

• Es integriert Twig in WordPress.
• Es rendert Twig-Vorlagen.
• Es fügt Basis-WordPress-Datensätze hinzu.

Ich denke, ihr Leitbild sagt alles:

Timber ist ein Tool für Entwickler, die HTML über eine intuitive, konsistente und vollständig zugängliche Benutzeroberfläche in hochwertige WordPress-Themes konvertieren möchten.

• Intuitiv: Die API wurde unter Berücksichtigung des Benutzers und entsprechend den Erwartungen des Programmierers geschrieben.
• Konsistent: Auf alle WordPress-Objekte kann über polymorphe Eigenschaften wie Slug, ID und Name zugegriffen werden.
• Barrierefrei: Keine Blackbox. Wir haben alle Anstrengungen unternommen, um 100 % von HTML für Entwickler zugänglich zu machen.

Wie funktioniert Holz?

Bei regulären WordPress-Themes werden alle PHP- und HTML-Codefragmente in derselben PHP-Vorlagendatei integriert und geändert. Bei Timber haben wir die Vorlagendatei jedoch in zwei verschiedene Datendateien aufgeteilt: die PHP-Datei und die Ansichts-/Vorlagendatei, die Twig-Datei.

Die erste Datei hat also die Erweiterung .php，第二个文件的扩展名为 .twig。因此，如果您要为 single.php 创建模板文件，您的文件将被命名为 single.php 和 single.twig.

Ersteres ist eine Datei, die Daten organisiert, und letzteres ist eine Vorlage, die Daten in HTML verwendet. Auf diese Weise können Sie Ihrem WordPress-Theme modular dynamische Aktionen hinzufügen.

Lass es uns zusammenfassen:

Timber verarbeitet WordPress-Theme-Vorlagendateien in PHP- und HTML-Dateien (Twig). Auf diese Weise können Sie die Logik von der Anzeige trennen. Es bietet Ihnen neue Möglichkeiten zum Erstellen, Gestalten und Anzeigen Ihrer Themen.

Fazit

Es gibt viel zu lieben an Twig. In diesem Artikel werden lediglich die Vorteile der Verwendung einer Template-Engine in WordPress vorgestellt. Modularer Code ist besserer Code und einfacher zu warten. Es ist an der Zeit, dass Entwickler ihre Arbeitsabläufe umstellen, und ich glaube, dass Twig ihnen dabei helfen kann.

Im nächsten Artikel zeige ich die tatsächliche Implementierung mithilfe von Twig-Vorlagendateien. Wir werden uns anhand von Codebeispielen ansehen, wie man Twig implementiert, um WP-Bilder, Kommentare und Menüs zu rendern. Wenn Sie bis dahin Zweifel haben, können Sie gerne nachfragen. Vergessen Sie nicht, sich auf Twitter mit uns zu verbinden.

Das obige ist der detaillierte Inhalt vonWir stellen vor: Twig: Das perfekte Tool, um Ihre WordPress-Entwicklung anzukurbeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!