Se stai guardando Moustache, allora potresti essere interessato a Manubri, e se stai guardando Blade, ti consiglio vivamente di dare un’occhiata a Sage<\/a> dal team Roots<\/a>.<\/p>\n Ma per questo post finale, continuer\u00f2 con Timber, che \u00e8 quello che ho introdotto ieri. Non mi occupo tanto di quale viene utilizzato (poich\u00e9 tutti hanno i loro compromessi) purch\u00e9 sia \u200b\u200bcoerente.<\/p>\n Detto questo, ecco come puoi iniziare a utilizzare Timber<\/a> nei tuoi progetti.<\/p>\n Per iniziare, dovrai avere familiarit\u00e0 con Composer e avrai bisogno di una configurazione dell’ambiente di sviluppo locale. Se non hai nessuno di questi o hai bisogno di aiuto, allora ti ho coperto:<\/p>\n Dopo aver eseguito i passaggi in ciascuna di queste guide, dovresti essere a posto. Quindi ecco cosa faremo.<\/p>\n User\u00f2 Valet per questo, il che significa che avr\u00f2 una directory con l’ultima versione di WordPress<\/a> (che \u00e8 4.8.3) installata nella sua directory.<\/p>\n Ci\u00f2 significa che avr\u00f2 un database gi\u00e0 pronto per l’uso:<\/p>\n E avr\u00f2 emesso i seguenti comandi per configurare Laravel e un’installazione sicura (per imitare un ambiente di staging):<\/p>\n In modo da poter accedere al sito in un browser.<\/p>\n Per chi \u00e8 curioso, sto usando:<\/p>\n E nessun altro plugin. \u00c8 solo un’installazione vanilla diversa da quella che vedi sopra.<\/p>\n A questo punto sono pronto per installare Timber.<\/p>\n Supponendo che tu abbia seguito le guide sopra per Valet e Composer, dovresti essere a posto. Quindi, usando un terminale, vai alla directory di installazione di WordPress.<\/p>\n Quindi emettere il seguente comando:<\/p>\n Questo installer\u00e0 Timber, ma dovrai comunque aggiornare il file functions.php del tuo tema in modo che utilizzi correttamente il caricatore automatico di Composer.<\/p>\n Supponendo che tutto sia andato correttamente, dovresti essere in grado di aggiornare il tuo sito, navigare su qualsiasi post, pagina e cos\u00ec via e niente dovrebbe essere fuori servizio.<\/p>\n Infine, \u00e8 il momento di utilizzare Timber per sostituire gran parte di ci\u00f2 che siamo abituati a vedere nel contesto di un modello WordPress.<\/p>\n Sto optando per farlo all’interno di content-page.php<\/strong> per renderlo facile da seguire. Nota che il segmento di codice che sto modificando originariamente \u00e8 simile a questo:<\/a><\/p>\n In questo post, non ricreer\u00f2 completamente ci\u00f2 che vedi sopra, ma inizier\u00f2 con ci\u00f2 che \u00e8 necessario per iniziare a utilizzare un motore di modelli nel contesto di una base PHP.<\/p>\n Innanzitutto, dovrai creare un modello che pu\u00f2 essere applicato alla pagina di esempio in un’installazione standard di WordPress. Ho chiamato il mio template-timber-page.php<\/a> e si presenta cos\u00ec:<\/p>\n Nel codice sopra, ecco cosa sta succedendo:<\/p>\n \u00c8 qui che \u00e8 importante creare il file twig effettivo (che \u00e8 l’estensione del file modello Timber). Quindi ho creato content-sample-page.twig<\/strong> e si presenta cos\u00ec:<\/a><\/p>\n Dopo aver creato un’istanza dell’oggetto Timber e aver sostituito il codice che vedi sopra, noterai che il codice si legge in modo leggermente diverso (anche se non del tutto difficile da seguire).<\/p>\n Per applicare il modello, vai a Pagine<\/strong> in WordPress. Individua la pagina di esempio<\/strong>, quindi, nel menu a discesa del modello, scegli quella che abbiamo appena creato utilizzando il titolo sopra:<\/p>\n Una volta fatto, puoi visualizzare il post. Noterai che sembra un po’ nudo rispetto a quello che siamo abituati a vedere:<\/p>\n Ma hai un’idea generale su come possiamo usare il contesto per accedere a molte delle stesse propriet\u00e0 che siamo abituati a vedere all’interno di WordPress senza dover sporcare il codice con markup e PHP e qualsiasi altra cosa siamo usati all’uso.<\/p>\n So che questo \u00e8 prevalentemente un corso accelerato di creazione di modelli e non copre tanto quanto potrebbe. Poich\u00e9 questo post si avvicina a 1000 parole, ho bisogno di tracciare la linea da qualche parte, quindi sto optando per farlo qui.<\/p>\n Questo non significa che ho finito di discuterne, per\u00f2. Ho intenzione di tornare su argomenti pi\u00f9 avanzati sulla creazione di modelli nei vasi futuri.<\/p>\n Ma se sei interessato, ti consiglio vivamente di seguire sia la guida Getting tarted<\/a> per Timber che il progetto su GitHub<\/a>.<\/p>\n Questo ti dar\u00e0 almeno un punto di partenza da cui puoi fare ancora pi\u00f9 progressi nei tuoi sforzi per creare un codice pi\u00f9 pulito e logicamente separato rispetto a quello che siamo abituati a vedere in WordPress.<\/p>\nTemplate WordPress: utilizzo del legname<\/h2>\n
![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec006741.png\")
<\/a><\/p>\n\n
1 Configurare un’installazione locale per il legname<\/h3>\n
![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec4380aa.png\")
<\/a><\/p>\n$ valet link\n$ valet secure<\/code><\/pre>\n![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec7806b6.png\")
<\/a><\/p>\n\n
2 Installazione del legname<\/h3>\n
![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ecb7040b.png\")
<\/a><\/p>\n$ composer require timber\/timber<\/code><\/pre>\n![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ece8223b.png\")
<\/a><\/p>\n![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed28264d.png\")
<\/a><\/p>\n3 Inizializzazione del legname<\/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 Applicazione del modello<\/h3>\n
![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed87f4dc.png\")
<\/a><\/p>\n![\"Modelli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77eddccec8.png\")
<\/a><\/p>\nPi\u00f9 risorse<\/h2>\n