M\u00f3wi\u0105c o szablonach, je\u015bli chodzi o szablony WordPress, szablony JavaScript lub szablony w innym j\u0119zyku, my\u015bl\u0119, \u017ce warto u\u017cy\u0107 konkretnego projektu lub przyk\u0142adu, aby om\u00f3wi\u0107, jak to dzia\u0142a, zamiast m\u00f3wi\u0107 o tym w bardziej ezoteryczny spos\u00f3b.<\/p>\n
Je\u015bli nie \u015bledzi\u0142e\u015b tej serii i dopiero zaczynasz tworzy\u0107 szablony, polecam przeczytanie dw\u00f3ch pierwszych cz\u0119\u015bci serii:<\/p>\n
Nast\u0119pnie podzielimy koncepcj\u0119 na dwie cz\u0119\u015bci:<\/p>\n
Wyzwanie polega oczywi\u015bcie na tym, \u017ce mamy \u201eszablony WordPress", a nast\u0119pnie m\u00f3wimy o u\u017cyciu silnika szablon\u00f3w do zmiany szablon\u00f3w WordPress, sposobu ich dzia\u0142ania, sposobu wstrzykiwania do nich danych i tak dalej.<\/p>\n
Ale zrobi\u0119 co w mojej mocy, aby wyja\u015bni\u0107 ka\u017cd\u0105 cz\u0119\u015b\u0107.<\/p>\n
Je\u015bli chodzi o m\u00f3wienie o szablonowaniu, pomocne jest posiadanie dzia\u0142aj\u0105cej definicji szablon\u00f3w lub silnik\u00f3w szablon\u00f3w. Prawda jest taka, \u017ce \u200b\u200btworzenie szablon\u00f3w odbywa si\u0119 za pomoc\u0105 silnika szablon\u00f3w.<\/p>\n
Og\u00f3lna definicja silnika szablon\u00f3w to<\/a> :<\/p>\n Procesor szablon\u00f3w (znany r\u00f3wnie\u017c jako silnik szablon\u00f3w lub parser szablon\u00f3w) to oprogramowanie zaprojektowane do \u0142\u0105czenia szablon\u00f3w z modelem danych w celu tworzenia dokument\u00f3w wynikowych.<\/p>\n<\/blockquote>\n I chocia\u017c to prawda, jest troch\u0119 rozwlek\u0142y lub bardziej z\u0142o\u017cony ni\u017c jest to moim zdaniem konieczne, ni\u017c jest to konieczne do wyja\u015bnienia og\u00f3lnej koncepcji. Mo\u017ce uda nam si\u0119 wypracowa\u0107 nast\u0119puj\u0105c\u0105 definicj\u0119:<\/p>\n Silnik szablon\u00f3w u\u017cywa sk\u0142adni do wstrzykiwania danych do dokumentu.<\/p>\n<\/blockquote>\n To jest naprawd\u0119 og\u00f3lne i za chwil\u0119 zag\u0142\u0119bimy si\u0119 w PHP, ale najpierw chcia\u0142em poda\u0107 podstawow\u0105, dzia\u0142aj\u0105c\u0105 definicj\u0119, a nast\u0119pnie przej\u015b\u0107 od tego, poniewa\u017c szablony mog\u0105 by\u0107 u\u017cywane w wielu r\u00f3\u017cnych j\u0119zykach.<\/p>\n Co wi\u0119cej, wa\u017cne jest, aby pami\u0119ta\u0107, \u017ce dobry silnik szablon\u00f3w cz\u0119sto zapewnia poziom bezpiecze\u0144stwa, elastyczno\u015b\u0107, a potencjalnie nawet \u201etryb piaskownicy”, z kt\u00f3rego testujemy kod przed wdro\u017ceniem go w \u015brodowisku produkcyjnym.<\/p>\n Ze wzgl\u0119du na r\u00f3\u017cn\u0105 sk\u0142adni\u0119 szablony b\u0119d\u0105 wygl\u0105da\u0107 nieco inaczej, ale jeden popularny silnik szablon\u00f3w PHP nazywa si\u0119 Twig<\/a>. Konkretny przyk\u0142ad szablon\u00f3w opartych na PHP, kt\u00f3re u\u017cywaj\u0105 Twiga, mo\u017ce wygl\u0105da\u0107 mniej wi\u0119cej tak:<\/a><\/p>\n Jak wida\u0107, to troch\u0119 r\u00f3\u017cni si\u0119 od tego, czego u\u017cywamy, do znacznik\u00f3w, znacznik\u00f3w HTML, PHP itd., chocia\u017c wci\u0105\u017c istniej\u0105 znaczniki unikalne dla silnika szablon\u00f3w.<\/p>\n Mimo to, je\u015bli znasz koncepcje obiekt\u00f3w, mo\u017cesz zobaczy\u0107, jak uzyska\u0107 do nich dost\u0119p w kontek\u015bcie szablonu za pomoc\u0105 notacji z kropkami, a nie jakiejkolwiek notacji lub wywo\u0142a\u0144 funkcji, kt\u00f3rych u\u017cywasz w dokumencie PHP .<\/p>\n Tak i nie. Chodzi mi o to, \u017ce istniej\u0105 sposoby na wykorzystanie silnik\u00f3w szablon\u00f3w w kontek\u015bcie WordPressa, ale nie mog\u0119 powiedzie\u0107, \u017ce istnieje definitywny szablon dla WordPressa. Niekt\u00f3re z przyk\u0142ad\u00f3w rzeczy, kt\u00f3re mo\u017cesz chcie\u0107 sprawdzi\u0107 (przed przeczytaniem nast\u0119pnego posta), to:<\/p>\n\n
\n
Jak wygl\u0105da tworzenie szablon\u00f3w?<\/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>\nCzy istniej\u0105 silniki szablon\u00f3w WordPress?<\/h2>\n