Si est\u00e1 mirando a Moustache, es posible que le interesen los manillares, y si est\u00e1 mirando a Blade, le recomiendo que consulte a Sage<\/a> del equipo de Roots<\/a>.<\/p>\n Pero para esta publicaci\u00f3n final, continuar\u00e9 con Timber, que es lo que present\u00e9 ayer. No me importa mucho cu\u00e1l se usa (ya que todos tienen sus compensaciones), siempre que sea consistente.<\/p>\n Dicho esto, as\u00ed es como puede comenzar a usar Timber<\/a> en sus proyectos.<\/p>\n Para comenzar, deber\u00e1 estar familiarizado con Composer y deber\u00e1 tener una configuraci\u00f3n de entorno de desarrollo local. Si no tiene ninguno de estos o necesita ayuda, lo tengo cubierto:<\/p>\n Una vez que haya seguido los pasos en cada una de esas gu\u00edas, deber\u00eda estar listo para comenzar. As\u00ed que esto es lo que vamos a hacer.<\/p>\n Usar\u00e9 Valet para esto, lo que significa que tendr\u00e9 un directorio con la \u00faltima versi\u00f3n de WordPress<\/a> (que es 4.8.3) instalada en su directorio.<\/p>\n Esto significa que ya tendr\u00e9 una base de datos lista para funcionar:<\/p>\n Y voy a emitir los siguientes comandos para configurar Laravel y una instalaci\u00f3n segura (para imitar un entorno de prueba):<\/p>\n Para que pueda acceder al sitio en un navegador.<\/p>\n Para aquellos que tienen curiosidad, estoy usando:<\/p>\n Y ning\u00fan otro complemento. Es solo una instalaci\u00f3n b\u00e1sica distinta de lo que ves arriba.<\/p>\n En este punto, estoy listo para instalar Timber.<\/p>\n Suponiendo que haya seguido las gu\u00edas anteriores para Valet y Composer, deber\u00eda estar listo para comenzar. Entonces, usando una terminal, navegue a su directorio de instalaci\u00f3n de WordPress.<\/p>\n Luego emita el siguiente comando:<\/p>\n Esto instalar\u00e1 Timber, pero a\u00fan deber\u00e1 actualizar el archivo functions.php de su tema para que use correctamente el cargador autom\u00e1tico de Composer.<\/p>\n Suponiendo que todo haya ido correctamente, deber\u00eda poder actualizar su sitio, navegar a cualquier publicaci\u00f3n, p\u00e1gina, etc. y nada deber\u00eda estar fuera de servicio.<\/p>\n Finalmente, es hora de usar Timber para reemplazar gran parte de lo que estamos acostumbrados a ver dentro del contexto de una plantilla de WordPress.<\/p>\n Estoy optando por hacer esto dentro de content-page.php<\/strong> para que sea f\u00e1cil de seguir. Tenga en cuenta que el segmento de c\u00f3digo que estoy cambiando originalmente se ve as\u00ed:<\/a><\/p>\n En esta publicaci\u00f3n, no voy a volver a crear completamente lo que ve arriba, pero voy a comenzar con lo que se necesita para comenzar a usar un motor de plantillas dentro del contexto de una base PHP.<\/p>\n Primero, necesitar\u00e1 crear una plantilla que se pueda aplicar a la p\u00e1gina de muestra en una instalaci\u00f3n est\u00e1ndar de WordPress. Llam\u00e9 al m\u00edo template-timber-page.php<\/a> y se ve as\u00ed:<\/p>\n En el c\u00f3digo anterior, esto es lo que sucede:<\/p>\n Aqu\u00ed es donde es importante crear el archivo twig real (que es la extensi\u00f3n del archivo de plantilla de Timber). As\u00ed que cre\u00e9 content-sample-page.twig<\/strong> y se ve as\u00ed:<\/a><\/p>\n Despu\u00e9s de instanciar el objeto Timber y luego reemplazar el c\u00f3digo que ve arriba, notar\u00e1 que el c\u00f3digo se lee un poco diferente (aunque no del todo dif\u00edcil de seguir).<\/p>\n Para aplicar la plantilla, vaya a P\u00e1ginas<\/strong> en WordPress. Ubique la p\u00e1gina de muestra y<\/strong> luego, en el men\u00fa desplegable de plantillas, elija la que acabamos de crear usando el t\u00edtulo de arriba:<\/p>\n Una vez hecho esto, puede ver la publicaci\u00f3n. Notar\u00e1s que se ve un poco desnudo en comparaci\u00f3n con lo que estamos acostumbrados a ver:<\/p>\n Pero tiene una idea general de c\u00f3mo podemos usar el contexto para acceder a muchas de las mismas propiedades que estamos acostumbrados a ver en WordPress sin tener que ensuciar el c\u00f3digo con marcado y PHP y cualquier otra cosa que estemos acostumbrados. a usar<\/p>\n S\u00e9 que este es predominantemente un curso intensivo en plantillas y no cubre tanto como podr\u00eda. Como esta publicaci\u00f3n se acerca a las 1000 palabras, necesito trazar la l\u00ednea en alguna parte, as\u00ed que opt\u00e9 por hacerlo aqu\u00ed.<\/p>\n Sin embargo, esto no significa que haya terminado de discutirlo. Planeo volver a temas m\u00e1s avanzados sobre las plantillas en macetas futuras.<\/p>\n Pero si est\u00e1 interesado, le recomiendo que siga la Gu\u00eda de inicio<\/a> para Timber y el proyecto en GitHub<\/a>.<\/p>\n Esto al menos le dar\u00e1 un punto de partida desde el cual puede progresar a\u00fan m\u00e1s en sus esfuerzos por crear un c\u00f3digo m\u00e1s limpio y separado l\u00f3gicamente de lo que estamos acostumbrados a ver en WordPress.<\/p>\nPlantillas de WordPress: uso de madera<\/h2>\n
![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec006741.png\")
<\/a><\/p>\n\n
1 Configurar una instalaci\u00f3n local para madera<\/h3>\n
![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec4380aa.png\")
<\/a><\/p>\n$ valet link\n$ valet secure<\/code><\/pre>\n![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ec7806b6.png\")
<\/a><\/p>\n\n
2 Instalaci\u00f3n de madera<\/h3>\n
![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ecb7040b.png\")
<\/a><\/p>\n$ composer require timber\/timber<\/code><\/pre>\n![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ece8223b.png\")
<\/a><\/p>\n![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed28264d.png\")
<\/a><\/p>\n3 Inicializar madera<\/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 Aplicaci\u00f3n de la plantilla<\/h3>\n
![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77ed87f4dc.png\")
<\/a><\/p>\n![\"Plantillas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165381-61e77eddccec8.png\")
<\/a><\/p>\nM\u00e1s recursos<\/h2>\n