N\u00e4r vi pratar om mallar, om det \u00e4r WordPress-mall, JavaScript-mall eller mall p\u00e5 n\u00e5got annat spr\u00e5k, tror jag att det \u00e4r bra att anv\u00e4nda ett konkret projekt eller exempel f\u00f6r att g\u00e5 igenom hur det fungerar snarare \u00e4n att prata om det i mer esoteriska termer.<\/p>\n
Om du inte har f\u00f6ljt med den h\u00e4r serien och du precis har b\u00f6rjat med att malla, rekommenderar jag att du l\u00e4ser de tv\u00e5 f\u00f6rsta delarna av serien:<\/p>\n
D\u00e4rifr\u00e5n kommer vi att dela upp konceptet i tv\u00e5 delar:<\/p>\n
Utmaningen kommer f\u00f6rst\u00e5s i att vi har "WordPress-mallar" och d\u00e5 pratar vi om att anv\u00e4nda en mallmotor f\u00f6r att \u00e4ndra WordPress-mallar, hur de fungerar, hur data injiceras i dem, och s\u00e5 vidare.<\/p>\n
Men jag ska g\u00f6ra mitt b\u00e4sta f\u00f6r att f\u00f6rs\u00f6ka f\u00f6rtydliga varje del.<\/p>\n
N\u00e4r det kommer till att prata om mallar \u00e4r det bra att ha en fungerande definition av mall- eller mallmotorer. Sanningen \u00e4r att alla mallar g\u00f6rs av en mallmotor.<\/p>\n
En allm\u00e4n definition av en mallmotor \u00e4r<\/a> :<\/p>\n En mallprocessor (\u00e4ven k\u00e4nd som en mallmotor eller mallparser) \u00e4r en programvara utformad f\u00f6r att kombinera mallar med en datamodell f\u00f6r att producera resultatdokument.<\/p>\n<\/blockquote>\n Och \u00e4ven om det \u00e4r korrekt, \u00e4r det lite ordrikt eller mer komplext \u00e4n n\u00f6dv\u00e4ndigt, enligt min mening, \u00e4n n\u00f6dv\u00e4ndigt f\u00f6r att f\u00f6rklara det allm\u00e4nna konceptet. Kanske kan vi arbeta bort f\u00f6ljande definition:<\/p>\n En mallmotor anv\u00e4nder syntax f\u00f6r att injicera data i ett dokument.<\/p>\n<\/blockquote>\n Detta \u00e4r verkligen allm\u00e4nt, och vi kommer att g\u00e5 ner i PHP ett \u00f6gonblick, men f\u00f6rst ville jag ge en grundl\u00e4ggande, fungerande definition och sedan g\u00e5 d\u00e4rifr\u00e5n, n\u00e4mligen f\u00f6r att mallar kan anv\u00e4ndas p\u00e5 en m\u00e4ngd olika spr\u00e5k.<\/p>\n Vidare \u00e4r det viktigt att inse att en bra mallmotor ofta ger en niv\u00e5 av s\u00e4kerhet, flexibilitet och potentiellt till och med ett "sandl\u00e5del\u00e4ge" d\u00e4r vi testar koden innan vi distribuerar den till produktion.<\/p>\n P\u00e5 grund av den olika syntaxens natur kommer mallbildning att se lite annorlunda ut, men en popul\u00e4r PHP-mallmotor heter Twig<\/a>. S\u00e5 ett konkret exempel p\u00e5 PHP-baserade mallar som anv\u00e4nder Twig kan se ut ungef\u00e4r s\u00e5 h\u00e4r:<\/a><\/p>\n Som du kan se \u00e4r det lite skillnad fr\u00e5n vad vi anv\u00e4nder till att se med uppm\u00e4rkning, HTML, PHP-taggar och s\u00e5 vidare, \u00e4ven om det fortfarande finns taggar som \u00e4r unika f\u00f6r mallmotorn.<\/p>\n \u00c4nd\u00e5, om du \u00e4r bekant med begreppen objekt, kan du se hur du kommer \u00e5t dem inom ramen f\u00f6r mallen med hj\u00e4lp av punktnotation snarare \u00e4n vilken notation eller funktionsanrop du \u00e4r van vid att anv\u00e4nda i ett PHP-dokument .<\/p>\n Ja och nej. Jag menar att det finns s\u00e4tt att anv\u00e4nda mallmotorer inom WordPress, men jag kan inte s\u00e4ga att det finns en definitiv mall f\u00f6r WordPress. N\u00e5gra av exemplen p\u00e5 saker du kanske vill kolla in (innan du l\u00e4ser n\u00e4sta inl\u00e4gg) \u00e4r:<\/p>\n\n
\n
Hur ser mall ut?<\/h3>\n
{% extends \"base.twig\" %}\n{% block content %}\n <h1 class=\"big-title\">{{foo}}<\/h1>\n <h2>{{post.title}}<\/h2>\n <img src=\"{{post.thumbnail.src}}\" \/>\n <div class=\"body\"> {{post.content}} <\/div>\n{% endblock %}<\/code><\/pre>\nFinns det WordPress-mallmotorer?<\/h2>\n