{"id":233813,"date":"2023-02-21T18:26:00","date_gmt":"2023-02-21T15:26:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233813"},"modified":"2023-02-21T18:29:10","modified_gmt":"2023-02-21T15:29:10","slug":"tutorial-sul-tema-wordpress-per-principianti-parte-0-5-impostazione-dello-sviluppo-locale-di-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/tutorial-sul-tema-wordpress-per-principianti-parte-0-5-impostazione-dello-sviluppo-locale-di-wordpress\/","title":{"rendered":"Tutorial sul tema WordPress per principianti \u2013 Parte 0.5: Impostazione dello sviluppo locale di WordPress"},"content":{"rendered":"\n<p>Questa lezione analizzer\u00e0 rapidamente come configurare un ambiente di sviluppo locale e installarvi WordPress, in modo da poter iniziare a sviluppare il nostro tema. \u00c8 per te che non hai mai impostato un ambiente di sviluppo o installato WordPress localmente per scopi di test o sviluppo. Se hai gi\u00e0 tutto pronto, passa alla <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">parte 1<\/a>.<\/p>\n<p>La creazione di uno stack di sviluppo web \u00e8 cruciale e pi\u00f9 semplice di quanto si possa pensare. In breve; \u00e8 un programma che installa un server web (di solito Apache) e un database (di solito MySQL) nel tuo computer in modo che il tuo computer sia in grado di servire i siti web. \u00c8 molto pi\u00f9 rapido e semplice sviluppare e testare il tuo codice &quot;localmente&quot; nel tuo computer piuttosto che caricare costantemente tramite FTP su un dominio o server.<\/p>\n<p>Modifica: ho creato una guida aggiornata e pi\u00f9 dettagliata su <a href=\"https:\/\/wordpress.mediadoma.com\/it\/guida-completa-allinstallazione-di-un-server-web-e-wordpress-su-localhost\/\" title=\"come configurare un WordPress locale qui\">come configurare un WordPress locale qui<\/a>! <\/p>\n<h2>Creazione di un ambiente di sviluppo locale<\/h2>\n<p>Esistono diversi programmi gratuiti che ti consentono di configurare il tuo computer come server web. I pi\u00f9 comuni sono <a href=\"http:\/\/www.wampserver.com\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WampServer<\/a> per Windows e <a href=\"https:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">XAMPP<\/a> o <a href=\"https:\/\/www.mamp.info\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MAMP<\/a> per Mac IOS. Per i sistemi Windows a 64 bit, assicurati di installare la versione a 64 bit di WampServer. Per quanto riguarda IOS consiglio XAMPP, ma tieni presente che molto probabilmente dovrai fare alcuni passaggi aggiuntivi per poter modificare i permessi della cartella di sviluppo (necessaria per WordPress per installare plugin e altro).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e7ad896.jpg\" 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-152245-61e4d4e7ad896.jpg\" alt=\"Tutorial sul tema WordPress per principianti \u2013 Parte 0.5: Impostazione dello sviluppo locale di WordPress\"><\/a><\/p>\n<p>Scarica il software (link sopra) ed esegui il programma di installazione. Non \u00e8 necessario fornire alcun dettaglio, dovrebbe installare di default il server Web Apache e il database MySQL e dovrebbe funzionare correttamente senza alcuna modifica. Al termine, apri il programma. Di solito avvier\u00e0 l&#8217;avvio di un server Apache e SQL all&#8217;avvio del programma, altrimenti dovrebbe esserci un collegamento a &quot;Avvia tutti i servizi&quot;.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e880aff.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-152245-61e4d4e880aff.png\" alt=\"Tutorial sul tema WordPress per principianti \u2013 Parte 0.5: Impostazione dello sviluppo locale di WordPress\"><\/a><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e94b231.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-152245-61e4d4e94b231.png\" alt=\"Tutorial sul tema WordPress per principianti \u2013 Parte 0.5: Impostazione dello sviluppo locale di WordPress\"><\/a><\/p>\n<p>Mentre il tuo programma \u00e8 in esecuzione dovresti essere in grado di accedere al tuo browser, digitare <code>localhost<\/code>e vedere la pagina di benvenuto per quel programma. Tieni presente che \u00e8 necessario che questo programma venga eseguito in background, eseguendo tutti i servizi, durante lo sviluppo.<\/p>\n<p>In WampServer puoi fare clic sull&#8217;icona nella barra delle applicazioni e scegliere &quot;Avvia tutti i servizi&quot; nel menu a comparsa. In XAMPP il programma ha un pulsante nella sua interfaccia principale.<\/p>\n<p>Il programma ti fornir\u00e0 una cartella dedicata in cui puoi inserire i tuoi file di sviluppo web. Per WampServer la directory predefinita \u00e8 la sottocartella <code>www<\/code>all&#8217;interno della directory di installazione del programma; per esempio <code>C:wamp64www<\/code>. Per XAMPP su IOS troverai un collegamento alla cartella <code>htdocs<\/code>all&#8217;interno <code>Programs &gt; XAMPP &gt; htdocs<\/code>. Questa cartella \u00e8 dove puoi inserire qualsiasi file php o web e accedervi tramite il tuo browser ed \u00e8 anche dove posizionerai tutti i file WordPress.<\/p>\n<h2>Installazione di WordPress<\/h2>\n<p>Installare WordPress \u00e8 davvero facile! Vai alla <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pagina di download di WordPress.org<\/a> e fai clic sul grande pulsante blu per scaricare. Riceverai un file zip con la versione corrente di WordPress, in inglese.<\/p>\n<p>Ti consiglio di creare una sottocartella nella tua cartella di sviluppo locale per WordPress (nel caso in cui desideri realizzare pi\u00f9 progetti di sviluppo Web o pi\u00f9 WordPress). Ai fini di questo tutorial ho creato una sottocartella chiamata <code>wordpress<\/code>, quindi il mio percorso \u00e8 <code>C:wamp64wwwwordpress<\/code>(per accedere a questa cartella dovrei andare <code>localhost\/wordpress<\/code>nel mio browser).<\/p>\n<p>1 Estrai il contenuto zip del tuo WordPress scaricato nella posizione desiderata nel tuo ambiente di sviluppo.<\/p>\n<p>In secondo luogo, dovrai creare un database nel tuo SQL locale, in modo che WordPress possa installarvi tutto. Di solito puoi usare PHPMyAdmin (\u00e8 installato di default con WampServer e XAMPP). Per accedere a PHPMyAdmin, vai su <code>localhost\/phpmyadmin<\/code>nel tuo browser. Dovresti vedere una pagina di accesso. Di default l&#8217;utente \u00e8 <code>root<\/code>e la password \u00e8 vuota.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4ea2b633.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-152245-61e4d4ea2b633.png\" alt=\"Tutorial sul tema WordPress per principianti \u2013 Parte 0.5: Impostazione dello sviluppo locale di WordPress\"><\/a><\/p>\n<p>A seconda della versione di PHPMyAdmin che hai installato, dovresti trovare facilmente alcuni link per installare un nuovo database; ad esempio &quot;Nuovo&quot; nella parte superiore della barra laterale sinistra. Decidi un nome di database per la tua installazione di WordPress (ti consiglio di usare lo stesso nome della tua cartella, ad esempio <code>wordpress<\/code>o qualcosa di un po&#8217; pi\u00f9 indicativo). Per quanto riguarda il tipo di confronto (il menu a discesa) ti consiglio di usare &#8221; <code>utf8_general_ci<\/code>&quot; (dovrai scorrere un po&#8217; verso il basso per trovarlo). Premi OK e puoi semplicemente chiudere la scheda PHPMyAdmin. WordPress si occuper\u00e0 del resto per te.<\/p>\n<p>2 Accedi al tuo database con PHPMyAdmin e crea un nuovo database con il nome del database scelto e utf8 come tipo di confronto.<\/p>\n<p>Il passaggio finale \u00e8 eseguire il programma di installazione di WordPress che fa il resto per te.<\/p>\n<p>3 Nel tuo browser vai a <code>localhost\/wordpress<\/code>(o dove hai estratto WordPress). Il programma di installazione di WordPress dovrebbe apparire e guidarti attraverso l&#8217;installazione di WordPress.<\/p>\n<p>La guida all&#8217;installazione ti chieder\u00e0 di inserire il nome del tuo database (inserisci quello che hai creato sopra), il tuo nome utente e password SQL (predefinito &quot;root&quot; e password vuota). Per tutto il resto, puoi lasciare come default, oppure impostare le variabili desiderate come il nome del tuo sito, e definire le tue credenziali di accesso.<\/p>\n<p>Al termine della guida all&#8217;installazione di WordPress, ora dovresti avere un WordPress completo installato localmente! Visitare <code>localhost\/wordpress<\/code>dovrebbe darti la tua prima pagina e visitare <code>localhost\/wordpress\/wp-admin<\/code>dovrebbe darti il \u200b\u200b\u200b\u200btuo pannello di amministrazione.<\/p>\n<p>Ora sei pronto per iniziare a sviluppare il tuo tema WordPress! Vai a destra nella <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">parte 1: Introduzione<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il passaggio 0.5 nel tutorial sul tema WordPress per principianti spiega come configurare un ambiente di sviluppo locale con WAMP o XAMPP e installare WordPress.<\/p>\n","protected":false},"author":1,"featured_media":223973,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[918,896,896,720,835,918,1110,835,928,720,928,844,844,865,865],"tags":[1168],"class_list":{"0":"post-233813","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-altro","8":"category-codice","10":"category-sviluppatore","11":"category-guida-per-principianti","13":"category-n-a","15":"category-soggetti","18":"category-tutorial","20":"category-wordpress-6","22":"tag-affiai-it"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/233813","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=233813"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/233813\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=233813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=233813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=233813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}