{"id":229700,"date":"2022-11-08T13:36:00","date_gmt":"2022-11-08T10:36:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229700"},"modified":"2022-11-09T16:00:17","modified_gmt":"2022-11-09T13:00:17","slug":"tema-para-iniciantes-tonik-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/tema-para-iniciantes-tonik-wordpress\/","title":{"rendered":"Tema para iniciantes Tonik WordPress"},"content":{"rendered":"\n<p>Quando se trata de trabalhar com plugins do WordPress, n\u00e3o \u00e9 incomum ver pessoas usando ferramentas mais modernas, como Composer, gerenciamento de depend\u00eancias de front-end por meio de ferramentas como Node e assim por diante.<\/p>\n<p>Na verdade, eu diria que o mais popular \u00e9 provavelmente o projeto <a href=\"https:\/\/roots.io\/sage\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sage da equipe<\/a> <a href=\"https:\/\/roots.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Roots<\/a>. \u00c9 \u00f3timo, mas recentemente alguns amigos e eu nos deparamos com o Tonik WordPress Starter Theme, e tive o prazer de conversar com o l\u00edder do projeto, Patryk.<\/p>\n<p>Portanto, para aqueles que est\u00e3o interessados \u200b\u200bem fluxos de trabalho, ferramentas e estrat\u00e9gias mais modernos e empreg\u00e1-los no contexto do desenvolvimento de temas, acho que vale a pena conferir o Tonik.<\/p>\n<p>N\u00e3o demorei muito para obter uma inst\u00e2ncia do tema na minha m\u00e1quina local. Mas o objetivo disso n\u00e3o \u00e9 sobre minha experi\u00eancia com isso \u2013 \u00e9 por isso que acho que vale a pena conferir.<\/p>\n<h2>Tema para iniciantes Tonik WordPress<\/h2>\n<p>Antes de entrar na instala\u00e7\u00e3o real do tema, achei que valeria a pena destacar o que faz o <a href=\"http:\/\/labs.tonik.pl\/theme\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tonik<\/a> valer a pena conferir.<\/p>\n<p>Para aqueles que est\u00e3o interessados \u200b\u200bem usar as t\u00e9cnicas de programa\u00e7\u00e3o de linha de comando e de programa\u00e7\u00e3o orientada a objetos, o tema oferece o seguinte:<\/p>\n<ul>\n<li>interface de linha de comando, para iniciar facilmente novos temas,<\/li>\n<li>modelagem aprimorada com suporte para passagem de dados,<\/li>\n<li><a href=\"https:\/\/webpack.github.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">webpack<\/a> para gerenciar, compilar e otimizar ativos,<\/li>\n<li>orientado para a constru\u00e7\u00e3o com a\u00e7\u00f5es e filtros<\/li>\n<\/ul>\n<p>Primeiro, voc\u00ea pode ver o projeto no GitHub, mas antes de passar e baixar todos os v\u00e1rios componentes relacionados (como <a href=\"https:\/\/github.com\/tonik\/gin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gin<\/a> ), \u00e9 importante observar como o fluxo de trabalho funciona para esse tema espec\u00edfico.<\/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 para iniciantes Tonik WordPress\" ><\/a><\/p>\n<p>Ou seja, n\u00e3o \u00e9 como se voc\u00ea baixasse, instalasse e estivesse pronto para come\u00e7ar. Em vez disso, o fluxo de trabalho \u00e9 um pouco diferente.<\/p>\n<h3>Come\u00e7ando<\/h3>\n<p>Por exemplo, para come\u00e7ar com o Tonik, aqui est\u00e1 o que voc\u00ea precisa fazer (observe que tudo isso pressup\u00f5e que voc\u00ea tenha o <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> e o <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 para iniciantes Tonik WordPress\" ><\/a><\/p>\n<p>Navegue at\u00e9 o diret\u00f3rio <strong>wp-content\/themes<\/strong> e digite o seguinte comando:<\/p>\n<pre><code>$ composer create-project tonik\/theme acme-theme<\/code><\/pre>\n<p>Claro, voc\u00ea n\u00e3o precisa cham\u00e1-lo de &quot;acme-theme&quot;.<\/p>\n<p>A partir da\u00ed, voc\u00ea precisar\u00e1 clonar o reposit\u00f3rio do projeto do GitHub (\u00e9 por isso que voc\u00ea n\u00e3o o instala da maneira usual de instalar temas, mas mais sobre isso em um minuto):<\/p>\n<pre><code>$ git clone -b master git@github.com:tonik\/theme.git &lt;theme-name&gt;<\/code><\/pre>\n<p>Neste ponto, h\u00e1 mais algumas depend\u00eancias que ele precisa resolver. Para fazer isso, navegue at\u00e9 o diret\u00f3rio do tema rec\u00e9m-criado e use o Composer para instalar essas depend\u00eancias.<\/p>\n<pre><code>$ composer install<\/code><\/pre>\n<p>E, em seguida, instale as depend\u00eancias de front-end:<\/p>\n<pre><code>$ npm install<\/code><\/pre>\n<p>Neste ponto, tudo o que resta \u00e9 construir o tema fundamental e ativ\u00e1-lo (atrav\u00e9s da linha de comando que \u00e9 onde <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/instalando-globalmente-o-wp-cli-para-acesso-em-seu-sistema\/\" title=\"o WP-CLI\">o WP-CLI<\/a> entra em a\u00e7\u00e3o):<\/p>\n<pre><code>$ npm\u00a0run dev<\/code><\/pre>\n<pre><code>$ wp theme activate acme-theme<\/code><\/pre>\n<p>Neste ponto, voc\u00ea est\u00e1 pronto para come\u00e7ar a usar o tema no WordPress.<\/p>\n<h2>&#8220;Parece um pouco complicado\u2026&quot;<\/h2>\n<p>Dadas todas as etapas acima, a pergunta natural \u00e9 provavelmente &#8220;Por que eu me incomodaria em fazer tudo isso quando posso apenas construir um tema usando a metodologia normal?&#8221;<\/p>\n<p>E essa \u00e9 uma boa pergunta. Mas se voc\u00ea \u00e9 algu\u00e9m que est\u00e1 procurando criar solu\u00e7\u00f5es para si mesmo ou para outras pessoas usando ferramentas mais modernas, acho que usar ferramentas como essa pode ajudar bastante a tornar isso poss\u00edvel.<\/p>\n<h3>Tudo que oferece<\/h3>\n<p>Caso em quest\u00e3o: Um ponto problem\u00e1tico ao desenvolver modelos para outros \u00e9 a falta de um verdadeiro mecanismo de modelagem no WordPress (pelo menos no momento da reda\u00e7\u00e3o deste artigo).<\/p>\n<p>Mas se voc\u00ea der uma olhada apenas na documenta\u00e7\u00e3o para modelagem, ver\u00e1 algumas coisas, como <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/configuration\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">espa\u00e7os reservados<\/a> e outras maneiras de lidar <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/helper-functions\/#template\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">com determinados elementos<\/a>.<\/p>\n<p>E h\u00e1 muito mais embutido nele. Eu adoraria dizer que experimentei todos os aspectos do que ele oferece, mas sinto que apenas arranhei a superf\u00edcie. Por exemplo, n\u00e3o tive a chance de mexer em nenhum dos recursos HTTP.<\/p>\n<p>Mesmo assim, aqui est\u00e1 um r\u00e1pido resumo do que todo o tema oferece:<\/p>\n<ul>\n<li>uma estrutura de diret\u00f3rios pr\u00e9-configurada,<\/li>\n<li>modelagem,<\/li>\n<li>suporte de componentes,<\/li>\n<li>fun\u00e7\u00f5es auxiliares,<\/li>\n<li>Suporte Ajax,<\/li>\n<li>a\u00e7\u00f5es e filtros do tema,<\/li>\n<li>um <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/using-service-container\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">recipiente de servi\u00e7o,<\/a><\/li>\n<li>suporte para c\u00f3digos de acesso,<\/li>\n<li>carregamento autom\u00e1tico,<\/li>\n<li>e muito mais.<\/li>\n<\/ul>\n<p>Tudo isso pode ser revisto <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">na documenta\u00e7\u00e3o<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <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 fluxos de trabalho modernos e empreg\u00e1-los no contexto de desenvolvimento de temas, vale a pena dar uma olhada no Tonik WordPress Starter Theme.<\/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":[930,722,867],"tags":[1170],"class_list":["post-229700","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-assuntos","category-desenvolvedor","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/229700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=229700"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/229700\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/166266"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=229700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=229700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=229700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}