{"id":59439,"date":"2024-04-11T09:00:00","date_gmt":"2024-04-11T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=59439"},"modified":"2024-05-30T09:34:52","modified_gmt":"2024-05-30T09:34:52","slug":"xampp","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/xampp\/","title":{"rendered":"Guida completa a XAMPP per lo sviluppo in locale"},"content":{"rendered":"\n<p>Se vuoi creare un server di test locale, ad esempio per iniziare a <strong>creare il tuo sito in locale<\/strong>, XAMPP \u00e8 ci\u00f2 che fa al caso tuo. <\/p>\n\n\n\n<p>In questa guida ti mostrer\u00f2 <strong>come installare e configurare XAMPP<\/strong> e come usarlo nella pratica per installare WordPress in meno di cinque minuti. <\/p>\n\n\n\n<p>Prima, per\u00f2, ecco una breve introduzione a cos&#8217;\u00e8 XAMPP.<\/p>\n\n\n\n<p>Iniziamo!<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-xampp\">Cos&#8217;\u00e8 XAMPP?<\/a><\/li><li><a href=\"#come-installare-xampp\">Come installare XAMPP<\/a><\/li><li><a href=\"#configurazione-e-avvio-dei-moduli\">Configurazione e avvio dei moduli<\/a><ul><li><a href=\"#cambiare-le-porte-su-xampp\">Cambiare le porte su XAMPP<\/a><\/li><\/ul><\/li><li><a href=\"#installare-word-press-con-xampp\">Installare WordPress con XAMPP<\/a><ul><li><a href=\"#scaricare-word-press\">Scaricare WordPress<\/a><\/li><li><a href=\"#spostare-la-cartella-con-i-file-di-word-press\">Spostare la cartella con i file di WordPress<\/a><\/li><li><a href=\"#creare-il-database\">Creare il database<\/a><\/li><li><a href=\"#avviamo-linstallazione-di-word-press\">Avviamo l&#8217;installazione di WordPress<\/a><\/li><li><a href=\"#collegarti-al-sito-da-altri-dispositivi\">Collegarti al sito da altri dispositivi<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/xampp-guida-completa-1024x538.png\" alt=\"Xampp Guida Completa\" class=\"wp-image-60058\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/xampp-guida-completa-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/xampp-guida-completa-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/xampp-guida-completa-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/xampp-guida-completa-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/04\/xampp-guida-completa.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-xampp\">Cos&#8217;\u00e8 XAMPP?<\/h2>\n\n\n\n<p><strong>XAMPP<\/strong> \u00e8 una piattaforma che ci permette di <strong>avviare un server locale<\/strong> sul nostro computer.<\/p>\n\n\n\n<p>Il suo acronimo sta per <strong>A<\/strong>pache, <strong>M<\/strong>ariaDB, <strong>P<\/strong>HP e<strong> P<\/strong>erl, mentre la <strong>X<\/strong> iniziale indica che si tratta di un programma <em>cross-platform<\/em> perch\u00e9 pu\u00f2 essere utilizzato su pi\u00f9 piattaforme.<\/p>\n\n\n\n<p>Con questo programma, infatti, configuriamo un web server, Apache, abbiamo a disposizione i software necessari a interpretare le pagine web come PHP, e abbiamo MySQL per poter gestire il database.<\/p>\n\n\n\n<p>In pratica tutto il necessario per poter installare in locale un CMS come WordPress, Joomla o PrestaShop. Infatti, XAMPP ci permette di iniziare a creare un sito prima di avere un <a href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\" data-type=\"page\" data-id=\"22570\">hosting WordPress<\/a> per renderlo accessibile a tutti.<\/p>\n\n\n\n<p>Lo <strong>sviluppo di siti in locale<\/strong> \u00e8, infatti, uno dei motivi per utilizzare XAMPP o altre piattaforme simili come <a href=\"https:\/\/supporthost.com\/it\/mamp\/\">MAMP<\/a>. Ovviamente il suo uso non si limita a questo, con XAMPP possiamo <strong>sviluppare diverse applicazioni web<\/strong> in locale grazie all&#8217;ambiente di test che andiamo a creare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-installare-xampp\">Come installare XAMPP<\/h2>\n\n\n\n<p>Per poter installare XAMPP ci basta scaricare il programma dal sito <a href=\"https:\/\/www.apachefriends.org\/it\/index.html\" data-type=\"link\" data-id=\"https:\/\/www.apachefriends.org\/it\/index.html\" rel=\"noopener\">Apache Friends<\/a>. Qui troveremo l&#8217;ultima versione rilasciata e potremo scaricare la versione compatibile con il nostro sistema operativo.<\/p>\n\n\n\n<p>Uno dei vantaggi di XAMPP, infatti, \u00e8 quello di essere un ambiente di sviluppo multipiattaforma. <\/p>\n\n\n\n<p>Questo significa che potrai utilizzarlo con <strong>Windows<\/strong>, <strong>Linux <\/strong>e <strong>macOS<\/strong>. Inoltre \u00e8 possibile installarlo ed eseguirlo direttamente da una chiavetta USB.<\/p>\n\n\n\n<p>Per <strong>scaricare l&#8217;ultima versione di XAMPP<\/strong> ci basta cliccare su uno dei pulsanti che vediamo in home page e che ho evidenziato nella schermata qui sotto.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"595\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/04\/scaricare-xampp-pagina-download-1024x595.png\" alt=\"Scaricare Xampp Pagina Download\" class=\"wp-image-23927\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/04\/scaricare-xampp-pagina-download-1024x595.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/04\/scaricare-xampp-pagina-download-300x174.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/04\/scaricare-xampp-pagina-download-768x446.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/04\/scaricare-xampp-pagina-download-108x63.png 108w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/04\/scaricare-xampp-pagina-download.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Mentre sto scrivendo questa guida l&#8217;ultima versione disponibile \u00e8 la <strong>8.2.12<\/strong>.<\/p>\n\n\n\n<p>Dopodich\u00e9 eseguiamo il file e verr\u00e0 avviata la procedura guidata. Il wizard \u00e8 molto semplice ed auto esplicativo per cui non ho ritenuto necessario riportare tutti gli step.<\/p>\n\n\n\n<p>Potrai scegliere quali componenti aggiuntivi installare e la cartella di installazione. Annotati quest&#8217;ultima perch\u00e9 ci servir\u00e0 poi in seguito. Di default, su Windows, il percorso sar\u00e0 <em>C:\\xampp<\/em>.<\/p>\n\n\n\n<p>Completata l&#8217;installazione, possiamo <strong>avviare XAMPP<\/strong>.<\/p>\n\n\n\n<p>Passiamo quindi al passo successivo: il <strong>pannello di controllo<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"configurazione-e-avvio-dei-moduli\">Configurazione e avvio dei moduli<\/h2>\n\n\n\n<p>Dopo aver avviato XAMPP, ti troverai davanti a una schermata di questo tipo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"542\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/05\/xampp-attivare-moduli.png\" alt=\"Xampp Attivare Moduli\" class=\"wp-image-18636\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/05\/xampp-attivare-moduli.png 832w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/05\/xampp-attivare-moduli-300x195.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/05\/xampp-attivare-moduli-768x500.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/05\/xampp-attivare-moduli-97x63.png 97w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/figure>\n\n\n\n<p>L&#8217;interfaccia di XAMPP \u00e8 abbastanza semplice da comprendere.<\/p>\n\n\n\n<p>Vediamo una<strong> lista di moduli<\/strong> come Apache e MySQL e accanto ad essi dei pulsanti di azione di cui parleremo dopo.<\/p>\n\n\n\n<p>Sulla destra possiamo vedere altri pulsanti: Config, Netstat, Shell, Explorer, Services, Help e Quit.<\/p>\n\n\n\n<p><strong>Config<\/strong>: ci permette di accedere alla configurazione di XAMPP. Da qui possiamo scegliere se avviare in automatico alcuni moduli all&#8217;avvio del programma e cambiare l&#8217;editor predefinito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"438\" height=\"552\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/configurazione-xampp-impostazioni.png\" alt=\"Configurazione Xampp Impostazioni\" class=\"wp-image-59440\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/configurazione-xampp-impostazioni.png 438w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/configurazione-xampp-impostazioni-238x300.png 238w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/configurazione-xampp-impostazioni-50x63.png 50w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><\/figure>\n\n\n\n<p><strong>Netstat<\/strong>: ci mostra una lista dei processi in esecuzione.<\/p>\n\n\n\n<p><strong>Shell<\/strong>: avvia il terminale.<\/p>\n\n\n\n<p><strong>Explorer<\/strong>: apre la cartella in cui abbiamo installato XAMPP.<\/p>\n\n\n\n<p><strong>Services<\/strong>: apre i servizi in esecuzione sul computer.<\/p>\n\n\n\n<p><strong>Help<\/strong>: ci rimanda alla guida.<\/p>\n\n\n\n<p><strong>Quit<\/strong>: serve per chiudere XAMPP. Se clicchi sulla &#8220;X&#8221; il programma non verr\u00e0 chiuso, ma continuer\u00e0 a essere eseguito in background.<\/p>\n\n\n\n<p>Ora che hai una panoramica del pannello di controllo di XAMPP, passiamo ai moduli.<\/p>\n\n\n\n<p>Per ogni modulo vediamo quattro pulsanti:<\/p>\n\n\n\n<p><strong>Start \/ Stop<\/strong>: ci permette di avviare e interrompere l&#8217;esecuzione di quel modulo.<\/p>\n\n\n\n<p><strong>Admin<\/strong>: ci permette di accedere all&#8217;area di amministrazione. Nel caso di MySQL, aprir\u00e0 sul browser l&#8217;interfaccia di <a href=\"https:\/\/supporthost.com\/it\/phpmyadmin\/\" data-type=\"post\" data-id=\"18785\">phpMyAdmin<\/a> per permetterci di gestire i database. Possiamo anche raggiungerla dall&#8217;indirizzo &#8220;http:\/\/localhost\/phpmyadmin\/&#8221;. Cliccando sul pulsante Admin accanto ad Apache veniamo rimandati a &#8220;http:\/\/localhost\/dashboard\/&#8221; dove possiamo vedere la dashboard locale di XAMPP con le relative guide e i link utili.<\/p>\n\n\n\n<p><strong>Config<\/strong>: cliccandoci possiamo aprire i file di configurazione. Per esempio per Apache possiamo accedere al file <em>httpd.conf<\/em> e al <a href=\"https:\/\/supporthost.com\/it\/tutorial\/php-ini\/\" data-type=\"bwl_kb\" data-id=\"22007\">php.ini<\/a>.<\/p>\n\n\n\n<p><strong>Logs<\/strong>: Apre i file di log che ci aiutano a identificare gli errori.<\/p>\n\n\n\n<p>Per <strong>testare il nostro server locale<\/strong>, possiamo avviare i moduli Apache e MySQL e visitare l&#8217;indirizzo &#8220;http:\/\/localhost\/&#8221; dal nostro browser. In alternativa possiamo cliccare direttamente sul pulsante &#8220;Admin&#8221; accanto ad Apache per essere inviati in automatico alla dashboard.<\/p>\n\n\n\n<p>Prima di vedere un caso d&#8217;uso pratico di XAMPP, ti spiego come fare a cambiare le porte. <\/p>\n\n\n\n<p class=\"note\">Nella maggior parte dei casi puoi saltare questo passaggio se la configurazione di base non ti d\u00e0 problemi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cambiare-le-porte-su-xampp\">Cambiare le porte su XAMPP<\/h3>\n\n\n\n<p>Per vedere le porte di default utilizzate dai moduli, possiamo cliccare su <em>Config <\/em>(il pulsante a destra con la chiave inglese) &gt; Service and Port Settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/visualizzare-porte-di-default-xampp-1024x341.png\" alt=\"Visualizzare Porte Di Default Xampp\" class=\"wp-image-59442\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/visualizzare-porte-di-default-xampp-1024x341.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/visualizzare-porte-di-default-xampp-300x100.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/visualizzare-porte-di-default-xampp-768x256.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/visualizzare-porte-di-default-xampp-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/visualizzare-porte-di-default-xampp.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui vedremo le porte principali e la porta SSL per ogni servizio, come ti ho mostrato in questo esempio in cui vediamo le porte di default di Apache.<\/p>\n\n\n\n<p class=\"note\">Una nota importante: se devi cambiare le porte in uso, dovrai modificare i file di configurazione del singolo modulo, cliccando sul pulsante Config corrispondente.<\/p>\n\n\n\n<p>Per esempio per Apache dovrai cambiare il numero della porta nel file httpd.conf alle seguenti righe:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Listen 80\nServerName localhost:80<\/code><\/pre>\n\n\n\n<p><strong>Dopo aver riavviato XAMPP<\/strong>, i cambiamenti saranno effettivi.<\/p>\n\n\n\n<p>Per <strong>assicurarti che la porta sia cambiata correttamente<\/strong>, clicca su &#8220;Netstat&#8221; dopo aver avviato Apache e vedrai quale porta sta utilizzando. I processi di Apache sono identificati con il nome &#8220;httpd.exe&#8221;. In questo esempio Apache sta usando le porte di default: 80 e 443.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"818\" height=\"784\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache.png\" alt=\"Porte Usate Da Apache\" class=\"wp-image-59443\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache.png 818w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache-300x288.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache-768x736.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache-66x63.png 66w\" sizes=\"auto, (max-width: 818px) 100vw, 818px\" \/><\/figure>\n\n\n\n<p>Le vedrai anche indicate nella schermata principale di XAMPP:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"271\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache-xampp.png\" alt=\"Porte Usate Da Apache Xampp\" class=\"wp-image-59444\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache-xampp.png 714w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache-xampp-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/porte-usate-da-apache-xampp-120x46.png 120w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/figure>\n\n\n\n<p>Ricordati che se cambi porta, per accedere al tuo sito dovrai visitare l&#8217;indirizzo &#8220;localhost:8080&#8221; dove dovrai sostituire &#8220;8080&#8221; con il numero di porta che stai usando. Di default viene usata la porta 80 e non \u00e8 quindi necessario scriverla esplicitamente.<\/p>\n\n\n\n<p>Prima di cambiare la porta, controlla se \u00e8 gi\u00e0 in uso. Puoi farlo cliccando su &#8220;<em>Netstat<\/em>&#8221; e ordinando in base al numero di porta, in questo modo vedrai i servizi attivi su ogni porta.<\/p>\n\n\n\n<p>Tieni presente che c&#8217;\u00e8 un conflitto noto con la porta 80 che viene utilizzata anche da altri servizi, tra cui Skype. Per questo motivo hai due soluzioni: puoi cambiare le impostazioni di Skype in modo che usi una porta alternativa, oppure cambiare la porta usata da Apache, proprio come abbiamo appena visto.<\/p>\n\n\n\n<p>Adesso che hai le basi su come usare XAMPP, passiamo a un esempio pratico e vediamo come installare WordPress con XAMPP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installare-word-press-con-xampp\">Installare WordPress con XAMPP<\/h2>\n\n\n\n<p>Nella guida su come <a href=\"https:\/\/supporthost.com\/it\/installare-wordpress\/\">installare WordPress<\/a>, ti abbiamo mostrato i modi per installare WordPress su un server remoto.<\/p>\n\n\n\n<p>Abbiamo anche visto come <a href=\"https:\/\/supporthost.com\/it\/installare-wordpress-in-locale-local-by-flywheel\/\">installare WordPress in locale<\/a> usando Local.<\/p>\n\n\n\n<p>Adesso, vedremo come fare utilizzando XAMPP.<\/p>\n\n\n\n<p>L&#8217;installazione di WordPress con XAMPP richiede questi passaggi:<\/p>\n\n\n\n<ol>\n<li>Scarichiamo i file di WordPress da wordpress.org.<\/li>\n\n\n\n<li>Estraiamo il file zip e spostiamo la cartella &#8220;wordpress&#8221; in C:\/xampp\/htdocs.<\/li>\n\n\n\n<li>Creiamo il database.<\/li>\n\n\n\n<li>Avviamo la procedura di installazione.<\/li>\n<\/ol>\n\n\n\n<p>Adesso ti mostrer\u00f2 questi passaggi uno ad uno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"scaricare-word-press\">Scaricare WordPress<\/h3>\n\n\n\n<p>Il primo passo \u00e8 collegarci su <a href=\"https:\/\/it.wordpress.org\/\" data-type=\"link\" data-id=\"https:\/\/it.wordpress.org\/\" rel=\"noopener\">wordpress.org<\/a> e <strong>scaricare l&#8217;ultima versione di WordPress<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/scarica-wordpress-643-1024x554.png\" alt=\"Scarica WordPress 643\" class=\"wp-image-59445\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/scarica-wordpress-643-1024x554.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/scarica-wordpress-643-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/scarica-wordpress-643-768x415.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/scarica-wordpress-643-116x63.png 116w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/scarica-wordpress-643.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Mentre scrivo questa guida l&#8217;ultima versione disponibile \u00e8 la 6.4.3.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"spostare-la-cartella-con-i-file-di-word-press\">Spostare la cartella con i file di WordPress<\/h3>\n\n\n\n<p>Quindi estraiamo il file zip e copiamo la cartella &#8220;wordpress&#8221; all&#8217;interno di: <em>C:\/xampp\/htdocs<\/em>.<\/p>\n\n\n\n<p><strong>Nota<\/strong>: quando estrai il file zip verr\u00e0 creata una cartella &#8220;wordpress.6.4.3&#8221;, devi aprirla e copiare la cartella al suo interno, quella chiamata &#8220;wordpress&#8221;.<\/p>\n\n\n\n<p>&#8220;Htdocs&#8221; \u00e8 la cartella di XAMPP in cui possiamo inserire tutti i file dei nostri siti.<\/p>\n\n\n\n<p>Possiamo rinominare la cartella &#8220;wordpress&#8221; con il nome del nostro sito. L&#8217;importante \u00e8 ricordarci come la chiamiamo perch\u00e9 ci servir\u00e0 dopo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"545\" height=\"419\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/caricare-wordpress-nella-cartella-htdocs-di-xampp.png\" alt=\"Caricare WordPress Nella Cartella Htdocs Di Xampp\" class=\"wp-image-59446\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/caricare-wordpress-nella-cartella-htdocs-di-xampp.png 545w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/caricare-wordpress-nella-cartella-htdocs-di-xampp-300x231.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/caricare-wordpress-nella-cartella-htdocs-di-xampp-82x63.png 82w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creare-il-database\">Creare il database<\/h3>\n\n\n\n<p>Adesso dobbiamo <strong>creare il database<\/strong> per il nostro sito WordPress.<\/p>\n\n\n\n<p>Apriamo XAMPP e <strong>avviamo Apache e MySQL<\/strong>.<\/p>\n\n\n\n<p>Clicchiamo sul pulsante <em>Admin <\/em>vicino a MySQL per accedere a phpMyAdmin. Puoi anche accedere direttamente all&#8217;indirizzo http:\/\/localhost\/phpmyadmin\/.<\/p>\n\n\n\n<p>Clicchiamo su &#8220;Nuovo&#8221; e inseriamo il nome del database per esempio &#8220;wpdb&#8221;, poi clicchiamo su &#8220;Crea&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"198\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/creare-nuovo-database-phpmyadmin-xampp.png\" alt=\"Creare Nuovo Database Phpmyadmin Xampp\" class=\"wp-image-59447\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/creare-nuovo-database-phpmyadmin-xampp.png 536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/creare-nuovo-database-phpmyadmin-xampp-300x111.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/creare-nuovo-database-phpmyadmin-xampp-120x44.png 120w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"avviamo-linstallazione-di-word-press\">Avviamo l&#8217;installazione di WordPress<\/h3>\n\n\n\n<p>Adesso apriamo una nuova scheda del browser e visitiamo l&#8217;indirizzo http:\/\/localhost\/wordpress\/.<\/p>\n\n\n\n<p class=\"note\">Ricordati che devi sostituire &#8220;wordpress&#8221; con il nome esatto della cartella che hai creato in httdocs.<\/p>\n\n\n\n<p>In questo modo ci troveremo davanti alla <strong>procedura guidata <\/strong>di installazione di WordPress.<\/p>\n\n\n\n<p>Nella prima schermata ci viene ricordato che dobbiamo<strong> conoscere i dati del database <\/strong>per poter procedere con la configurazione. Clicchiamo su &#8220;Iniziamo!&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"597\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-1.png\" alt=\"Installare WordPress Xampp Passo 1\" class=\"wp-image-59450\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-1.png 806w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-1-300x222.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-1-768x569.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-1-85x63.png 85w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/figure>\n\n\n\n<p>Eccoci al secondo passaggio:<\/p>\n\n\n\n<ul>\n<li>Nome del database: inseriamo il nome del database che abbiamo appena creato. Nel nostro caso &#8220;wpdb&#8221;.<\/li>\n\n\n\n<li>Nome utente: root<\/li>\n\n\n\n<li>Password: possiamo lasciare il campo vuoto<\/li>\n\n\n\n<li>Host del database: <a href=\"https:\/\/supporthost.com\/it\/localhost\/\" data-type=\"post\" data-id=\"14824\">localhost<\/a><\/li>\n\n\n\n<li>Prefisso tabella: possiamo lasciare &#8220;wp_&#8221;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"730\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-2.png\" alt=\"Installare WordPress Xampp Passo 2\" class=\"wp-image-59451\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-2.png 801w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-2-300x273.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-2-768x700.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-2-69x63.png 69w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/figure>\n\n\n\n<p>Nel prossimo passaggio possiamo cliccare su <em>Avvia installazione<\/em>. Tieni presente che se ci sono errori verranno mostrati qui.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"386\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-3.png\" alt=\"Installare WordPress Xampp Passo 3\" class=\"wp-image-59452\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-3.png 980w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-3-300x118.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-3-768x302.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-3-120x47.png 120w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>A questo punto possiamo inserire le informazioni di base del nostro sito:<\/p>\n\n\n\n<ul>\n<li>titolo del sito<\/li>\n\n\n\n<li>nome utente<\/li>\n\n\n\n<li>password<\/li>\n\n\n\n<li>email.<\/li>\n<\/ul>\n\n\n\n<p>Queste informazioni ci serviranno per accedere all&#8217;area di amministrazione di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"887\" height=\"881\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-4.png\" alt=\"Installare WordPress Xampp Passo 4\" class=\"wp-image-59453\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-4.png 887w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-4-300x298.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-4-150x150.png 150w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-4-768x763.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-4-63x63.png 63w\" sizes=\"auto, (max-width: 887px) 100vw, 887px\" \/><\/figure>\n\n\n\n<p>L&#8217;ultima schermata ci comunicher\u00e0 che l&#8217;installazione \u00e8 andata a buon fine. Adesso potrai cliccare su <em>Accedi <\/em>per essere rimandato all&#8217;area di <a href=\"https:\/\/supporthost.com\/it\/login-wordpress\/\" data-type=\"post\" data-id=\"64170\">login di WordPress<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"959\" height=\"548\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-5.png\" alt=\"Installare WordPress Xampp Passo 5\" class=\"wp-image-59454\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-5.png 959w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-5-300x171.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-5-768x439.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/03\/installare-wordpress-xampp-passo-5-110x63.png 110w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/figure>\n\n\n\n<p>Per accedere ti baster\u00e0 inserire i dati appena scelti: nome utente e password.<\/p>\n\n\n\n<p>Quando vorrai pubblicare il tuo sito, potrai <a href=\"https:\/\/supporthost.com\/it\/trasferire-wordpress-da-locale-a-remoto\/\" data-type=\"post\" data-id=\"64612\">trasferire WordPress da locale a remoto<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"collegarti-al-sito-da-altri-dispositivi\">Collegarti al sito da altri dispositivi<\/h3>\n\n\n\n<p>Se stai usando pi\u00f9 computer connessi alla stessa rete locale, puoi collegarti al server creato con XAMPP anche da altri dispositivi oltre a quello su cui hai installato XAMPP.<\/p>\n\n\n\n<p>Per farlo devi conoscere l&#8217;<strong>IP locale<\/strong> del computer su cui hai avviato XAMPP.<\/p>\n\n\n\n<p>Dal computer su cui hai avviato XAMPP, apri il <em>prompt dei comandi<\/em> e digita:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ipconfig<\/code><\/pre>\n\n\n\n<p>Questo comando ti restituir\u00e0 le informazioni di rete tra cui l&#8217;IPv4. L&#8217;indirizzo locale sar\u00e0 del tipo 192.168.1.1.<\/p>\n\n\n\n<p>Adesso puoi collegarti da un altro dispositivo, ad esempio dal cellulare o da un altro computer (devi essere sempre collegato alla stessa rete locale) all&#8217;indirizzo:<\/p>\n\n\n\n<p>192.168.1.1\/wordpress\/<\/p>\n\n\n\n<p>Nella prima parte dell&#8217;indirizzo dovrai inserire l&#8217;IP locale del computer su cui \u00e8 avviato il server, nella seconda il nome della cartella con i file del sito.<\/p>\n\n\n\n<p>Ecco fatto!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Se hai letto questa guida fino alla fine, ora sai <strong>come usare XAMPP<\/strong> per creare un <strong>ambiente di test<\/strong>. <\/p>\n\n\n\n<p>Nel tutorial ti ho mostrato passo passo come <strong>installare WordPress con XAMPP<\/strong>. Ricorda per\u00f2 che puoi usare questo strumento non solo per testare siti web, ma qualsiasi applicazione che richieda Apache, MySQL e PHP. <\/p>\n\n\n\n<p>E tu, per cosa lo userai? Facci sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se vuoi creare un server di test locale, ad esempio per iniziare a creare il tuo sito in locale, XAMPP \u00e8 ci\u00f2 che fa al caso tuo. In questa guida ti mostrer\u00f2 come installare e configurare XAMPP e come usarlo nella pratica per installare WordPress in meno di cinque minuti. Prima, per\u00f2, ecco una breve [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63454,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-59439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-generale"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/59439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=59439"}],"version-history":[{"count":5,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/59439\/revisions"}],"predecessor-version":[{"id":64866,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/59439\/revisions\/64866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63454"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=59439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=59439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=59439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}