{"id":229292,"date":"2022-11-08T13:42:00","date_gmt":"2022-11-08T10:42:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229292"},"modified":"2022-11-09T06:20:10","modified_gmt":"2022-11-09T03:20:10","slug":"tema-de-inicio-de-tonik-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/tema-de-inicio-de-tonik-wordpress\/","title":{"rendered":"Tema de inicio de Tonik WordPress"},"content":{"rendered":"\n<p>Cuando se trata de trabajar con complementos de WordPress, no es raro ver a personas que usan herramientas m\u00e1s modernas como Composer, administraci\u00f3n de dependencias de front-end a trav\u00e9s de herramientas como Node, etc.<\/p>\n<p>De hecho, dir\u00eda que el m\u00e1s popular es probablemente el proyecto <a href=\"https:\/\/roots.io\/sage\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sage del equipo<\/a> <a href=\"https:\/\/roots.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Roots<\/a>. Es genial, pero recientemente algunos amigos y yo nos topamos con el tema de inicio de WordPress de Tonik, y tuve el placer de hablar con el l\u00edder del proyecto, Patryk.<\/p>\n<p>Entonces, para aquellos de ustedes que est\u00e9n interesados \u200b\u200ben flujos de trabajo, herramientas y estrategias m\u00e1s modernos y en emplearlos dentro del contexto del desarrollo de temas, creo que vale la pena echarle un vistazo a Tonik.<\/p>\n<p>No me tom\u00f3 mucho tiempo obtener una instancia del tema en mi m\u00e1quina local. Pero el punto de esto no se trata de mi experiencia con \u00e9l, es por eso que creo que vale la pena echarle un vistazo.<\/p>\n<h2>Tema de inicio de Tonik WordPress<\/h2>\n<p>Antes de entrar en la instalaci\u00f3n real del tema, pens\u00e9 que valdr\u00eda la pena resaltar lo que hace que valga la pena echarle un vistazo a <a href=\"http:\/\/labs.tonik.pl\/theme\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tonik<\/a>.<\/p>\n<p>Para aquellos que est\u00e9n interesados \u200b\u200ben utilizar tanto la l\u00ednea de comandos como las t\u00e9cnicas de programaci\u00f3n orientada a objetos, el tema ofrece lo siguiente:<\/p>\n<ul>\n<li>interfaz de l\u00ednea de comandos, para iniciar f\u00e1cilmente nuevos temas,<\/li>\n<li>plantillas mejoradas con soporte para pasar datos,<\/li>\n<li><a href=\"https:\/\/webpack.github.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">paquete web<\/a> para administrar, compilar y optimizar activos,<\/li>\n<li>orientado a construir con acciones y filtros<\/li>\n<\/ul>\n<p>Primero, puede ver el proyecto en GitHub, pero antes de revisar y descargar todos los diversos componentes relacionados (como <a href=\"https:\/\/github.com\/tonik\/gin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gin<\/a> ), es importante tener en cuenta c\u00f3mo funciona el flujo de trabajo para este tema en particular.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e7911386317.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e7911386317.png\" alt=\"Tema de inicio de Tonik WordPress\" ><\/a><\/p>\n<p>Es decir, no es como si lo descargara, lo instalara y estuviera listo para comenzar. En cambio, el flujo de trabajo es un poco diferente.<\/p>\n<h3>Empezando<\/h3>\n<p>Por ejemplo, para comenzar con Tonik, esto es lo que debe hacer (tenga en cuenta que todo esto supone que tiene <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> y <a href=\"https:\/\/nodejs.org\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node<\/a> instalados).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e79117d0c11.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e79117d0c11.png\" alt=\"Tema de inicio de Tonik WordPress\" ><\/a><\/p>\n<p>Navegue a su directorio <strong>wp-content\/themes<\/strong> e ingrese el siguiente comando:<\/p>\n<pre><code>$ composer create-project tonik\/theme acme-theme<\/code><\/pre>\n<p>Por supuesto, no tienes que llamarlo &quot;tema cumbre&quot;.<\/p>\n<p>A partir de ah\u00ed, deber\u00e1 clonar el repositorio del proyecto desde GitHub (es por eso que no lo instala de la forma habitual de instalar temas, pero m\u00e1s sobre esto en un minuto):<\/p>\n<pre><code>$ git clone -b master git@github.com:tonik\/theme.git &lt;theme-name&gt;<\/code><\/pre>\n<p>En este punto, hay algunas dependencias m\u00e1s que necesita resolver. Para hacer esto, navegue hasta el directorio del tema reci\u00e9n creado y luego use Composer para instalar dichas dependencias.<\/p>\n<pre><code>$ composer install<\/code><\/pre>\n<p>Y luego instale las dependencias de front-end:<\/p>\n<pre><code>$ npm install<\/code><\/pre>\n<p>En este punto, todo lo que queda es crear el tema fundamental y activarlo (a trav\u00e9s de la l\u00ednea de comandos, que es donde entra en juego <a href=\"https:\/\/wordpress.mediadoma.com\/es\/instalacion-global-de-wp-cli-para-acceder-a-traves-de-su-sistema\/\" title=\"WP-CLI ):\">WP-CLI ):<\/a><\/p>\n<pre><code>$ npm\u00a0run dev<\/code><\/pre>\n<pre><code>$ wp theme activate acme-theme<\/code><\/pre>\n<p>En este punto, est\u00e1 listo para comenzar a usar el tema dentro de WordPress.<\/p>\n<h2>\u00abParece un poco complicado\u2026&quot;<\/h2>\n<p>Dados todos los pasos anteriores, es probable que la pregunta natural sea &quot;\u00bfPor qu\u00e9 me molestar\u00eda en hacer todo esto cuando puedo construir un tema usando la metodolog\u00eda normal?&quot;<\/p>\n<p>Y esa es una buena pregunta. Pero si usted es alguien que busca crear soluciones para usted o para otros usando herramientas m\u00e1s modernas, entonces creo que usar herramientas como esta puede ser de gran ayuda para que eso sea posible.<\/p>\n<h3>Todo lo que ofrece<\/h3>\n<p>Caso en cuesti\u00f3n: un punto de dolor al desarrollar plantillas para otros es la falta de un verdadero motor de plantillas en WordPress (al menos en el momento de escribir este art\u00edculo).<\/p>\n<p>Pero si echa un vistazo a la documentaci\u00f3n solo para plantillas, ver\u00e1 algunas cosas, como <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/configuration\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">marcadores<\/a> de posici\u00f3n \u00a0y otras formas de tratar <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/helper-functions\/#template\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">con ciertos elementos<\/a>.<\/p>\n<p>Y hay mucho m\u00e1s incorporado en \u00e9l. Me encantar\u00eda decir que prob\u00e9 todos los aspectos de lo que ofrece, pero siento que solo he ara\u00f1ado la superficie. Por ejemplo, no tuve la oportunidad de jugar con ninguna de las caracter\u00edsticas de HTTP.<\/p>\n<p>A\u00fan as\u00ed, aqu\u00ed hay un resumen r\u00e1pido de lo que ofrece todo el tema:<\/p>\n<ul>\n<li>una estructura de directorio preconfigurada,<\/li>\n<li>plantillas,<\/li>\n<li>soporte de componentes,<\/li>\n<li>funciones auxiliares,<\/li>\n<li>apoyo de Ajax,<\/li>\n<li>acciones y filtros de temas,<\/li>\n<li>un <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/using-service-container\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">contenedor de servicio,<\/a><\/li>\n<li>soporte para c\u00f3digos cortos,<\/li>\n<li>carga autom\u00e1tica,<\/li>\n<li>y mucho m\u00e1s.<\/li>\n<\/ul>\n<p>Todo esto se puede revisar <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">en la documentaci\u00f3n<\/a>.<\/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>Para los flujos de trabajo modernos y su empleo en el contexto del desarrollo de temas, vale la pena echarle un vistazo al tema de inicio de Tonik WordPress.<\/p>\n","protected":false},"author":1,"featured_media":166266,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[924,716,861],"tags":[1172],"class_list":["post-229292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asignaturas","category-desarrollador","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/229292","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=229292"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/229292\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/166266"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=229292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=229292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=229292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}