Jos katsot Moustachea, saatat olla kiinnostunut Ohjaustangoista, ja jos katsot Bladea, suosittelen tutustumaan Sagen<\/a> Roots<\/a> – tiimiin.<\/p>\n Mutta t\u00e4ss\u00e4 viimeisess\u00e4 postauksessa aion jatkaa Timberill\u00e4, jonka esittelin eilen. En ole niink\u00e4\u00e4n siit\u00e4, mit\u00e4 k\u00e4ytet\u00e4\u00e4n (koska niill\u00e4 kaikilla on kompromissinsa), kunhan se on johdonmukaista.<\/p>\n N\u00e4in voit aloittaa Timberin<\/a> k\u00e4yt\u00f6n projekteissasi.<\/p>\n Aloitaksesi sinun on tunnettava Composer ja sinulla on oltava paikallinen kehitysymp\u00e4rist\u00f6. Jos sinulla ei ole kumpaakaan n\u00e4ist\u00e4 tai tarvitset apua, autan sinua:<\/p>\n Kun olet k\u00e4ynyt l\u00e4pi kunkin oppaan vaiheet, sinun pit\u00e4isi olla valmis. Joten t\u00e4ss\u00e4 on mit\u00e4 aiomme tehd\u00e4.<\/p>\n Aion k\u00e4ytt\u00e4\u00e4 Valetia t\u00e4h\u00e4n, mik\u00e4 tarkoittaa, ett\u00e4 minulla on hakemisto, jossa on uusin WordPress<\/a> -versio (joka on 4.8.3) asennettuna sen hakemistoon.<\/p>\n T\u00e4m\u00e4 tarkoittaa, ett\u00e4 minulla on tietokanta jo valmiina k\u00e4ytt\u00f6\u00f6n:<\/p>\n Ja aion antaa seuraavat komennot Laravelin ja suojatun asennuksen asentamiseksi (j\u00e4ljittelem\u00e4\u00e4n lavastusymp\u00e4rist\u00f6\u00e4):<\/p>\n Jotta p\u00e4\u00e4sen sivustolle selaimella.<\/p>\n Niille, jotka ovat kiinnostuneita, k\u00e4yt\u00e4n:<\/p>\n Eik\u00e4 muita liit\u00e4nn\u00e4isi\u00e4. Se on vain vanilja-asennus, muuta kuin mit\u00e4 yll\u00e4 n\u00e4et.<\/p>\n T\u00e4ss\u00e4 vaiheessa olen valmis asentamaan Timberin.<\/p>\n Olettaen, ett\u00e4 noudatit yll\u00e4 olevia Valet- ja Composer-ohjeita, sinun pit\u00e4isi olla valmis. Siirry p\u00e4\u00e4telaitteen avulla WordPress-asennushakemistoosi.<\/p>\n Anna sitten seuraava komento:<\/p>\n T\u00e4m\u00e4 asentaa Timberin, mutta sinun on silti p\u00e4ivitett\u00e4v\u00e4 teemasi functions.php-tiedosto, jotta se k\u00e4ytt\u00e4\u00e4 oikein Composerin automaattista latausohjelmaa.<\/p>\n Olettaen, ett\u00e4 kaikki on mennyt oikein, sinun pit\u00e4isi pysty\u00e4 p\u00e4ivitt\u00e4m\u00e4\u00e4n sivustosi, navigoimaan mahdollisille viesteille, sivuille ja niin edelleen, eik\u00e4 mik\u00e4\u00e4n saisi olla ep\u00e4kunnossa.<\/p>\n Lopuksi on aika k\u00e4ytt\u00e4\u00e4 Timberi\u00e4 korvaamaan suuri osa siit\u00e4, mit\u00e4 olemme tottuneet n\u00e4kem\u00e4\u00e4n WordPress-mallin yhteydess\u00e4.<\/p>\n P\u00e4\u00e4t\u00e4n tehd\u00e4 t\u00e4m\u00e4n sis\u00e4ll\u00f6n-page.php-sivulla<\/strong>, jotta sit\u00e4 olisi helppo seurata. Huomaa, ett\u00e4 muuttamani koodisegmentti n\u00e4ytt\u00e4\u00e4 alun perin t\u00e4lt\u00e4:<\/a><\/p>\n T\u00e4ss\u00e4 viestiss\u00e4 en aio luoda t\u00e4ysin uudelleen sit\u00e4, mit\u00e4 n\u00e4et yll\u00e4, mutta aion aloittaa sen kanssa, mit\u00e4 tarvitaan mallimoottorin k\u00e4yt\u00f6n aloittamiseen PHP-s\u00e4\u00e4ti\u00f6n yhteydess\u00e4.<\/p>\n Ensin sinun on luotava malli, jota voidaan k\u00e4ytt\u00e4\u00e4 mallisivulla tavallisessa WordPress-asennuksessa. Soitin omalleni template-timber-page.php<\/a> ja se n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4:<\/p>\n Yll\u00e4 olevassa koodissa tapahtuu seuraavaa:<\/p>\n T\u00e4ss\u00e4 on t\u00e4rke\u00e4\u00e4 luoda varsinainen twig-tiedosto (joka on Timber-mallitiedoston p\u00e4\u00e4te). Joten loin content-sample-page.twig<\/strong> ja se n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4:<\/a><\/p>\n Kun olet luonut Timber-objektin ja korvannut yll\u00e4 olevan koodin, huomaat, ett\u00e4 koodi lukee hieman eri tavalla (vaikkakaan ei ollenkaan vaikea seurata).<\/p>\n Ota malli k\u00e4ytt\u00f6\u00f6n siirtym\u00e4ll\u00e4 WordPressin sivuille .<\/strong> Etsi mallisivu<\/strong> ja valitse mallipohjan pudotusvalikosta juuri luomamme k\u00e4ytt\u00e4m\u00e4ll\u00e4 yll\u00e4 olevaa otsikkoa:<\/p>\n Kun se on tehty, voit tarkastella julkaisua. Huomaat, ett\u00e4 se n\u00e4ytt\u00e4\u00e4 hieman alastomalta verrattuna siihen, mit\u00e4 olemme tottuneet n\u00e4kem\u00e4\u00e4n:<\/p>\n Mutta saat yleisen k\u00e4sityksen siit\u00e4, kuinka voimme k\u00e4ytt\u00e4\u00e4 kontekstia p\u00e4\u00e4st\u00e4ksemme moniin samoihin ominaisuuksiin, jotka olemme tottuneet n\u00e4kem\u00e4\u00e4n WordPressiss\u00e4 ilman, ett\u00e4 joudumme t\u00e4ytt\u00e4m\u00e4\u00e4n koodia merkinn\u00f6ill\u00e4 ja PHP:ll\u00e4 ja kaikilla muilla k\u00e4ytt\u00e4mill\u00e4mme k\u00e4ytt\u00f6\u00f6n.<\/p>\n Tied\u00e4n, ett\u00e4 t\u00e4m\u00e4 on p\u00e4\u00e4asiassa mallintamisen pikakurssi, eik\u00e4 se kata l\u00e4hesk\u00e4\u00e4n niin paljon kuin voisi. Kun t\u00e4m\u00e4 viesti l\u00e4hestyy 1000 sanaa, minun on vedett\u00e4v\u00e4 raja jonnekin, joten p\u00e4\u00e4t\u00e4n tehd\u00e4 sen t\u00e4ss\u00e4.<\/p>\n T\u00e4m\u00e4 ei kuitenkaan tarkoita, ett\u00e4 olisin lopettanut keskustelun. Aion palata tulevissa ruukuissa edistyneempiin aiheisiin, jotka liittyv\u00e4t mallintamiseen.<\/p>\n Mutta jos olet kiinnostunut, suosittelen seuraamaan sek\u00e4 Getting tarted -opasta<\/a> Timberille ett\u00e4 projektia GitHubissa<\/a>.<\/p>\n T\u00e4m\u00e4 antaa sinulle ainakin l\u00e4ht\u00f6kohdan, josta voit edisty\u00e4 entist\u00e4 enemm\u00e4n pyrkimyksiss\u00e4si luoda puhtaampaa, loogisemmin erillist\u00e4 koodia kuin mit\u00e4 olemme tottuneet n\u00e4kem\u00e4\u00e4n WordPressiss\u00e4.<\/p>\nWordPress-malli: puun k\u00e4ytt\u00f6<\/h2>\n
![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec006741.png\")
<\/a><\/p>\n\n
1 M\u00e4\u00e4rit\u00e4 paikallinen asennus puutavaralle<\/h3>\n
![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec4380aa.png\")
<\/a><\/p>\n$ valet link\n$ valet secure<\/code><\/pre>\n![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec7806b6.png\")
<\/a><\/p>\n\n
2 Puun asennus<\/h3>\n
![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ecb7040b.png\")
<\/a><\/p>\n$ composer require timber\/timber<\/code><\/pre>\n![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ece8223b.png\")
<\/a><\/p>\n![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed28264d.png\")
<\/a><\/p>\n3 Puun alustaminen<\/h3>\n
<article id=\"post-<?php the_ID(); ?>\" <?php post_class(); ?>>\n <?php\n \/\/ Post thumbnail.\n twentyfifteen_post_thumbnail();\n ?>\n\n <header class=\"entry-header\">\n <?php the_title( '<h1 class=\"entry-title\">', '<\/h1>' ); ?>\n <\/header><!-- .entry-header -->\n\n <div class=\"entry-content\">\n <?php the_content(); ?>\n <?php\n wp_link_pages( array(\n 'before' => '<div class=\"page-links\"><span class=\"page-links-title\">'. __( 'Pages:', 'twentyfifteen' ). '<\/span>',\n 'after' => '<\/div>',\n 'link_before' => '<span>',\n 'link_after' => '<\/span>',\n 'pagelink' => '<span class=\"screen-reader-text\">'. __( 'Page', 'twentyfifteen' ). ' <\/span>%',\n 'separator' => '<span class=\"screen-reader-text\">, <\/span>',) );\n ?>\n <\/div><!-- .entry-content -->\n\n <?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '<footer class=\"entry-footer\"><span class=\"edit-link\">', '<\/span><\/footer><!-- .entry-footer -->' ); ?>\n\n<\/article><!-- #post-## --><\/code><\/pre>\n<?php\n\n\/**\n * Template Name: Timber Template\n * Description: Replaces the standard page with a Timber template.\n *\/\n\n$timber = new TimberTimber();\n$context = Timber::get_context();\n$post = new TimberPost();\n\n$context['post'] = $post;\nTimber::render(\n array( 'content-'. $post->post_name. '.twig', 'page.twig' ),\n $context\n);\n<\/code><\/pre>\n\n
{% block content %}\n <article id=\"post-{{post.ID}}\" class=\"{{body_class}}\">\n\n <header class=\"entry-header\">\n <h1 class=\"article-h1\">{{post.title}}<\/h1>\n <\/header><!-- .entry-header -->\n\n <div class=\"entry-content\">\n {{post.content}}\n <\/div><!-- .entry-content -->\n\n <\/article><!-- #post-## -->\n{% endblock %}\n<\/code><\/pre>\n4 Mallin k\u00e4ytt\u00e4minen<\/h3>\n
![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed87f4dc.png\")
<\/a><\/p>\n![\"WordPress-mallit](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77eddccec8.png\")
<\/a><\/p>\nLis\u00e4\u00e4 resursseja<\/h2>\n