WordPress-mallar för nybörjare: Vad är mall, ändå?
När vi pratar om mallar, om det är WordPress-mall, JavaScript-mall eller mall på något annat språk, tror jag att det är bra att använda ett konkret projekt eller exempel för att gå igenom hur det fungerar snarare än att prata om det i mer esoteriska termer.
Om du inte har följt med den här serien och du precis har börjat med att malla, rekommenderar jag att du läser de två första delarna av serien:
Därifrån kommer vi att dela upp konceptet i två delar:
- förstå vad mall är,
- hur mallar kan fungera i WordPress.
Utmaningen kommer förstås i att vi har "WordPress-mallar" och då pratar vi om att använda en mallmotor för att ändra WordPress-mallar, hur de fungerar, hur data injiceras i dem, och så vidare.
Men jag ska göra mitt bästa för att försöka förtydliga varje del.
WordPress-mallar (men inte mallar)
När det kommer till att prata om mallar är det bra att ha en fungerande definition av mall- eller mallmotorer. Sanningen är att alla mallar görs av en mallmotor.
En fungerande definition
En allmän definition av en mallmotor är :
En mallprocessor (även känd som en mallmotor eller mallparser) är en programvara utformad för att kombinera mallar med en datamodell för att producera resultatdokument.
Och även om det är korrekt, är det lite ordrikt eller mer komplext än nödvändigt, enligt min mening, än nödvändigt för att förklara det allmänna konceptet. Kanske kan vi arbeta bort följande definition:
En mallmotor använder syntax för att injicera data i ett dokument.
Detta är verkligen allmänt, och vi kommer att gå ner i PHP ett ögonblick, men först ville jag ge en grundläggande, fungerande definition och sedan gå därifrån, nämligen för att mallar kan användas på en mängd olika språk.
Vidare är det viktigt att inse att en bra mallmotor ofta ger en nivå av säkerhet, flexibilitet och potentiellt till och med ett "sandlådeläge" där vi testar koden innan vi distribuerar den till produktion.
Hur ser mall ut?
På grund av den olika syntaxens natur kommer mallbildning att se lite annorlunda ut, men en populär PHP-mallmotor heter Twig. Så ett konkret exempel på PHP-baserade mallar som använder Twig kan se ut ungefär så här:
{% extends "base.twig" %}
{% block content %}
<h1 class="big-title">{{foo}}</h1>
<h2>{{post.title}}</h2>
<img src="{{post.thumbnail.src}}" />
<div class="body"> {{post.content}} </div>
{% endblock %}Som du kan se är det lite skillnad från vad vi använder till att se med uppmärkning, HTML, PHP-taggar och så vidare, även om det fortfarande finns taggar som är unika för mallmotorn.
Ändå, om du är bekant med begreppen objekt, kan du se hur du kommer åt dem inom ramen för mallen med hjälp av punktnotation snarare än vilken notation eller funktionsanrop du är van vid att använda i ett PHP-dokument .
Finns det WordPress-mallmotorer?
Ja och nej. Jag menar att det finns sätt att använda mallmotorer inom WordPress, men jag kan inte säga att det finns en definitiv mall för WordPress. Några av exemplen på saker du kanske vill kolla in (innan du läser nästa inlägg) är:
Men det finns andra alternativ.
Men jag kommer förmodligen att använda något som Timber för nästa inlägg.