Om du tittar p\u00e5 Mustache, d\u00e5 kanske du \u00e4r intresserad av Styre, och om du tittar p\u00e5 Blade, s\u00e5 rekommenderar jag starkt att kolla in Sage<\/a> fr\u00e5n Roots<\/a> -teamet.<\/p>\n Men f\u00f6r det h\u00e4r sista inl\u00e4gget ska jag forts\u00e4tta med Timber som jag presenterade ig\u00e5r. Jag \u00e4r inte s\u00e5 mycket om vilken som anv\u00e4nds (eftersom de alla har sina kompromisser) s\u00e5 l\u00e4nge det \u00e4r konsekvent.<\/p>\n Med det sagt, s\u00e5 h\u00e4r kan du komma ig\u00e5ng med att anv\u00e4nda Timber<\/a> i dina projekt.<\/p>\n <\/a><\/p>\n F\u00f6r att komma ig\u00e5ng m\u00e5ste du vara bekant med Composer, och du kommer att beh\u00f6va ha en lokal utvecklingsmilj\u00f6. Om du inte har n\u00e5gon av dessa eller beh\u00f6ver hj\u00e4lp, s\u00e5 har jag dig t\u00e4ckt:<\/p>\n N\u00e4r du har g\u00e5tt igenom stegen i var och en av dessa guider b\u00f6r du vara bra att g\u00e5. S\u00e5 h\u00e4r \u00e4r vad vi ska g\u00f6ra.<\/p>\n Jag kommer att anv\u00e4nda Betj\u00e4nad f\u00f6r detta, vilket inneb\u00e4r att jag kommer att ha en katalog med den senaste versionen av WordPress<\/a> (som \u00e4r 4.8.3) installerad i dess katalog.<\/p>\n Det betyder att jag redan har en databas redo att g\u00e5:<\/p>\n<\/p>\n Och jag kommer att ha utf\u00e4rdat f\u00f6ljande kommandon f\u00f6r att st\u00e4lla in Laravel och en s\u00e4ker installation (f\u00f6r att efterlikna en iscens\u00e4ttningsmilj\u00f6):<\/p>\n S\u00e5 att jag kan komma \u00e5t sidan i en webbl\u00e4sare.<\/p>\n F\u00f6r den som \u00e4r nyfiken anv\u00e4nder jag:<\/p>\n Och inga andra plugins. Det \u00e4r bara en annan vaniljinstallation \u00e4n vad du ser ovan.<\/p>\n Vid det h\u00e4r laget \u00e4r jag redo att installera Timber.<\/p>\n F\u00f6rutsatt att du f\u00f6ljde guiderna ovan f\u00f6r betj\u00e4nt och komposit\u00f6r, b\u00f6r du vara bra att g\u00e5. S\u00e5 med hj\u00e4lp av en terminal, navigera till din WordPress-installationskatalog.<\/p>\n Ge sedan f\u00f6ljande kommando:<\/p>\n Detta kommer att installera Timber, men du beh\u00f6ver fortfarande uppdatera ditt temas functions.php-fil s\u00e5 att den korrekt anv\u00e4nder Composers autoloader.<\/p>\n F\u00f6rutsatt att allt har g\u00e5tt r\u00e4tt till b\u00f6r du kunna uppdatera din webbplats, navigera till eventuella inl\u00e4gg, sidor och s\u00e5 vidare och ingenting ska vara ur funktion.<\/p>\n Slutligen \u00e4r det dags att anv\u00e4nda Timber f\u00f6r att ers\u00e4tta mycket av det vi \u00e4r vana vid att se inom ramen f\u00f6r en WordPress-mall.<\/p>\n Jag v\u00e4ljer att g\u00f6ra detta inom content-page.php<\/strong> f\u00f6r att g\u00f6ra det enkelt att f\u00f6lja. Observera att kodsegmentet jag \u00e4ndrar ursprungligen ser ut s\u00e5 h\u00e4r:<\/a><\/p>\n I det h\u00e4r inl\u00e4gget kommer jag inte att helt \u00e5terskapa det du ser ovan, men jag ska komma ig\u00e5ng med vad som beh\u00f6vs f\u00f6r att b\u00f6rja anv\u00e4nda en mallmotor inom ramen f\u00f6r en PHP-stiftelse.<\/p>\n F\u00f6rst m\u00e5ste du skapa en mall som kan appliceras p\u00e5 exempelsidan i en vanlig WordPress-installation. Jag ringde min template-timber-page.php<\/a> och det ser ut s\u00e5 h\u00e4r:<\/p>\n I koden ovan \u00e4r det h\u00e4r vad som h\u00e4nder:<\/p>\n Det \u00e4r h\u00e4r det \u00e4r viktigt att skapa sj\u00e4lva kvistfilen (som \u00e4r f\u00f6rl\u00e4ngningen av Timber-mallfilen). S\u00e5 jag skapade content-sample-page.twig<\/strong> och det ser ut s\u00e5 h\u00e4r:<\/a><\/p>\n Efter att ha instansierat Timber-objektet och sedan ersatt koden du ser ovan, kommer du att m\u00e4rka att koden l\u00e4ses lite annorlunda (men inte helt sv\u00e5rt att f\u00f6lja).<\/p>\n F\u00f6r att till\u00e4mpa mallen, navigera till Sidor<\/strong> i WordPress. Leta upp exempelsidan<\/strong> och v\u00e4lj sedan den som vi just skapade med titeln ovan i mallens rullgardinsmeny:<\/p>\n N\u00e4r det \u00e4r gjort kan du se inl\u00e4gget. Du kommer att m\u00e4rka att den ser lite naken ut i j\u00e4mf\u00f6relse med vad vi \u00e4r vana vid att se:<\/p>\n Men du f\u00e5r den allm\u00e4nna uppfattningen om hur vi kan anv\u00e4nda sammanhanget f\u00f6r att komma \u00e5t m\u00e5nga av samma egenskaper som vi \u00e4r vana vid att se inom WordPress utan att beh\u00f6va str\u00f6 koden med markup och PHP och vad vi \u00e4n anv\u00e4nder att anv\u00e4nda.<\/p>\n Jag vet att det h\u00e4r huvudsakligen \u00e4r en snabbkurs i mallarbete och att den inte t\u00e4cker s\u00e5 mycket som den kunde. Eftersom det h\u00e4r inl\u00e4gget n\u00e4rmar sig 1000 ord m\u00e5ste jag dra gr\u00e4nsen n\u00e5gonstans, s\u00e5 jag v\u00e4ljer att g\u00f6ra det h\u00e4r.<\/p>\n Det betyder dock inte att jag \u00e4r f\u00e4rdig med att diskutera det. Jag planerar att \u00e5terkomma till mer avancerade \u00e4mnen kring mallning i framtida krukor.<\/p>\n Men om du \u00e4r intresserad rekommenderar jag starkt att f\u00f6lja b\u00e5de Getting tarted-<\/a> guiden f\u00f6r Timber och projektet p\u00e5 GitHub<\/a>.<\/p>\n Detta kommer \u00e5tminstone att ge dig en utg\u00e5ngspunkt fr\u00e5n vilken du kan g\u00f6ra \u00e4nnu mer framsteg i dina anstr\u00e4ngningar att skapa renare, mer logiskt separat kod \u00e4n vad vi \u00e4r vana vid att se i WordPress.<\/p>\nWordPress-mall: Anv\u00e4nda Timber<\/h2>\n
\n
1 Konfigurera en lokal installation f\u00f6r timmer<\/h3>\n
$ valet link\n$ valet secure<\/code><\/pre>\n![\"WordPress-mallar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec7806b6.png\")
<\/a><\/p>\n\n
2 Installation av timmer<\/h3>\n
![\"WordPress-mallar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ecb7040b.png\")
<\/a><\/p>\n$ composer require timber\/timber<\/code><\/pre>\n![\"WordPress-mallar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ece8223b.png\")
<\/a><\/p>\n![\"WordPress-mallar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed28264d.png\")
<\/a><\/p>\n3 Initiera timmer<\/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 Anv\u00e4nda mallen<\/h3>\n
![\"WordPress-mallar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed87f4dc.png\")
<\/a><\/p>\n![\"WordPress-mallar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77eddccec8.png\")
<\/a><\/p>\nFler resurser<\/h2>\n