Se voc\u00ea est\u00e1 olhando para o Mustache, ent\u00e3o voc\u00ea pode estar interessado em Handlebars, e se voc\u00ea est\u00e1 olhando para o Blade, ent\u00e3o eu recomendo verificar o Sage<\/a> da equipe Roots<\/a>.<\/p>\n Mas para este post final, vou continuar com o Timber que foi o que apresentei ontem. Eu n\u00e3o sou muito sobre o que est\u00e1 sendo usado (j\u00e1 que todos eles t\u00eam suas vantagens), desde que seja consistente.<\/p>\n Com isso dito, veja como voc\u00ea pode come\u00e7ar a usar o Timber<\/a> em seus projetos.<\/p>\n Para come\u00e7ar, voc\u00ea precisar\u00e1 estar familiarizado com o Composer e precisar\u00e1 ter uma configura\u00e7\u00e3o de ambiente de desenvolvimento local. Se voc\u00ea n\u00e3o tem nenhum desses ou precisa de ajuda, ent\u00e3o eu tenho o que voc\u00ea precisa:<\/p>\n Depois de percorrer as etapas em cada um desses guias, voc\u00ea deve estar pronto para ir. Ent\u00e3o aqui est\u00e1 o que vamos fazer.<\/p>\n Vou usar o Valet para isso, o que significa que terei um diret\u00f3rio com a vers\u00e3o mais recente do WordPress<\/a> (que \u00e9 4.8.3) instalada em seu diret\u00f3rio.<\/p>\n Isso significa que terei um banco de dados j\u00e1 pronto:<\/p>\n E vou emitir os seguintes comandos para configurar o Laravel e uma instala\u00e7\u00e3o segura (para imitar um ambiente de teste):<\/p>\n Para que eu possa acessar o site em um navegador.<\/p>\n Para quem tem curiosidade, estou usando:<\/p>\n E nenhum outro plugin. \u00c9 apenas uma instala\u00e7\u00e3o de baunilha diferente do que voc\u00ea v\u00ea acima.<\/p>\n Neste ponto, estou pronto para instalar o Timber.<\/p>\n Supondo que voc\u00ea seguiu os guias acima para Valet e Composer, voc\u00ea deve estar pronto para ir. Ent\u00e3o, usando um terminal, navegue at\u00e9 o diret\u00f3rio de instala\u00e7\u00e3o do WordPress.<\/p>\n Em seguida, emita o seguinte comando:<\/p>\n Isso instalar\u00e1 o Timber, mas voc\u00ea ainda precisar\u00e1 atualizar o arquivo functions.php do seu tema para que ele use corretamente o autoloader do Composer.<\/p>\n Supondo que tudo tenha corrido corretamente, voc\u00ea poder\u00e1 atualizar seu site, navegar para quaisquer postagens, p\u00e1ginas e assim por diante e nada deve estar fora de ordem.<\/p>\n Finalmente, \u00e9 hora de usar o Timber para substituir muito do que estamos acostumados a ver no contexto de um template WordPress.<\/p>\n Estou optando por fazer isso dentro do content-page.php<\/strong> para facilitar o acompanhamento. Observe que o segmento de c\u00f3digo que estou alterando originalmente se parece com isso:<\/a><\/p>\n Neste post, n\u00e3o vou recriar completamente o que voc\u00ea v\u00ea acima, mas vou come\u00e7ar com o que \u00e9 necess\u00e1rio para come\u00e7ar a usar um mecanismo de modelagem dentro do contexto de uma base PHP.<\/p>\n Primeiro, voc\u00ea precisar\u00e1 criar um modelo que possa ser aplicado \u00e0 p\u00e1gina de amostra em uma instala\u00e7\u00e3o padr\u00e3o do WordPress. Eu chamei o meu template-timber-page.php<\/a> e ficou assim:<\/p>\n No c\u00f3digo acima, veja o que est\u00e1 acontecendo:<\/p>\n \u00c9 aqui que \u00e9 importante criar o arquivo twig real (que \u00e9 a extens\u00e3o do arquivo de modelo Timber). Ent\u00e3o eu criei content-sample-page.twig<\/strong> e ficou assim:<\/a><\/p>\n Depois de instanciar o objeto Timber e substituir o c\u00f3digo que voc\u00ea v\u00ea acima, voc\u00ea notar\u00e1 que o c\u00f3digo l\u00ea um pouco diferente (embora n\u00e3o seja totalmente dif\u00edcil de seguir).<\/p>\n Para aplicar o modelo, navegue at\u00e9 P\u00e1ginas<\/strong> no WordPress. Localize a p\u00e1gina de amostra<\/strong> e, no menu suspenso do modelo, escolha a que acabamos de criar usando o t\u00edtulo acima:<\/p>\n Feito isso, voc\u00ea pode visualizar a postagem. Voc\u00ea notar\u00e1 que parece um pouco nu em compara\u00e7\u00e3o com o que estamos acostumados a ver:<\/p>\n Mas voc\u00ea tem uma ideia geral de como podemos usar o contexto para acessar muitas das mesmas propriedades que estamos acostumados a ver no WordPress sem ter que encher o c\u00f3digo com marca\u00e7\u00e3o e PHP e qualquer outra coisa que estejamos usando para usar.<\/p>\n Eu sei que este \u00e9 predominantemente um curso intensivo de modelagem e n\u00e3o cobre tanto quanto poderia. Como este post se aproxima de 1000 palavras, preciso tra\u00e7ar a linha em algum lugar, ent\u00e3o estou optando por faz\u00ea-lo aqui.<\/p>\n Isso n\u00e3o significa que eu terminei de discutir isso, no entanto. Pretendo voltar a t\u00f3picos mais avan\u00e7ados sobre modelagem em potes futuros.<\/p>\n Mas se voc\u00ea estiver interessado, recomendo seguir o guia Getting tarted<\/a> for Timber e o projeto no GitHub<\/a>.<\/p>\n Isso pelo menos lhe dar\u00e1 um ponto de partida a partir do qual voc\u00ea pode progredir ainda mais em seus esfor\u00e7os para criar um c\u00f3digo mais limpo e logicamente separado do que estamos acostumados a ver no WordPress.<\/p>\nModelagem do WordPress: usando madeira<\/h2>\n
![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec006741.png\")
<\/a><\/p>\n\n
1 Configure uma instala\u00e7\u00e3o local para madeira<\/h3>\n
![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec4380aa.png\")
<\/a><\/p>\n$ valet link\n$ valet secure<\/code><\/pre>\n![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec7806b6.png\")
<\/a><\/p>\n\n
2 Instalando Madeira<\/h3>\n
![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ecb7040b.png\")
<\/a><\/p>\n$ composer require timber\/timber<\/code><\/pre>\n![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ece8223b.png\")
<\/a><\/p>\n![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed28264d.png\")
<\/a><\/p>\n3 Inicializando Madeira<\/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 Aplicando o Modelo<\/h3>\n
![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed87f4dc.png\")
<\/a><\/p>\n![\"Modelos](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77eddccec8.png\")
<\/a><\/p>\nMais recursos<\/h2>\n