{"id":229625,"date":"2022-11-17T18:50:00","date_gmt":"2022-11-17T15:50:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229625"},"modified":"2022-11-17T18:53:35","modified_gmt":"2022-11-17T15:53:35","slug":"plantillas-de-wordpress-para-principiantes-que-son-las-plantillas-de-todos-modos","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/plantillas-de-wordpress-para-principiantes-que-son-las-plantillas-de-todos-modos\/","title":{"rendered":"Plantillas de WordPress para principiantes: \u00bfQu\u00e9 son las plantillas, de todos modos?"},"content":{"rendered":"\n<p>Cuando se habla de plantillas, con respecto a si se trata de plantillas de WordPress, plantillas de JavaScript o plantillas en alg\u00fan otro idioma, creo que es \u00fatil usar un proyecto o ejemplo concreto para explicar c\u00f3mo funciona en lugar de hablar de ello en t\u00e9rminos m\u00e1s esot\u00e9ricos.<\/p>\n<p>Si no ha estado siguiendo esta serie y reci\u00e9n est\u00e1 comenzando con las plantillas, le recomiendo leer las dos primeras partes de la serie:<\/p>\n<ol>\n<li><a href=\"https:\/\/wordpress.mediadoma.com\/es\/plantillas-de-wordpress-para-principiantes-como-es\/\" title=\"Como es\">Como es<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.mediadoma.com\/es\/plantillas-de-wordpress-para-principiantes-html-llamando-a-php\/\" title=\"HTML llamando a PHP\">HTML llamando a PHP<\/a><\/li>\n<\/ol>\n<p>A partir de ah\u00ed, vamos a dividir el concepto en dos partes:<\/p>\n<ol>\n<li>entender qu\u00e9 es la plantilla,<\/li>\n<li>c\u00f3mo pueden funcionar las plantillas en WordPress.<\/li>\n<\/ol>\n<p>El desaf\u00edo, por supuesto, viene en que tenemos &quot;plantillas de WordPress&quot; y luego estamos hablando de usar un motor de plantillas para cambiar las plantillas de WordPress, c\u00f3mo funcionan, c\u00f3mo se inyectan los datos en ellas, etc.<\/p>\n<p>Pero har\u00e9 todo lo posible para tratar de aclarar cada parte.<\/p>\n<h2>Plantillas de WordPress (pero no plantillas)<\/h2>\n<p>Cuando se trata de hablar sobre plantillas, es \u00fatil tener una definici\u00f3n funcional de plantillas o motores de plantillas. La verdad es que la creaci\u00f3n de plantillas se realiza mediante un motor de plantillas.<\/p>\n<h3>Una definici\u00f3n de trabajo<\/h3>\n<p>Una definici\u00f3n general de un motor de plantillas <a href=\"https:\/\/en.wikipedia.org\/wiki\/Template_processor\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">es<\/a> :<\/p>\n<blockquote>\n<p>Un procesador de plantillas (tambi\u00e9n conocido como motor de plantillas o analizador de plantillas) es un software dise\u00f1ado para combinar plantillas con un modelo de datos para producir documentos de resultados.<\/p>\n<\/blockquote>\n<p>Y aunque eso es exacto, es un poco prolijo o m\u00e1s complejo de lo necesario, en mi opini\u00f3n, de lo necesario para explicar el concepto general. Tal vez podamos trabajar con la siguiente definici\u00f3n:<\/p>\n<blockquote>\n<p>Un motor de plantillas utiliza la sintaxis para inyectar datos en un documento.<\/p>\n<\/blockquote>\n<p>Esto es muy general, y profundizaremos en PHP moment\u00e1neamente, pero primero quer\u00eda dar una definici\u00f3n b\u00e1sica y funcional, y luego ir desde all\u00ed porque las plantillas se pueden usar en una variedad de idiomas diferentes.<\/p>\n<p>Adem\u00e1s, es importante reconocer que un buen motor de plantillas a menudo proporcionar\u00e1 un nivel de seguridad, flexibilidad y, potencialmente, incluso un &quot;modo de espacio aislado&quot; a partir del cual probamos el c\u00f3digo antes de implementarlo en producci\u00f3n.<\/p>\n<h3>\u00bfC\u00f3mo se ven las plantillas?<\/h3>\n<p>Debido a la naturaleza de la sintaxis diferente, las plantillas se ver\u00e1n un poco diferentes, pero un motor de plantillas PHP popular se llama <a href=\"https:\/\/twig.symfony.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Twig<\/a>. Entonces, un ejemplo concreto de plantillas basadas en PHP que usan Twig puede verse <a href=\"https:\/\/gist.github.com\/tommcfarlin\/2c02b22272f645076f7f735bd61a4034#file-03-twig-example-twig\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">as\u00ed:<\/a><\/p>\n<pre><code>{% extends \"base.twig\" %}\n{% block content %}\n    &lt;h1 class=\"big-title\"&gt;{{foo}}&lt;\/h1&gt;\n    &lt;h2&gt;{{post.title}}&lt;\/h2&gt;\n    &lt;img src=\"{{post.thumbnail.src}}\" \/&gt;\n    &lt;div class=\"body\"&gt; {{post.content}} &lt;\/div&gt;\n{% endblock %}<\/code><\/pre>\n<p>Como puede ver, es un poco diferente de lo que estamos usando para ver con marcado, HTML, etiquetas PHP, etc., aunque todav\u00eda hay etiquetas exclusivas para el motor de plantillas.<\/p>\n<p>A\u00fan as\u00ed, si est\u00e1 familiarizado con los conceptos de los objetos, puede ver c\u00f3mo acceder\u00eda a ellos dentro del contexto de la plantilla utilizando la notaci\u00f3n de puntos en lugar de cualquier notaci\u00f3n o llamada de funci\u00f3n que est\u00e9 acostumbrado a usar en un documento PHP. .<\/p>\n<h2>\u00bfHay motores de plantillas de WordPress?<\/h2>\n<p>Si y no. Quiero decir que hay formas de usar motores de plantillas en el contexto de WordPress, pero no puedo decir que haya una plantilla definitiva para WordPress. Algunos de los ejemplos de cosas que quiz\u00e1s quieras revisar (antes de leer la siguiente publicaci\u00f3n) son:<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/viniwrubleski\/jade-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Jade-PHP<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/cjonasw\/wordpress-starter-theme-mustache\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Bigote<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/zach-adams\/sprig-foundation\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Puntilla<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/jenssegers\/blade\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Espada<\/a><\/li>\n<\/ul>\n<p>Pero hay otras opciones.<\/p>\n<p>Pero probablemente usar\u00e9 algo como <a href=\"https:\/\/www.upstatement.com\/timber\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Timber<\/a> para la pr\u00f3xima publicaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las plantillas de WordPress se pueden hacer m\u00e1s f\u00e1ciles cuando se usa un motor de plantillas. Pero, \u00bfqu\u00e9 es un motor de plantillas y qu\u00e9 papel puede desempe\u00f1ar en el desarrollo de WordPress?<\/p>\n","protected":false},"author":1,"featured_media":165473,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[924,716,914,840,861],"tags":[1172],"class_list":["post-229625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asignaturas","category-desarrollador","category-otro","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/229625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=229625"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/229625\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/165473"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=229625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=229625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=229625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}