{"id":229951,"date":"2022-11-08T13:35:00","date_gmt":"2022-11-08T10:35:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229951"},"modified":"2022-11-09T19:26:06","modified_gmt":"2022-11-09T16:26:06","slug":"tema-di-base-per-wordpress-tonik","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/tema-di-base-per-wordpress-tonik\/","title":{"rendered":"Tema di base per WordPress Tonik"},"content":{"rendered":"\n<p>Quando si tratta di lavorare con i plugin di WordPress, non \u00e8 raro vedere persone che utilizzano strumenti pi\u00f9 moderni come Composer, gestione delle dipendenze front-end tramite strumenti come Node e cos\u00ec via.<\/p>\n<p>In effetti, direi che il pi\u00f9 popolare \u00e8 probabilmente il progetto <a href=\"https:\/\/roots.io\/sage\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sage del team<\/a> <a href=\"https:\/\/roots.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Roots<\/a>. \u00c8 fantastico, ma di recente io e alcuni amici ci siamo imbattuti nel tema Tonik WordPress Starter Theme e ho avuto il piacere di parlare con il capo del progetto, Patryk.<\/p>\n<p>Quindi, per quelli di voi che sono interessati a flussi di lavoro, strumenti e strategie pi\u00f9 moderni e che li utilizzano nel contesto dello sviluppo di temi, penso che valga la pena dare un&#8217;occhiata a Tonik.<\/p>\n<p>Non mi ci \u00e8 voluto molto per far girare un&#8217;istanza del tema sul mio computer locale. Ma il punto non riguarda la mia esperienza con esso, \u00e8 il motivo per cui penso che valga la pena dare un&#8217;occhiata.<\/p>\n<h2>Tema di base per WordPress Tonik<\/h2>\n<p>Prima di entrare nell&#8217;installazione effettiva del tema, ho pensato che valesse la pena evidenziare ci\u00f2 che rende <a href=\"http:\/\/labs.tonik.pl\/theme\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tonik<\/a> degno di nota.<\/p>\n<p>Per coloro che sono interessati a utilizzare sia le tecniche di programmazione a riga di comando che quelle orientate agli oggetti, il tema offre quanto segue:<\/p>\n<ul>\n<li>interfaccia a riga di comando, per avviare facilmente nuovi temi,<\/li>\n<li>modelli avanzati con supporto per il passaggio di dati,<\/li>\n<li><a href=\"https:\/\/webpack.github.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">webpack<\/a> per la gestione, la compilazione e l&#8217;ottimizzazione degli asset,<\/li>\n<li>orientato alla costruzione con azioni e filtri<\/li>\n<\/ul>\n<p>Innanzitutto, puoi vedere il progetto su GitHub, ma prima di esaminare e scaricare tutti i vari componenti correlati (come <a href=\"https:\/\/github.com\/tonik\/gin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gin<\/a> ), \u00e8 importante notare come va il flusso di lavoro per questo particolare tema.<\/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 di base per WordPress Tonik\" ><\/a><\/p>\n<p>Cio\u00e8, non \u00e8 che lo scarichi, lo installi e sei pronto per partire. Invece, il flusso di lavoro \u00e8 leggermente diverso.<\/p>\n<h3>Iniziare<\/h3>\n<p>Ad esempio, per iniziare con Tonik, ecco cosa devi fare (nota tutto questo presuppone che tu abbia\u00a0 installato <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> e <a href=\"https:\/\/nodejs.org\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node<\/a> ).<\/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 di base per WordPress Tonik\" ><\/a><\/p>\n<p>Passa alla directory <strong>wp-content\/themes<\/strong> e inserisci il seguente comando:<\/p>\n<pre><code>$ composer create-project tonik\/theme acme-theme<\/code><\/pre>\n<p>Ovviamente, non devi chiamarlo &quot;tema dell&#8217;acme&quot;.<\/p>\n<p>Da l\u00ec, dovrai clonare il repository del progetto da GitHub (questo \u00e8 il motivo per cui non lo installi come al solito modo di installare i temi, ma ne parleremo tra un minuto):<\/p>\n<pre><code>$ git clone -b master git@github.com:tonik\/theme.git &lt;theme-name&gt;<\/code><\/pre>\n<p>A questo punto, ci sono alcune altre dipendenze che deve risolvere. Per fare ci\u00f2, vai alla directory del tema appena creato e quindi usa Composer per installare dette dipendenze.<\/p>\n<pre><code>$ composer install<\/code><\/pre>\n<p>E quindi installa le dipendenze front-end:<\/p>\n<pre><code>$ npm install<\/code><\/pre>\n<p>A questo punto, non resta che costruire il tema di base e attivarlo (tramite la riga di comando che \u00e8 dove entra in gioco <a href=\"https:\/\/wordpress.mediadoma.com\/it\/installazione-globale-di-wp-cli-per-laccesso-attraverso-il-tuo-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>A questo punto, sei pronto per iniziare a utilizzare il tema all&#8217;interno di WordPress.<\/p>\n<h2>&quot;Sembra un po&#8217; complicato&#8230;&quot;<\/h2>\n<p>Dati tutti i passaggi precedenti, \u00e8 probabile che la domanda naturale sia &quot;Perch\u00e9 dovrei prendermi la briga di fare tutto questo quando posso semplicemente creare un tema usando la metodologia normale?&quot;<\/p>\n<p>E questa \u00e8 una buona domanda. Ma se sei qualcuno che sta cercando di creare soluzioni per te stesso o per altri utilizzando strumenti pi\u00f9 moderni, penso che l&#8217;utilizzo di strumenti come questo possa fare molto per renderlo possibile.<\/p>\n<h3>Tutto ci\u00f2 che offre<\/h3>\n<p>Caso in questione: un punto dolente nello sviluppo di modelli per altri \u00e8 la mancanza di un vero motore di creazione di modelli in WordPress (almeno al momento in cui scrivo).<\/p>\n<p>Ma se dai un&#8217;occhiata alla documentazione per i modelli da solo, vedrai alcune cose come i <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/configuration\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">segnaposto<\/a> e altri modi per gestire <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/helper-functions\/#template\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">determinati elementi<\/a>.<\/p>\n<p>E c&#8217;\u00e8 molto di pi\u00f9 integrato in esso. Mi piacerebbe dire che ho provato tutti gli aspetti di ci\u00f2 che offre, ma sento di aver solo graffiato la superficie. Ad esempio, non ho avuto la possibilit\u00e0 di armeggiare con nessuna delle funzionalit\u00e0 HTTP.<\/p>\n<p>Tuttavia, ecco una rapida carrellata di ci\u00f2 che offre tutto il tema:<\/p>\n<ul>\n<li>una struttura di directory preconfigurata,<\/li>\n<li>modellazione,<\/li>\n<li>supporto dei componenti,<\/li>\n<li>funzioni di supporto,<\/li>\n<li>supporto dell&#8217;Ajax,<\/li>\n<li>azioni e filtri del tema,<\/li>\n<li>un <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/using-service-container\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">contenitore di servizio,<\/a><\/li>\n<li>supporto per codici brevi,<\/li>\n<li>caricamento automatico,<\/li>\n<li>e molto di pi\u00f9.<\/li>\n<\/ul>\n<p>Tutto questo pu\u00f2 essere esaminato <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">nella documentazione<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Per i flussi di lavoro moderni e il loro utilizzo nel contesto dello sviluppo di temi, vale la pena dare un&#8217;occhiata al tema Tonik WordPress Starter.<\/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":[928,720,865],"tags":[1168],"class_list":["post-229951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-soggetti","category-sviluppatore","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/229951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=229951"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/229951\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/166266"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=229951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=229951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=229951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}