{"id":43230,"date":"2021-02-24T07:07:37","date_gmt":"2021-02-24T06:07:37","guid":{"rendered":"https:\/\/kinsta.com\/?p=83776"},"modified":"2023-02-03T12:55:36","modified_gmt":"2023-02-03T11:55:36","slug":"da-html-a-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/","title":{"rendered":"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML"},"content":{"rendered":"<p>Possono esserci diversi motivi per caricare e convertire file HTML in WordPress. Potreste voler convertire un vecchio <a href=\"https:\/\/kinsta.com\/blog\/wordpress-vs-static-html\/\">sito HTML statico<\/a> e farlo funzionare su WordPress. Oppure potreste semplicemente aver bisogno di un <a href=\"https:\/\/kinsta.com\/it\/docs\/fatturazione\/piani-hosting-wordpress\/eccedenze\/#disk-space-addon\">posto per memorizzare<\/a> o condividere un file HTML. WordPress offre una soluzione valida in entrambi i casi.<\/p>\n<p>Passare da HTML a WordPress pu\u00f2 sembrare spesso scoraggiante o improduttivo. Siamo qui per mostrarvi gli strumenti necessari per convertire i file HTML in completa autonomia.<\/p>\n<p>L&#8217;HTML \u00e8 un linguaggio di markup semplice e WordPress, anche se potente e <a href=\"https:\/\/kinsta.com\/it\/blog\/perche-usare-wordpress\/\">pieno di funzionalit\u00e0<\/a>, \u00e8 abbastanza semplice e intuitivo. Pertanto, la conversione tra HTML a WordPress non dovrebbe costituire un grosso lavoro.<\/p>\n<p>Continuate a leggere la guida per saperne di pi\u00f9 sulla conversione di file HTML di base a WordPress e sulle situazioni concrete in cui potreste prendere in considerazione la conversione.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Motivi Principali per cui Caricare o Convertire HTML in WordPress<\/h2>\n<p>Se vi state chiedendo perch\u00e9 convertire o caricare file HTML su WordPress, date un&#8217;occhiata ai seguenti esempi.<\/p>\n<ul>\n<li>Convertire un vecchio sito HTML per farlo funzionare sul sistema WordPress. Forse il vecchio design \u00e8 uno dei vostri preferiti o semplicemente non volete passare per il lavoro di riprogettazione. Questo \u00e8 importante anche per mantenere la coerenza dell\u2019<a href=\"https:\/\/kinsta.com\/it\/blog\/esempi-siti-wordpress\/\">immagine del vostro marchio<\/a>.<\/li>\n<li>Convertire una singola pagina web HTML o un post di blog e pubblicarlo sul vostro attuale sito WordPress. Questo \u00e8 particolarmente utile se il vostro tema attuale non ha un layout di pagina personalizzato che vi piace.<\/li>\n<li>Cambiare un modello di sito web HTML in un formato di tema che pu\u00f2 essere installato su WordPress.<\/li>\n<li>Caricare un file di verifica HTML, dimostrando la propriet\u00e0 del vostro sito web a un motore di ricerca o ad altri servizi.<\/li>\n<li>Memorizzare un file HTML sul vostro sito web per usarlo in seguito.<\/li>\n<li>Generare un link a quel file in modo da poterlo condividere o far scaricare agli utenti il file sul loro computer.<\/li>\n<li>Generare un componente di design HTML su una pagina o un post di WordPress, come un box autore personalizzato o un <a href=\"https:\/\/kinsta.com\/it\/blog\/moduli-di-registrazione-wordpress\/\">modulo di sottoscrizione email<\/a>.<\/li>\n<li>Abbinare il vostro tema WordPress con un design di sito web HTML che avete trovato online ma a cui non avete accesso.<\/li>\n<\/ul>\n<p>Come potete vedere, le ragioni per aggiungere un file HTML a WordPress variano in base ai vostri obiettivi. A volte il processo \u00e8 piuttosto semplice, come caricare un file HTML su un post o una pagina del blog WordPress. Altre volte c&#8217;\u00e8 un lungo processo di conversione di un intero sito web HTML con dozzine di file e lavori collaterali che devono essere completati, come trasferire il contenuto del sito web insieme all&#8217;HTML.<\/p>\n<p>Per questa guida sulla conversione e il caricamento di HTML su WordPress, inizieremo con le basi (come caricare un file HTML su WordPress), poi ci sposteremo nei requisiti pi\u00f9 approfonditi per duplicare o convertire siti web HTML completi da far funzionare sul sistema WordPress.<\/p>\n<p>Infine, parleremo dei pro e dei contro dei convertitori HTML automatici e quali strumenti sono disponibili sul mercato.<\/p>\n<p>Continuate a leggere per iniziare il vostro primo caricamento o conversione da HTML a WordPress!<\/p>\n\n<h2>Come Caricare un file HTML su WordPress<\/h2>\n<p>Il primo passo per imparare a trasformare un file HTML in una pagina WordPress o in un sito web completo \u00e8 vedere come funziona il processo di caricamento dei file HTML.<\/p>\n<p>Date un\u2019occhiata a <a href=\"https:\/\/kinsta.com\/it\/blog\/come-caricare-un-file-html-in-wordpress\/\">questa guida per uno sguardo approfondito su come caricare un file HTML su WordPress<\/a>.<\/p>\n<p>Qui sotto vi daremo un rapido riassunto di questo processo per assicurarvi che siete sulla strada giusta mentre vedremo altri passi nel corso di questo articolo.<\/p>\n<p>Ci sono tre metodi per caricare un file HTML su WordPress:<\/p>\n<ol>\n<li>Attraverso la bacheca di WordPress.<\/li>\n<li>Con un client FTP.<\/li>\n<li>Utilizzando cPanel.<\/li>\n<\/ol>\n<p>Il caricamento di un file HTML nella <a href=\"https:\/\/kinsta.com\/it\/blog\/dashboard-wordpress-personalizzata\/\">bacheca di WordPress<\/a> avviene nella <a href=\"https:\/\/kinsta.com\/it\/blog\/libreria-media-wordpress\/\">Libreria media<\/a>. Vedremo alcuni dei percorsi da seguire nei tutorial qui sotto, ma tenete presente che il caricamento di un file attraverso la bacheca di WordPress pu\u00f2 essere fatto su una pagina, un post, o direttamente attraverso la Libreria media.<\/p>\n<p>Un <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-client-ftp\/\">client FTP<\/a> (come <a href=\"https:\/\/kinsta.com\/it\/blog\/filezilla-mostrare-file-nascosti\/\">FileZilla<\/a>) si collega ai file live del vostro sito WordPress, insieme ai file sul vostro computer. Questo vi permette di trasferire i file locali ai file del sito ospitato, purch\u00e9 accediate al client FTP con le vostre <a href=\"https:\/\/kinsta.com\/it\/blog\/come-utilizzare-sftp\/\">credenziali di hosting SFTP<\/a>.<\/p>\n<p>Infine, un <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-cpanel\/\">cPanel di hosting<\/a> offre l&#8217;accesso a un <a href=\"https:\/\/kinsta.com\/it\/blog\/gestione-download-wordpress\/\">file manager online<\/a>. Funziona pi\u00f9 o meno come un client FTP, dandovi il controllo di tutti gli stessi file. La differenza principale \u00e8 che il cPanel \u00e8 una web app online, che richiede di caricare i vostri file sul cPanel invece di trasferirli istantaneamente da un ambiente locale a un sito live in un client FTP.<\/p>\n<p>Ogni metodo ha i suoi pro e contro. Kinsta Hosting non offre un cPanel, quindi \u00e8 meglio caricare i file HTML pi\u00f9 piccoli che desiderate memorizzare o condividere attraverso la bacheca di WordPress.<\/p>\n<p>Un client FTP\/SFTP \u00e8 il metodo scelto per creare un sito web completamente nuovo da un sito HTML statico. La ragione di questo \u00e8 che un client FTP\/SFTP fornisce un&#8217;incredibile quantit\u00e0 di controllo sui file del vostro sito e pu\u00f2 trasferire qualsiasi cosa, dai file multimediali alle cartelle HTML direttamente dal vostro computer.<\/p>\n<h2>Come Aggiungere Codice HTML a una Pagina o a un Post di WordPress<\/h2>\n<p>Ci sono alcuni metodi per caricare un file HTML direttamente su un post o una pagina di WordPress. Il primo \u00e8 il processo di caricare effettivamente un file HTML zip o TXT come elemento multimediale. Questo metodo funziona in modo simile al caricamento di un&#8217;immagine nel media manager, solo che lo state facendo attraverso una pagina o un post, ed \u00e8 un file HTML invece di una foto.<\/p>\n<p>Potreste voler scegliere questo metodo per dare alle persone un link da cui scaricare il file HTML o per accedere voi stessi al file sul backend del vostro sito.<\/p>\n<p>Un&#8217;altra opzione \u00e8 incollare un blocco HTML in una pagina o in un post per aggiungere alcuni elementi di design. Per esempio, potreste avere un modulo d&#8217;iscrizione personalizzato fatto solo per questa pagina che vi interessa inserire con un piccolo snippet di HTML.<\/p>\n<p>Entrambi i metodi hanno scopi e processi diversi per raggiungere i risultati finali.<\/p>\n<p>Per caricare un file HTML su un post o una pagina, seguite questi passi.<\/p>\n<p>Andate su <strong>Pagine &gt; Tutte le pagine<\/strong> nella bacheca di WordPress. Se volete iniziare con una pagina vuota, andate su <strong>Pagine &gt; Aggiungi nuova<\/strong>.<\/p>\n<figure style=\"width: 934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/pages-all.png\" alt=\"Aggiungere nuove pagine in WordPress\" width=\"934\" height=\"441\"><figcaption class=\"wp-caption-text\">Aggiungere nuove pagine in WordPress<\/figcaption><\/figure>\n<p>Scegliete la pagina dove vorreste caricare il file HTML. Potete anche fare clic sul pulsante <strong>Aggiungi nuova<\/strong> se state creando una pagina nuova di zecca.<\/p>\n<p>Questi passi sono praticamente gli stessi per aggiungere file HTML ai post di WordPress. Stiamo semplicemente spiegando come farlo con una pagina di WordPress. Se invece volete usare un post, andate su <strong>Articoli &gt; Tutti gli articoli &gt; Aggiungi nuovo<\/strong>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/about-us.png\" alt=\"Una pagina Chi siamo in WordPress\" width=\"1000\" height=\"690\"><figcaption class=\"wp-caption-text\">Una pagina Chi siamo in WordPress<\/figcaption><\/figure>\n<p>Questa parte dipende dal fatto che stiate usando l\u2019editor a blocchi Gutenberg o l\u2019editor classico di WordPress.<\/p>\n<p>In Gutenberg, potete trovare il pulsante con il segno <strong>+<\/strong> e farci clic sopra per cercare un nuovo blocco di costruzione visuale. Cercte il blocco <strong>File<\/strong>: potete digitare nel campo di ricerca o scorrere l&#8217;elenco dei blocchi per trovarlo.<\/p>\n<p>Selezionate il blocco File per inserirlo nella vostra pagina o nel vostro post.<\/p>\n<p><strong>Nota: <\/strong>Se state usando l&#8217;editor classico di WordPress, fate clic sul pulsante <strong>Aggiungi Media<\/strong> e caricate il vostro file HTML usando quello. Questo crea un link al vostro file che le persone possono scaricare dal front-end del vostro sito.<\/p>\n<figure style=\"width: 1073px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/file-block.png\" alt=\"Aggiungere un modulo 'File' in WordPress\" width=\"1073\" height=\"676\"><figcaption class=\"wp-caption-text\">Aggiungere un modulo &#8216;File&#8217; in WordPress<\/figcaption><\/figure>\n<p>Su Gutenberg, il modulo <strong>File<\/strong> dovrebbe mostrare un pulsante <strong>Carica<\/strong>. Fate clic sul pulsante Carica e individuate il file HTML desiderato sul vostro computer. Questi sono solitamente memorizzati come file TXT, raccolte di file TXT in una cartella, o in file ZIP.<\/p>\n<p>Una volta caricato sul vostro sito web, il file viene rivelato come un link. Qualsiasi utente pu\u00f2 ora venire sul vostro sito e fare clic sul link da quella pagina o post per visualizzare il file HTML e persino scaricarlo sul proprio computer.<\/p>\n<p>Inoltre, quel file viene memorizzato nella vostra libreria multimediale, quindi potete andare nella libreria per ottenere l&#8217;URL del file in qualsiasi momento e metterlo dove volete. Potete anche semplicemente usare WordPress come archivio per il file.<\/p>\n<p>Se volete solo memorizzare il file in WordPress e non avere un link scaricabile e cliccabile per tutti i vostri utenti, cancellate semplicemente il link creato nella pagina o nel post.<\/p>\n<figure style=\"width: 907px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/upload-button-2.png\" alt=\"Pulsante 'Upload' sotto il blocco 'Files' in WordPress\" width=\"907\" height=\"442\"><figcaption class=\"wp-caption-text\">Pulsante &#8216;Carica&#8217; sotto il blocco &#8216;File&#8217; in WordPress<\/figcaption><\/figure>\n<p>Potreste vedere un errore che vi dice che il tipo di file non \u00e8 consentito per motivi di sicurezza. Questo \u00e8 piuttosto comune, quindi date <a href=\"https:\/\/kinsta.com\/it\/blog\/non-hai-i-permessi-per-caricare-questo-tipo-di-file\/\">un&#8217;occhiata a questa guida per rimuovere l\u2019errore <\/a> e consentire la maggior parte dei tipi di file nella vostra libreria multimediale di WordPress. Nel complesso, il processo comporta la modifica del file <strong>wp-config.php<\/strong> o l&#8217;uso di un plugin per eliminare l&#8217;errore.<\/p>\n<figure style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/error-card.png\" alt=\"Errore di tipo di file non valido in WordPress\" width=\"927\" height=\"511\"><figcaption class=\"wp-caption-text\">Errore di tipo di file non valido in WordPress<\/figcaption><\/figure>\n<h3>Aggiungere il Codice HTML al Design della Vostra Pagina o del Vostro Post<\/h3>\n<p>Come menzionato prima, una delle ragioni per cui si pu\u00f2 considerare l&#8217;aggiunta di un file HTML a una pagina o a un post \u00e8 quella di rendere un semplice design su quella pagina o post.<\/p>\n<p>Il metodo precedente \u00e8 pi\u00f9 per la memorizzazione di file HTML su WordPress e l&#8217;aggiunta di un link affinch\u00e9 le persone possano scaricarli.<\/p>\n<p>Questa \u00e8 una soluzione pi\u00f9 funzionale, visto che avete l&#8217;opportunit\u00e0 di copiare e incollare o usare il vostro codice HTML per cose come moduli, box autore, banner e altro.<\/p>\n<p>Andate alla pagina o al post di vostra scelta e scegliete la sezione in cui volete inserire il codice HTML.<\/p>\n<p>Fate clic sul segno <strong>+<\/strong> per vedere la selezione dei blocchi. Trovate il blocco HTML personalizzato digitandolo nel campo di ricerca o scorrendo l&#8217;elenco dei blocchi.<\/p>\n<p>Scegliete il blocco HTML personalizzato per inserirlo nella pagina o nel post.<\/p>\n<figure style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/html-module.png\" alt=\"Aggiungere un blocco 'HTML personalizzato' in Gutenberg\" width=\"1060\" height=\"688\"><figcaption class=\"wp-caption-text\">Aggiungere un blocco &#8216;HTML personalizzato&#8217; in Gutenberg<\/figcaption><\/figure>\n<p>Quel blocco fornisce un semplice campo di codice vuoto per incollare o digitare qualsiasi codice HTML che avete a disposizione.<\/p>\n<p>Per questo tutoriale, incolleremo un semplice modulo di contatto con un campo email e un pulsante Submit (Invia).<\/p>\n<p>Una volta che avete il codice HTML nel blocco, fate sul pulsante Carica o Pubblica per visualizzarlo nel front-end della vostra pagina o post.<\/p>\n<figure style=\"width: 973px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/free-form-html.png\" alt=\"Modulo da HTML a WordPress\" width=\"973\" height=\"517\"><figcaption class=\"wp-caption-text\">Modulo da HTML a WordPress<\/figcaption><\/figure>\n<p>Se andate al front-end della pagina o del post, l&#8217;HTML dovrebbe fare il suo lavoro e rivelare qualsiasi design o funzionalit\u00e0 che stavate cercando di aggiungere al layout.<\/p>\n<p>In questo caso, potete vedere il modulo dove chiediamo un&#8217;email e abbiamo anche inserito un pulsante Submit.<\/p>\n<figure style=\"width: 906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/simple-form-on-frontend.png\" alt=\"La vista front-end del modulo\" width=\"906\" height=\"807\"><figcaption class=\"wp-caption-text\">La vista front-end del modulo<\/figcaption><\/figure>\n<p>Il processo e il risultato non sono molto diversi nell&#8217;editor classico di WordPress, tranne che non userete un blocco Gutenberg drag-and-drop. Dovrete invece andare alla scheda Testo nel vostro editor (invece della scheda Visuale) e incollare il codice HTML ovunque vogliate che appaia nella pagina.<\/p>\n<h2>Come Caricare un File di Verifica HTML su WordPress<\/h2>\n<p>Un&#8217;altra ragione per cui potreste voler caricare l&#8217;HTML su WordPress \u00e8 per esigenze di ottimizzazione della ricerca. Google, e alcuni altri motori di ricerca, offrono console e strumenti per webmaster per visualizzare le prestazioni del vostro sito e ottimizzare il vostro contenuto con l&#8217;aiuto di analisi e rapporti che controllano i problemi e suggeriscono correzioni.<\/p>\n<p>Tuttavia, Google non pu\u00f2 presumere che voi siate proprietari di un qualsiasi sito web solo perch\u00e9 dite di esserlo. \u00c8 qui che entra in gioco un file di verifica HTML.<\/p>\n<p>In poche parole, Google fornisce un file HTML che dovete caricare sul vostro sito web. Solo il proprietario del sito dovrebbe avere accesso ai file del sito web, quindi Google usa questo come un modo per assicurarsi che non stiate cercando di controllare gli strumenti per webmaster di qualcun altro.<\/p>\n<p>Il file di verifica HTML caricato invia quindi un messaggio a Google indicando che il file \u00e8 stato aggiunto a quel dominio e che voi siete, in effetti, le persone titolari del sito.<\/p>\n<p>\u00c8 prudente imparare a caricare un file di verifica HTML poich\u00e9 Google e i motori di ricerca non sono gli unici servizi che vi chiedono di verificare la vostra identit\u00e0 o propriet\u00e0 con file come questi. Anche alcuni plugin di terze parti, elenchi e plugin vogliono assicurarsi che non siate degli intrusi.<\/p>\n<h3>Motivi per Caricare un File di Verifica HTML<\/h3>\n<ul>\n<li>Per verificare che possedete un sito web per gli strumenti di ottimizzazione dei motori di ricerca.<\/li>\n<li>Quando dovete provare la titolarit\u00e0 di alcune directory online.<\/li>\n<li>Se avete bisogno di collegarvi a un&#8217;integrazione o a un plugin di terzi, dovete capire se mantenere effettivamente la propriet\u00e0 del vostro sito.<\/li>\n<\/ul>\n<p>Come potete vedere, questo file HTML pu\u00f2 provenire da diverse fonti. In genere non dovete sapere nulla del contenuto del file HTML, ma solo che \u00e8 utilizzato per inviare quel pingback al servizio per indicare che avete il controllo dei file del sito.<\/p>\n<p>Detto questo, la nostra dimostrazione del caricamento di un file di verifica HTML su WordPress coinvolger\u00e0 la Google Search Console, visto che questo \u00e8 uno dei motivi pi\u00f9 comuni per utilizzare un file di verifica.<\/p>\n<p>Per iniziare, registrate il vostro sito web con Google. Questo viene fatto andando sullo <a href=\"https:\/\/kinsta.com\/it\/blog\/google-search-console\/\">strumento Google Search Console<\/a>. Fate clic sul pulsante &#8216;Inizia ora&#8217; e accedete al vostro account Google o registrate un account con Google.<\/p>\n<figure style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/click-the-start-now-button.png\" alt=\"Premete 'Inizia ora' in Google Search Console\" width=\"900\" height=\"730\"><figcaption class=\"wp-caption-text\">Premete &#8216;Inizia ora&#8217; in Google Search Console<\/figcaption><\/figure>\n<p>Una volta fatto l\u2019accesso alla Google Search Console, potreste vedere un elenco di propriet\u00e0 che avete gestito o testato in passato. D&#8217;altra parte, potreste vedere un elenco vuoto.<\/p>\n<p>Indipendentemente da ci\u00f2, andate alla scheda Cerca propriet\u00e0 nell&#8217;angolo in alto a sinistra della bacheca.<\/p>\n<p>Nel menu a discesa, selezionate la scelta <a href=\"https:\/\/kinsta.com\/it\/blog\/google-search-console\/#step-4--add-your-domain\">Aggiungi propriet\u00e0<\/a> per andare avanti. Questo vi permette di aggiungere il vostro sito web come propriet\u00e0 gestita nella Google Search Console.<\/p>\n<figure style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/add-property.png\" alt=\"Aggiungere una propriet\u00e0 in Google Search Console\" width=\"900\" height=\"458\"><figcaption class=\"wp-caption-text\">Aggiungere una propriet\u00e0 in Google Search Console<\/figcaption><\/figure>\n<p>La successiva finestra popup vi chiede di selezionare un tipo di propriet\u00e0. L&#8217;opzione Dominio vi permette di verificare tutti gli URL su tutti i sottodomini. Questo \u00e8 spesso il modo pi\u00f9 semplice per verificare una pagina, ma richiede la verifica del DNS, che si trova nel vostro account di hosting.<\/p>\n<p>Tuttavia, al momento stiamo parlando di upload di file HTML, quindi passeremo attraverso l&#8217;opzione del prefisso URL, che \u00e8 un metodo pi\u00f9 vecchio, ma ancora affidabile per verificare che si possiede un sito web. Inoltre, questo metodo aiuta a identificare URL specifici sotto l&#8217;indirizzo inserito.<\/p>\n<p>Quindi, prendete l&#8217;URL dal vostro sito web e incollatelo nel campo <strong>Prefisso URL.<\/strong><\/p>\n<p>Fate clic sul pulsante <strong>Continua<\/strong>.<\/p>\n<figure style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/url-prefix.png\" alt=\"Inserire l'URL del sito nella GSC\" width=\"900\" height=\"620\"><figcaption class=\"wp-caption-text\">Inserire l&#8217;URL del sito nella GSC<\/figcaption><\/figure>\n<p>Ora la Google Search Console richiede di verificare la propriet\u00e0 del sito web.<\/p>\n<p>Ci sono diversi altri metodi di verifica, ma questo \u00e8 quello che utilizza un caricamento di file HTML.<\/p>\n<p>Fate clic sul pulsante che vi chiede di scaricare il file.<\/p>\n<p>Salvate quel file HTML sul vostro computer in una cartella che ricorderete.<\/p>\n<p>Il passo successivo \u00e8 quello di caricare il file sul sito WordPress che avete incollato nella Google Search Console di prima.<\/p>\n<figure style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/download-the-file.png\" alt=\"Verifica della propriet\u00e0 del sito nella GSC\" width=\"900\" height=\"706\"><figcaption class=\"wp-caption-text\">Verifica della propriet\u00e0 del sito nella GSC<\/figcaption><\/figure>\n<p>Come gi\u00e0 detto, <a href=\"https:\/\/kinsta.com\/it\/blog\/come-caricare-un-file-html-in-wordpress\/\">ci sono tre opzioni per caricare un file HTML su WordPress<\/a>.<\/p>\n<p>Il primo metodo, il caricamento attraverso la bacheca, \u00e8 sicuramente un&#8217;opzione valida. Molte persone vengono prese alla sprovvista quando viene fuori un errore comune per il caricamento di un file HTML nella Libreria Media. A causa di questo, \u00e8 spesso pi\u00f9 veloce fare i vostri upload con un client FTP. Se, tuttavia, avete intenzione di fare un caricamento sulla bacheca di WordPress, e vedete l&#8217;errore &#8220;Sorry, This File Type is Not Permitted&#8221;, usate <a href=\"https:\/\/kinsta.com\/it\/blog\/non-hai-i-permessi-per-caricare-questo-tipo-di-file\/\">questa guida per risolvere il problema<\/a>.<\/p>\n<p>Ora avete le altre due soluzioni: usare un client FTP\/SFTP o caricare sul cPanel dal vostro account di hosting.<\/p>\n<p>Il cPanel non \u00e8 una cattiva scelta per alcuni host, ma di nuovo, Kinsta non offre un cPanel. Pertanto, ci concentreremo principalmente sul caricamento del file HTML attraverso un client FTP\/SFTP. I passi dettagliati sono delineati nell&#8217;articolo linkato sopra, ma ecco un rapido riassunto per guidarvi lungo la strada.<\/p>\n<p>Per iniziare, <a href=\"https:\/\/filezilla-project.org\/\">scaricate FileZilla <\/a>sul vostro computer. Potete anche provare altri <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-client-ftp\/\">client FTP\/SFTP<\/a>.<\/p>\n<p><strong>Nota: <\/strong>vi consigliamo di fare un backup del vostro sito web prima di questo processo. \u00c8 raro che si manifestino problemi con un sito durante il trasferimento di file via FTP\/SFTP, ma \u00e8 assolutamente possibile. Siccome non volete mandare in crash il vostro sito o perdere dati, create un <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/wordpress-backup\/#external-backups-addon\">file di backup del sito<\/a>.<\/p>\n<p>Aprite il client FTP\/SFTP e digitate le vostre credenziali FTP\/SFTP per connettervi all&#8217;host web.<\/p>\n<figure style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creds.png\" alt=\"Inserite le vostre credenziali SFTP in Filezilla\" width=\"1266\" height=\"899\"><figcaption class=\"wp-caption-text\">Inserite le vostre credenziali SFTP in Filezilla<\/figcaption><\/figure>\n<p>Le credenziali richieste sono le seguenti:<\/p>\n<ul>\n<li>Host<\/li>\n<li>Username<\/li>\n<li>Password<\/li>\n<li>Port<\/li>\n<\/ul>\n<p>Dove trovate le credenziali del vostro sito WordPress?<\/p>\n<p>Di solito si trovano nella bacheca del vostro hosting, quindi potete contattare il vostro host o cercarle da voi.<\/p>\n<p>Kinsta offre un percorso facile per individuare le credenziali FTP\/SFTP: le trovate nella scheda Siti nel vostro pannello di hosting Kinsta e selezionando il sito web desiderato.<\/p>\n<p>Sotto la scheda Info, cercate l&#8217;area SFTP\/SSH. Copiate le credenziali corrispondenti nel client FTP\/SFTP.<\/p>\n<p>Potete vedere gli elementi Host, Username, Password e Port tutti ben organizzati in Kinsta.<\/p>\n<figure style=\"width: 936px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/sftp-credentials-MyKinsta.png\" alt=\"Credenziali SFTP sotto il cruscotto di MyKinsta\" width=\"936\" height=\"668\"><figcaption class=\"wp-caption-text\">Credenziali SFTP sotto il cruscotto di MyKinsta<\/figcaption><\/figure>\n<p>Incollate questi elementi nel client FTP\/SFTP e fate clic sul pulsante Quickconnect.<\/p>\n<p>Se vedete un errore, \u00e8 molto probabile che sia perch\u00e9 FileZilla ha come default il protocollo FTP e non il protocollo SFTP. Per risolvere il problema, andate in <strong>File &gt; Site Manager.<\/strong> Aggiungete un nuovo sito in FileZilla e selezionate SFTP. Incollate le credenziali di hosting in quell&#8217;area e provate a connettervi di nuovo.<\/p>\n<figure style=\"width: 1204px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-site-manager.png\" alt=\"Il gestore di siti per passare da HTML a WordPress\" width=\"1204\" height=\"797\"><figcaption class=\"wp-caption-text\">Il gestore di siti per passare da HTML a WordPress<\/figcaption><\/figure>\n<p>Dopo la connessione al vostro host, tutti i file del sito WordPress appariranno per la modifica.<\/p>\n<figure style=\"width: 1215px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/see-the-new-site-files.png\" alt=\"Digitare le credenziali per vedere i file del nuovo sito\" width=\"1215\" height=\"805\"><figcaption class=\"wp-caption-text\">Digitare le credenziali per vedere i file del nuovo sito<\/figcaption><\/figure>\n<p>Individuate il file principale del vostro sito, che contiene cartelle come <strong>wp-content<\/strong> e <strong>wp-admin<\/strong>.<\/p>\n<figure style=\"width: 1225px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-root.png\" alt=\"Trovare la cartella root di base del vostro sito.\" width=\"1225\" height=\"803\"><figcaption class=\"wp-caption-text\">Trovare la cartella root di base del vostro sito.<\/figcaption><\/figure>\n<p>Trovate il file di verifica HTML (in questo caso, l&#8217;ho rinominato per trovarlo pi\u00f9 facilmente) sotto l&#8217;area che mostra i file del vostro computer. Per esempio, potreste vederlo sotto <strong>Downloads<\/strong> se \u00e8 l\u00ec che vanno i vostri download da internet.<\/p>\n<p>Trascinate quel file sul file principale del vostro sito web. Tutto questo viene fatto nel client FTP\/SFTP.<\/p>\n<figure style=\"width: 1205px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/move-it-over.png\" alt=\"Trascinare il file per caricarlo sul vostro server\" width=\"1205\" height=\"815\"><figcaption class=\"wp-caption-text\">Trascinare il file per caricarlo sul vostro server<\/figcaption><\/figure>\n<p>Il caricamento dovrebbe richiedere solo pochi secondi.<\/p>\n<figure style=\"width: 1195px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/done-2.png\" alt=\"Il file \u00e8 ora caricato\" width=\"1195\" height=\"797\"><figcaption class=\"wp-caption-text\">Il file \u00e8 ora caricato<\/figcaption><\/figure>\n<p>Una volta che \u00e8 nei file del vostro sito, potete tornare alla pagina di verifica di Google e controllare vi ha riconosciuto come proprietari del sito. Un messaggio di successo dovrebbe apparire su Google Search Console, e diverse funzioni si apriranno per voi per ottimizzare e analizzare la salute del vostro sito web.<\/p>\n<h2>Convertire Manualmente un Intero Sito HTML in WordPress<\/h2>\n<p>Per convertire un sito HTML in WordPress, \u00e8 possibile usare un plugin\/app, convertire manualmente i file, o usare un tema child e trasferire i file HTML in quel tema child.<\/p>\n<p>Il primo \u00e8 convertire manualmente quell&#8217;HTML per fare un tema WordPress.<\/p>\n<p>Alcuni dicono che \u00e8 il pi\u00f9 scoraggiante dei metodi, ma altri lo preferiscono poich\u00e9 si ottiene il pieno controllo sul processo e non si deve fare affidamento su applicazioni o plugin che a volte possono essere inaffidabili. Seguite i passi qui sotto per completare manualmente una conversione completa del sito da HTML a WordPress.<\/p>\n<h3>Creare una Cartella per il Vostro Tema e Aggiungere i File Standard del Tema<\/h3>\n<p>Sul vostro computer, create una cartella per salvare tutti i file di base del vostro tema. Chiamate la cartella come volete, preferibilmente dandole un nome che potete ricordare.<\/p>\n<p>Create i seguenti file di base del tema:<\/p>\n<ul>\n<li><strong>style.css<\/strong><\/li>\n<li><strong>index.php<\/strong><\/li>\n<li><strong>header.php<\/strong><\/li>\n<li><strong>sidebar.php<\/strong><\/li>\n<li><strong>footer.php<\/strong><\/li>\n<\/ul>\n<p>Sentitevi liberi di aprirli nel vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/editor-html-gratuiti\/\">editor di codice o di testo<\/a> dato che li modificherete in futuro. A partire da ora, non c&#8217;\u00e8 bisogno di aggiungere alcun codice ai file. Lasciateli semplicemente nella cartella.<\/p>\n<p><strong>Nota: <\/strong>potete iniziare a crearli come file TXT. Se poi cambiate l&#8217;estensione del file, come da <strong>.txt<\/strong> a <strong>.php<\/strong> o da <strong>.txt<\/strong> a <strong>.css<\/strong>, il vostro computer lo adatta automaticamente al formato giusto. Per esempio, aggiungendo un&#8217;estensione <strong>.css<\/strong> trasformate il file in un <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-css\/\">Cascading Style Sheet<\/a>.<\/p>\n<figure style=\"width: 1018px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/files-in-folder.png\" alt=\"I file del sito per il passaggio da HTML a WordPress\" width=\"1018\" height=\"529\"><figcaption class=\"wp-caption-text\">I file del sito per il passaggio da HTML a WordPress<\/figcaption><\/figure>\n<h3>Trasferire l&#8217;Attuale CSS del Vostro Sito WordPress nella Nuova Cartella<\/h3>\n<p>Dovreste gi\u00e0 avere un tema installato sul vostro attuale sito WordPress. Se no, andate avanti e <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-un-tema-wordpress\/\">installate un tema <\/a> per proseguire.<\/p>\n<p>Userete il CSS del tema corrente come base, costruendoci sopra nel file <strong>style.css<\/strong> con i file del vostro sito HTML.<\/p>\n<p>Quindi, copiate l\u2019header del foglio di stile dal vostro sito WordPress nel nuovo file <strong>style.css.<\/strong><\/p>\n<p>Dovrebbe avere un aspetto simile a questo:<\/p>\n<pre><code class=\"language-html\">\/*\nTheme Name: Twenty Seventeen\nTheme URI: https:\/\/wordpress.org\/themes\/twentyseventeen\/\nAuthor: the WordPress team\nAuthor URI: https:\/\/wordpress.org\/\nDescription: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.\nVersion: 2.4\nRequires at least: 4.7\nRequires PHP: 5.2.4\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentyseventeen\nTags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready\n\nThis theme, like WordPress, is licensed under the GPL.\nUse it to make something cool, have fun, and share what you've learned with others.\n*\/<\/code><\/pre>\n<p>In questo caso, il sito sta usando il tema Twenty Seventeen. Se state usando un tema diverso, vedrete alcune variazioni nell\u2019header del foglio di stile.<\/p>\n<p>Ora \u00e8 il momento di sostituire gli elementi del vecchio tema con informazioni sul vostro nuovo tema.<\/p>\n<p>Per farlo, scambiate i seguenti elementi:<\/p>\n<ul>\n<li>Theme Name: Chiamate liberamente il vostro tema come volete, ma non \u00e8 una cattiva idea usare lo stesso nome della cartella che lo contiene.<\/li>\n<li>Theme URI: Potete usare l&#8217;URL primario del vostro sito per questo.<\/li>\n<li>Author: Qui scrivete il vostro nome, o qualsiasi nome vogliate usare.<\/li>\n<li>Author URI: Fate in modo che questo sia un link alla vostra homepage.<\/li>\n<li>Description: Qui potete aggiungere una descrizione del vostro tema da mostrare sul back-end del vostro sito WordPress.<\/li>\n<\/ul>\n<p>Lascia tutto il resto cos\u00ec com&#8217;\u00e8. La maggior parte degli altri elementi come la licenza e i tag servono solo se avete intenzione di pubblicare il nuovo tema nella WordPress Theme Directory.<\/p>\n<p>Ricordate, quello che avete appena incollato e modificato \u00e8 l\u2019header del vostro tema.<\/p>\n<p>Cercate il CSS esistente nel vostro sito HTML. Copiate e incollate questo CSS dopo l\u2019header nel nuovo file <strong>style.css.<\/strong><\/p>\n<p>Salvate e chiudete il file <strong>style.css.<\/strong><\/p>\n<h3>Prendere il Vostro HTML Attuale e Dividerlo in Pezzi<\/h3>\n<p>WordPress generalmente usa PHP per estrarre elementi come file, codice e media dal suo database. Pertanto, un sito web HTML deve essere spezzettato in file PHP separati per fondersi con l&#8217;infrastruttura di WordPress.<\/p>\n<p>Questo passaggio potrebbe sembrare complicato, ma tutto ci\u00f2 che dovete fare \u00e8 dividere il vostro documento HTML in diverse parti, trasformando ciascuna di queste parti in file PHP.<\/p>\n<p>Ogni file HTML avr\u00e0 un aspetto diverso, ma avere un esempio visivo aiuta. Pertanto, mostreremo alcuni modelli di siti web HTML per dimostrarlo.<\/p>\n<p>Il seguente codice \u00e8 un&#8217;ottima opzione per fare un controllo incrociato con il vostro file HTML. \u00c8 una semplice pagina web HTML con un header, voci di menu, sottotitoli, una barra laterale e un footer. Potete trovare un codice simile nel vostro file <strong>index.html.<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;!doctype html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\"&gt;\n&lt;title&gt;Test Site&lt;\/title&gt;\n&lt;meta name=\"description\" content=\"Website description\"&gt;\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n\n&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n&lt;div class=\"header-container\"&gt;\n&lt;header class=\"wrapper clearfix\"&gt;\n&lt;h1 class=\"title\"&gt;Website Title&lt;\/h1&gt;\n&lt;nav&gt;\n&lt;ul&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #1&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #2&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #3&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/nav&gt;\n&lt;\/header&gt;\n&lt;\/div&gt;\n\n&lt;div class=\"main-container\"&gt;\n&lt;main class=\"main wrapper clearfix\"&gt;\n&lt;article&gt;\n&lt;header class=\"entry-header\"&gt;\n&lt;h2 class=\"entry-title\"&gt;Article&lt;\/h2&gt;\n&lt;\/header&gt;\n&lt;p&gt;Test text right here..&lt;\/p&gt;\n&lt;h2&gt;Subheading&lt;\/h2&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;\/p&gt;\n&lt;h2&gt;A Sub&lt;\/h2&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;\/p&gt;\n&lt;\/article&gt;\n&lt;aside&gt;\n&lt;h3&gt;Sidebar here&lt;\/h3&gt;\n&lt;p&gt;Etiam ullamcorper lorem dapibus velit suscipit ultrices. &lt;\/p&gt;\n&lt;\/aside&gt;\n&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2019 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Il seguente modello \u00e8 ancora un altro esempio su cui basare le proprie strategie.<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_84407\" aria-describedby=\"caption-attachment-84407\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/spacial-html-template.png\" alt=\"Un esempio di sito HTML\" width=\"938\" height=\"761\"><figcaption id=\"caption-attachment-84407\" class=\"wp-caption-text\">Un esempio di sito HTML<\/figcaption><\/figure>\n<p>Come potete vedere, quest\u2019altro file <strong>index.html <\/strong> \u00e8 un po&#8217; pi\u00f9 complicato ma strutturato in modo ancora familiare.<\/p>\n<figure id=\"attachment_88608\" aria-describedby=\"caption-attachment-88608\" style=\"width: 1078px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/html-index.png\" alt=\"Esempio di un file index HTML\" width=\"1078\" height=\"685\"><figcaption id=\"caption-attachment-88608\" class=\"wp-caption-text\">Esempio di un file index HTML<\/figcaption><\/figure>\n<p>Entrambi gli esempi includono header, aree di contenuto, barre laterali e footer.<\/p>\n<p>Molto probabilmente avrete un design diverso. Per questo motivo, dovrete modificare i passi descritti qui sotto.<\/p>\n<p>Ogni passo in avanti comporta la modifica e l&#8217;aggiunta a ciascuno dei nuovi file WordPress che avete creato prima. Detto questo, tenete aperto il file <strong>index.html<\/strong> del vostro sito HTML. Lo userete pi\u00f9 avanti.<\/p>\n<h4>Il File header.php<\/h4>\n<p>Nel vostro file HTML aperto, cercate tutto all&#8217;inizio del file e alla fine dell&#8217;area di contenuto principale. L&#8217;area di contenuto principale \u00e8 tipicamente rappresentata con un <strong>tag <code>&lt;div class=\"main\"&gt;<\/code> o <code>&lt;main&gt;<\/code>.<\/strong><\/p>\n<p>Copiate e incollate questa sezione del file HTML nel vostro nuovo file <strong>header.php.<\/strong><\/p>\n<p>Dopo di che, cercate il punto in cui c&#8217;\u00e8 scritto <strong><code>&lt;\/head&gt;<\/code>.<\/strong><\/p>\n<p>Subito prima di questo, incollate quanto segue:<\/p>\n<pre><code class=\"language-css\">&lt;?php wp_head();?&gt;<\/code><\/pre>\n<p>Questo pezzo di codice \u00e8 importante per il funzionamento della maggior parte dei plugin di WordPress.<\/p>\n<h4>Il File sidebar.php<\/h4>\n<p>Cercate la sezione <code><strong> &lt;aside&gt;<\/strong><\/code> nel vostro file <strong>index.html.<\/strong><\/p>\n<p>Tutto ci\u00f2 che si trova all&#8217;interno dei <strong>tag <code>&lt;aside&gt;<\/code> e <code>&lt;\/aside&gt;<\/code><\/strong> compresi gli stessi tag aside, dovrebbe essere copiato nel nuovo file <strong>sidebar.php<\/strong>.<\/p>\n<p>Nel nostro file di esempio, ha pi\u00f9 o meno questo aspetto:<\/p>\n<pre><code class=\"language-html\">&lt;aside&gt;\n&lt;h3&gt;Sidebar here&lt;\/h3&gt;\n&lt;p&gt;Etiam ullam corper lorem dapibus velit suscipit ultrices. &lt;\/p&gt;\n&lt;\/aside&gt;<\/code><\/pre>\n<h4>Il File footer.php<\/h4>\n<p>Se avete un sito HTML semplice, potreste avere solo le informazioni del vostro footer da trasferire. Altri siti sono un po&#8217; pi\u00f9 complicati. Indipendentemente da ci\u00f2, non \u00e8 una cattiva idea finire con la modifica del footer, visto che \u00e8 uno dei blocchi fondamentali che compongono i file del sito WordPress.<\/p>\n<p>Nel file <strong>index.html<\/strong>, trovate e copiate tutto il codice dopo il tag <strong>&lt;\/aside&gt;<\/strong> (quello della barra laterale).<\/p>\n<p>Di nuovo, potreste avere pi\u00f9 contenuto dopo la sezione della barra laterale, ma \u00e8 possibile per i siti HTML pi\u00f9 semplici avere a che fare solo con il footer.<\/p>\n<p>Nel nostro esempio, il footer ha questo aspetto:<\/p>\n<pre><code class=\"language-html\">&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2020 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Ma non andiamo cos\u00ec in fretta. Dopo aver incollato il codice del footer nel nuovo file <strong>footer.php<\/strong>, aggiungete lo <strong>snippet <code>&lt;?php wp_footer();?&gt;<\/code><\/strong> proprio prima della parentesi <strong><code>&lt;\/body&gt;<\/code><\/strong>. Questo permette al footer di funzionare correttamente con WordPress.<\/p>\n<p>Potete vedere un esempio nel codice <strong><code>&lt;?php wp_footer();?&gt;<\/code><\/strong> incollato nel file footer qui sotto.<\/p>\n<pre><code class=\"language-html\">&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2020 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;?php wp_footer();?&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Assicuratevi di salvare tutti questi nuovi file nella cartella del vostro tema. Per esempio, dopo aver incollato questo codice footer nel file <strong>footer.php<\/strong>, dovreste fare clic sul pulsante Salva nel vostro editor e chiuderlo.<\/p>\n<p>Ora che i file di base sono fatti, chiudete il file <strong>index.html<\/strong> originale del vostro sito web HTML.<\/p>\n<h3>Collegare i Vostri File header.php e index.php a WordPress<\/h3>\n<p>Anche se l\u2019avete gi\u00e0 aggiunto al file <strong>header.php<\/strong>, avete ancora bisogno di fare ulteriori azioni. In pratica, volete modificare la chiamata nel foglio di stile dall&#8217;HTML che \u00e8 l\u00ec dentro nel formato standard PHP di WordPress.<\/p>\n<p>Tornando al file <strong>header.php<\/strong>, trovate la sezione <strong>&lt;head&gt;.<\/strong><\/p>\n<p>Stiamo cercando la chiamata del foglio di stile. Assomiglier\u00e0 a qualcosa del genere:<\/p>\n<pre><code class=\"language-css\">&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;<\/code><\/pre>\n<p>Cancellate questa chiamata e sostituitela con la seguente:<\/p>\n<pre><code class=\"language-css\">&lt;link rel=\"stylesheet\" href=\"&lt;?php echo get_template_directory_uri(); ?&gt;\/style.css\" type=\"text\/css\" media=\"all\" \/&gt;<\/code><\/pre>\n<p>Questo \u00e8 tutto quello che dovete fare nel file <strong>header.php.<\/strong> La chiamata per il foglio di stile sta ora lavorando con il formato WordPress, non HTML.<\/p>\n<p>Andate avanti, salvate e chiudete il file <strong>header.php.<\/strong><\/p>\n<p>Poi, sprite il file <strong>index.php<\/strong> (non il file <strong>index.html<\/strong> che stavate usando prima, ma il nuovo file <strong>index.php<\/strong>).<\/p>\n<p>In questo momento, il file <strong>index.php<\/strong> \u00e8 vuoto.<\/p>\n<p>Prendete il seguente codice e copiatelo e incollatelo nel nuovo file <strong>index.php.<\/strong> Lasciate lo spazio tra le prime due linee. \u00c8 l\u00ec per un motivo che vedremo presto.<\/p>\n<p>Queste linee agiscono come chiamate agli altri file del vostro sito, inclusi <strong>header.php<\/strong>, <strong>sidebar.php<\/strong> e <strong>footer.php<\/strong>.<\/p>\n<pre><code class=\"language-css\">&lt;?php get_header(); ?&gt;\n\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Lo spazio aperto nella seconda linea \u00e8 riservato a ci\u00f2 che chiamiamo The Loop, o un processo dinamico in WordPress che viene eseguito in background per aggiungere nuovi post al vostro sito. Essenzialmente, sta facendo sapere a WordPress che altro contenuto deve ancora arrivare e che dovrebbe usare The Loop per aggiungere quel contenuto. Trovate <a href=\"https:\/\/codex.wordpress.org\/The_Loop\">maggiori informazioni su The Loop qui<\/a>.<\/p>\n<p>Per aggiungere The Loop, incollate il seguente codice nello spazio che avete lasciato prima nel file <strong>index.php<\/strong> (proprio sotto &lt;?php get_header(); ?&gt;).<\/p>\n<pre><code class=\"language-css\">&lt;?php while ( have_posts() ) : the_post(); ?&gt;\n&lt;article class=\"&lt;?php post_class(); ?&gt;\" id=\"post-&lt;?php the_ID(); ?&gt;\"&gt;\n&lt;h2 class=\"entry-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\n&lt;?php if ( !is_page() ):?&gt;\n&lt;section class=\"entry-meta\"&gt;\n&lt;p&gt;Posted on &lt;?php the_date();?&gt; by &lt;?php the_author();?&gt;&lt;\/p&gt;\n&lt;\/section&gt;\n&lt;?php endif; ?&gt;\n&lt;section class=\"entry-content\"&gt;\n&lt;?php the_content(); ?&gt;\n&lt;\/section&gt;\n&lt;section class=\"entry-meta\"&gt;&lt;?php if ( count( get_the_category() ) ) : ?&gt;\n&lt;span class=\"category-links\"&gt;\nPosted under: &lt;?php echo get_the_category_list( ', ' ); ?&gt;\n&lt;\/span&gt;\n&lt;?php endif; ?&gt;&lt;\/section&gt;\n&lt;\/article&gt;\n&lt;?php endwhile; ?&gt;<\/code><\/pre>\n<p>Il risultato dovrebbe essere questo:<\/p>\n<pre><code class=\"language-css\">&lt;?php get_header(); ?&gt;\n&lt;?php while ( have_posts() ) : the_post(); ?&gt;\n&lt;article class=\"&lt;?php post_class(); ?&gt;\" id=\"post-&lt;?php the_ID(); ?&gt;\"&gt;\n&lt;h2 class=\"entry-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\n&lt;?php if ( !is_page() ):?&gt;\n&lt;section class=\"entry-meta\"&gt;\n&lt;p&gt;Posted on &lt;?php the_date();?&gt; by &lt;?php the_author();?&gt;&lt;\/p&gt;\n&lt;\/section&gt;\n&lt;?php endif; ?&gt;\n&lt;section class=\"entry-content\"&gt;\n&lt;?php the_content(); ?&gt;\n&lt;\/section&gt;\n&lt;section class=\"entry-meta\"&gt;&lt;?php if ( count( get_the_category() ) ) : ?&gt;\n&lt;span class=\"category-links\"&gt;\nPosted under: &lt;?php echo get_the_category_list( ', ' ); ?&gt;\n&lt;\/span&gt;\n&lt;?php endif; ?&gt;&lt;\/section&gt;\n&lt;\/article&gt;\n&lt;?php endwhile; ?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Andate avanti e salvate il file <strong>index.php.<\/strong> Potete anche chiudere il file ora.<\/p>\n<p>Fatto questo, un tema WordPress basato sul vostro sito HTML originale \u00e8 pronto per essere caricato in WordPress.<\/p>\n<h3>Caricare il Nuovo Tema su WordPress<\/h3>\n<p>L&#8217;ultimo passo \u00e8 quello di caricare il tema sul vostro sito WordPress. Un&#8217;opzione \u00e8 quella di zippare semplicemente la cartella del sito e caricarla nella sezione Tema WordPress senza aggiungere uno screenshot del vostro sito per riferimento.<\/p>\n<p>Anche se il vostro tema funziona allo stesso modo senza uno screenshot di riferimento, vi consigliamo di creare uno screenshot in modo che vi sia pi\u00f9 facile organizzare i vostri temi e capire quale \u00e8 effettivamente attivo sul vostro sito web.<\/p>\n<p>Per screenshot, intendiamo la piccola anteprima che appare per tutti i temi installati sulla vostra bacheca di WordPress. Anche i temi che non sono attivi hanno degli screenshot. Avere uno screenshot \u00e8 un requisito se avete intenzione di caricare il vostro tema nella libreria dei temi di WordPress.<\/p>\n<figure id=\"attachment_84416\" aria-describedby=\"caption-attachment-84416\" style=\"width: 1284px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84416 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/screenshots.png\" alt=\"Il pannello dei temi in WordPress\" width=\"1284\" height=\"506\"><figcaption id=\"caption-attachment-84416\" class=\"wp-caption-text\">Il pannello dei temi in WordPress<\/figcaption><\/figure>\n<p>Potreste non caricare pubblicamente il vostro tema, ma uno screenshot aiuta nella sua gestione. Come potete vedere, \u00e8 piuttosto difficile capire com&#8217;\u00e8 il tema se non c&#8217;\u00e8 un&#8217;anteprima dello screenshot disponibile. Il tema Twenty Seventeen Child non ha uno screenshot, quindi \u00e8 solo un&#8217;immagine vuota. Potrebbe confondervi in futuro.<\/p>\n<p>Per aggiungere uno screenshot, aprite il vecchio sito HTML in un browser e scattate uno screenshot della homepage con qualsiasi strumento di ritaglio o software di screenshot che avete a disposizione.<\/p>\n<p>Aprite il vostro software preferito di editing delle immagini e ritagliate lo screenshot a 880&#215;660 pixel. Questo far\u00e0 in modo che lo screenshot non sia allungato o sproporzionato quando viene aggiunto a WordPress.<\/p>\n<p>Salvate la versione modificata dello screenshot nella cartella del vostro nuovo tema. Non deve andare in nessuna cartella speciale, basta metterla nella cartella del tema accanto agli altri file come <strong>header.php<\/strong> e <strong>footer.php<\/strong>.<\/p>\n<figure id=\"attachment_84418\" aria-describedby=\"caption-attachment-84418\" style=\"width: 987px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84418 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-shot.png\" alt=\"Screenshot nella cartella del tema\" width=\"987\" height=\"553\"><figcaption id=\"caption-attachment-84418\" class=\"wp-caption-text\">Screenshot nella cartella del tema<\/figcaption><\/figure>\n<p>Ora, avete due opzioni per caricare il nuovo tema su WordPress.<\/p>\n<p>Il primo \u00e8 trascinando quei file nella cartella wp-content\/themes via FTP. Se seguite questa strada, non c&#8217;\u00e8 bisogno di zippare il file. Usate semplicemente un client FTP come FileZilla e trascinate la cartella normale nella cartella wp-content\/themes.<\/p>\n<p>L&#8217;altra opzione \u00e8 quella di caricare una versione zippata nella dashboard di WordPress.<\/p>\n<p>Per iniziare, comprimete l&#8217;intera cartella del tema in un file zip.<\/p>\n<p>Poi, nella bacheca di WordPress, andate su <strong>Aspetto &gt; Temi.<\/strong><\/p>\n<figure id=\"attachment_84425\" aria-describedby=\"caption-attachment-84425\" style=\"width: 954px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84425 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/app-themes.png\" alt=\"Andare al pannello Temi in WordPress\" width=\"954\" height=\"414\"><figcaption id=\"caption-attachment-84425\" class=\"wp-caption-text\">Andare al pannello Temi in WordPress<\/figcaption><\/figure>\n<p>Fate clic sul pulsante Aggiungi nuovo.<\/p>\n<figure id=\"attachment_84424\" aria-describedby=\"caption-attachment-84424\" style=\"width: 946px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84424 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-new-button-s.png\" alt=\"Aggiungere un nuovo tema in WordPress\" width=\"946\" height=\"414\"><figcaption id=\"caption-attachment-84424\" class=\"wp-caption-text\">Aggiungere un nuovo tema in WordPress<\/figcaption><\/figure>\n<p>Selezionate il pulsante Carica Tema.<\/p>\n<figure id=\"attachment_84423\" aria-describedby=\"caption-attachment-84423\" style=\"width: 1041px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84423 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/upload-a-theme.png\" alt=\"Caricamento di un tema in WordPress\" width=\"1041\" height=\"516\"><figcaption id=\"caption-attachment-84423\" class=\"wp-caption-text\">Caricamento di un tema in WordPress<\/figcaption><\/figure>\n<p>Fate clic su <strong>Sfoglia&#8230;<\/strong> e cercate il file zippato sul vostro computer. Selezionate il file in modo che appare sulla bacheca di WordPress.<\/p>\n<figure id=\"attachment_84422\" aria-describedby=\"caption-attachment-84422\" style=\"width: 948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84422 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-the-file.png\" alt=\"Scegliere il file del tema da caricare\" width=\"948\" height=\"361\"><figcaption id=\"caption-attachment-84422\" class=\"wp-caption-text\">Scegliere il file del tema da caricare<\/figcaption><\/figure>\n<p>Fate clic su \u201cInstalla adesso\u201d per elaborare il file in WordPress.<\/p>\n<figure id=\"attachment_84421\" aria-describedby=\"caption-attachment-84421\" style=\"width: 913px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84421 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/install-it.png\" alt=\"Installare il tema dopo che \u00e8 stato caricato\" width=\"913\" height=\"341\"><figcaption id=\"caption-attachment-84421\" class=\"wp-caption-text\">Installare il tema dopo che \u00e8 stato caricato<\/figcaption><\/figure>\n<p>WordPress dovrebbe dirvi che il pacchetto viene installato e che viene installato con successo.<\/p>\n<p>Fate clic sul pulsante Attiva per finire il lavoro.<\/p>\n<figure id=\"attachment_84420\" aria-describedby=\"caption-attachment-84420\" style=\"width: 921px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84420 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-the-theme.png\" alt=\"Attivare il tema dopo la sua installazione\" width=\"921\" height=\"298\"><figcaption id=\"caption-attachment-84420\" class=\"wp-caption-text\">Attivare il tema dopo la sua installazione<\/figcaption><\/figure>\n<p>Ora il tema, con il suo screenshot, appare nella lista dei temi come tema attivo. Potete andare al front-end del vostro sito WordPress per visualizzare ora una versione WordPress del vostro sito HTML originale.<\/p>\n<figure id=\"attachment_84419\" aria-describedby=\"caption-attachment-84419\" style=\"width: 1032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84419 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/theres-the-theme.png\" alt=\"Il nuovo tema appare nella bacheca\" width=\"1032\" height=\"599\"><figcaption id=\"caption-attachment-84419\" class=\"wp-caption-text\">Il nuovo tema appare nella bacheca<\/figcaption><\/figure>\n<p>Tenete a mente che nessuna conversione da HTML a WordPress \u00e8 la stessa. Potreste scoprire che la vostra \u00e8 un po&#8217; pi\u00f9 complessa di quella che abbiamo appena illustrato. In generale, diverse altre azioni devono essere prese per ottenere un esatto duplicato del vostro sito HTML.<\/p>\n<p>Per esempio, dovrete aggiungere aree widget e commenti e anche regolare il titolo e la descrizione del vostro blog in modo che siano modificabili in WordPress.<\/p>\n<p>\u00c8 necessario molto lavoro manuale per trasformare un sito HTML in un sito WordPress, e potreste scoprire che alcuni cambiamenti sono possibili solo con un po&#8217; di markup CSS.<\/p>\n<p>Inoltre, questo tutorial non ha nulla a che fare con l&#8217;aggiunta di contenuti come post e immagini. Questo pu\u00f2 essere fatto manualmente caricando le immagini nella Libreria Media e regolando elementi come le strutture degli URL.<\/p>\n<p>Esistono diversi plugin per automatizzare l&#8217;importazione di contenuti, ma la maggior parte di loro non sono aggiornati con le nuove versioni di WordPress. Pertanto, vi suggeriamo di provarli per vedere se funzionano per voi, ma non dovreste aspettarvi molto.<\/p>\n<h2>Conversione di HTML in WordPress Tramite un Tema Child<\/h2>\n<p>Questo \u00e8 senza dubbio uno dei metodi pi\u00f9 semplici per convertire un intero sito HTML in un sito WordPress. Funziona usando uno qualsiasi dei <a href=\"https:\/\/kinsta.com\/blog\/wordpress-free-vs-paid-themes\/\">temi WordPress gratuiti<\/a> gi\u00e0 esistenti online, quindi potete scegliere il vostro preferito e combinarlo con il design del vostro sito HTML.<\/p>\n<p>Nel complesso, state usando il tema WordPress gi\u00e0 creato come tema parent. Poi, il sito HTML viene convertito per lavorare con WordPress e collegato al tema parent come tema child. Se avete domande sui temi parent e child, <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">leggete qui la nostra guida sull&#8217;argomento<\/a>.<\/p>\n<p>Come spiegazione veloce, il tema parent gestisce la funzionalit\u00e0 del vostro sito mentre il tema child \u00e8 costruito sopra il tema parent. Il tema parent potrebbe tecnicamente stare in piedi da solo, ma il tema child no. Pertanto, stiamo usando il tema child per modificare il design del tema parent mantenendo le potenti funzionalit\u00e0 che sono gi\u00e0 fornite nel tema parent.<\/p>\n<p>Ecco come procedere alla conversione da HTML a WordPress tramite un tema child.<\/p>\n<h3>Scegliere un Tema Parent<\/h3>\n<p>La prima cosa da fare \u00e8 selezionare un tema che vi piace. Il tema che decidete di scegliere funzioner\u00e0 come tema principale, e lo userete come base del design del vostro sito web.<\/p>\n<p>Idealmente, troverete un tema che si avvicina nel design all\u2019aspetto del vostro vecchio sito HTML. Un&#8217;altra opzione \u00e8 quella di usare un <a href=\"https:\/\/kinsta.com\/it\/blog\/framework-php\/\">framework WordPress<\/a> o un tema starter, visto che entrambi i <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">tipi di temi<\/a> sono gi\u00e0 utilizzati per le basi del design.<\/p>\n<p>Per esempio, un tema iniziale di qualit\u00e0 \u00e8 il <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\">tema Twenty Twenty<\/a> o uno qualsiasi dei temi iniziali predefiniti di WordPress che prendono il nome dall&#8217;anno in cui sono stati fatti. Vi consigliamo di andare indietro negli anni (Twenty Nineteen, Twenty Seventeen, ecc.) per vedere se qualcuno di loro si adatta meglio al design del vostro sito HTML.<\/p>\n<p>Per questo tutorial procediamo con il <a href=\"https:\/\/kinsta.com\/blog\/twenty-seventeen-theme\/\">tema Twenty Seventeen<\/a> perch\u00e9 ci piace la sua pulizia e la sua capacit\u00e0 di abbinare molti semplici disegni web HTML.<\/p>\n<p>Indipendentemente da ci\u00f2, tutti questi temi servono come meravigliosi punti di partenza.<\/p>\n<p>Per iniziare, <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-un-tema-wordpress\/\">installate il tema sul vostro sito WordPress<\/a>.<\/p>\n<figure id=\"attachment_84388\" aria-describedby=\"caption-attachment-84388\" style=\"width: 1602px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84388 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-s-s.png\" alt=\"Attivare un tema WordPress\" width=\"1602\" height=\"823\"><figcaption id=\"caption-attachment-84388\" class=\"wp-caption-text\">Attivare un tema WordPress<\/figcaption><\/figure>\n<p>Potete attivare il tema se volete, ma attiverete un nuovo tema child pi\u00f9 tardi e userete solo il tema di partenza come base per il design.<\/p>\n<h3>Creare una Nuova Cartella<\/h3>\n<p>Tutti i <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">temi WordPress<\/a> richiedono cartelle per memorizzare i file del vostro sito. Pertanto, \u00e8 necessario creare una nuova cartella per il tema child che viene creato dal sito HTML.<\/p>\n<p>Vi consigliamo di nominare la cartella come il vostro tema parent e di aggiungere &#8220;-child&#8221; alla fine del nome della cartella.<\/p>\n<p>Per esempio, in queto caso chiameremo la cartella &#8220;twentyseventeen-child&#8221;.<\/p>\n<figure id=\"attachment_84389\" aria-describedby=\"caption-attachment-84389\" style=\"width: 1310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84389 size-full\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-folder.png\" alt=\"Cartella del tema child per passare da HTML a WordPress\" width=\"1310\" height=\"795\"><figcaption id=\"caption-attachment-84389\" class=\"wp-caption-text\">Cartella del tema child per passare da HTML a WordPress<\/figcaption><\/figure>\n<p>In generale, qualsiasi nome va bene, purch\u00e9 si ricordi il nome della cartella e non vi si aggiungano spazi.<\/p>\n<h3>Configurare il Foglio di Stile<\/h3>\n<p>Tutti i temi child richiedono fogli di stile che vanno nella cartella del tema.<\/p>\n<p>Quindi, fate un documento di testo e chiamatelo <strong>style.css<\/strong>. Salvatelo nella cartella del tema e includete il seguente codice in quel file di testo:<\/p>\n<pre><code class=\"language-css\">\/*\n Theme Name:   Twenty Seventeen Child\n Theme URI:    http:\/\/examplesite.com\/twenty-seventeen-child\/\n Description:  Twenty Seventeen Child Theme\n Author:       Jane Doe\n Author URI:   http:\/\/examplesite.com\n Template:     twentyseventeen\n Version:      1.0.0\n License:      GNU General Public License v2 or later\n License URI:  http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready\n Text Domain:  twenty-seventeen-child\n*\/<\/code><\/pre>\n<p>Assicuratevi di sostituire gli elementi che sono personalizzati per il vostro sito. Potreste aver bisogno di modificare elementi come il Theme Name, Theme URI, Author, Template, e alcuni altri elementi per assicurarvi che corrispondano ai vostri nomi di file. Questo passaggio \u00e8 simile ad alcuni dei passaggi nella sezione sopra chiamata &#8220;Convertire manualmente un intero sito HTML in WordPress&#8221;, spiegando cosa significa ogni riga.<\/p>\n<p>Il pi\u00f9 importante \u00e8 il tag Template. Questo dovrebbe avere il nome del tema parent in modo che il tema figlio funzioni correttamente.<\/p>\n<h3>Creare un File functions.php<\/h3>\n<p>Se si usasse solo il foglio di stile del sito e si attivasse il tema child, si avrebbe un sito HTML senza alcuno stile. Tuttavia, vogliamo anche aggiungere lo stile al tema child per farlo apparire come vogliamo.<\/p>\n<p>Tutto lo stile sar\u00e0 preso dal tema parent.<\/p>\n<p>Pertanto, un file <strong>functions.php<\/strong> \u00e8 necessario per ereditare gli stili dal tema parent al tema child.<\/p>\n<p>Create un file chiamato <strong>functions.php<\/strong> nella cartella del vostro tema.<\/p>\n<figure id=\"attachment_84397\" aria-describedby=\"caption-attachment-84397\" style=\"width: 1309px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/function-file-2.png\" alt=\"Il file functions.php per passare da HTML a WordPress\" width=\"1309\" height=\"803\"><figcaption id=\"caption-attachment-84397\" class=\"wp-caption-text\">Il file functions.php per passare da HTML a WordPress<\/figcaption><\/figure>\n<p>Per attivare il file, aggiungete un tag PHP di apertura, insieme al codice che chiede a WordPress di usare lo stile del tema parent:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nfunction child_theme_enqueue_styles() {\n\n    $parent_style = 'parent-style';\n\n    wp_enqueue_style( $parent_style, get_template_directory_uri() . '\/style.css' );\n    wp_enqueue_style( 'child-style',\n        get_stylesheet_directory_uri() . '\/style.css',\n        array( $parent_style ),\n        wp_get_theme()-&gt;get('Version')\n    );\n}\nadd_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );<\/code><\/pre>\n<p>Un altro vantaggio di questo pezzo di codice \u00e8 che vi permette di regolare il design del sito web con il vostro tema child.<\/p>\n<h3>Attivare il Nuovo Tema Child<\/h3>\n<p>Ora \u00e8 il momento di attivare il tema child.<\/p>\n<p>Un modo per attivare il tema child \u00e8 quello di aggiungere la cartella al file wp\/content\/themes nei vostri file di WordPress. Questo verrebbe fatto usando un <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-client-ftp\/\">client FTP\/SFTP<\/a>.<\/p>\n<p>Potete anche zippare la cartella e caricare il tema sotto <strong>Aspetto &gt; Temi &gt; Aggiungi nuovo.<\/strong><\/p>\n<figure id=\"attachment_84396\" aria-describedby=\"caption-attachment-84396\" style=\"width: 1089px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-new-b.png\" alt=\"Aggiungere un tema child in WordPress\" width=\"1089\" height=\"658\"><figcaption id=\"caption-attachment-84396\" class=\"wp-caption-text\">Aggiungere un tema child in WordPress<\/figcaption><\/figure>\n<p>Selezionate il pulsante <strong>Carica tema.<\/strong><\/p>\n<figure id=\"attachment_84395\" aria-describedby=\"caption-attachment-84395\" style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/upload-theme.png\" alt=\"Caricamento di un tema child in WordPress\" width=\"928\" height=\"463\"><figcaption id=\"caption-attachment-84395\" class=\"wp-caption-text\">Caricamento di un tema child in WordPress<\/figcaption><\/figure>\n<p>Fate clic su <strong>Sfoglia&#8230;<\/strong> e individuate il file zip del tema child sul vostro computer.<\/p>\n<figure id=\"attachment_84394\" aria-describedby=\"caption-attachment-84394\" style=\"width: 1310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84394 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-file.png\" alt=\"Scegliere il tema child da caricare\" width=\"1310\" height=\"568\"><figcaption id=\"caption-attachment-84394\" class=\"wp-caption-text\">Scegliere il tema child da caricare<\/figcaption><\/figure>\n<p>Una volta caricato, fate clic sul pulsante <strong>Installa adesso.<\/strong><\/p>\n<figure id=\"attachment_84393\" aria-describedby=\"caption-attachment-84393\" style=\"width: 1021px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/install-now.png\" alt=\"Installazione del tema child\" width=\"1021\" height=\"387\"><figcaption id=\"caption-attachment-84393\" class=\"wp-caption-text\">Installazione del tema child<\/figcaption><\/figure>\n<p>Fate clic sul pulsante <strong>Attiva<\/strong>.<\/p>\n<figure id=\"attachment_84392\" aria-describedby=\"caption-attachment-84392\" style=\"width: 929px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-theme.png\" alt=\"Attivare il tema child\" width=\"929\" height=\"426\"><figcaption id=\"caption-attachment-84392\" class=\"wp-caption-text\">Attivare il tema child<\/figcaption><\/figure>\n<p>Ora dovreste vedere il Twenty Seventeen Child Theme (o qualsiasi tema che avete usato) attivato come tema principale.<\/p>\n<figure id=\"attachment_84391\" aria-describedby=\"caption-attachment-84391\" style=\"width: 1110px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-child-theme.png\" alt=\"Dettagli del tema nella bacheca di WordPress\" width=\"1110\" height=\"658\"><figcaption id=\"caption-attachment-84391\" class=\"wp-caption-text\">Dettagli del tema nella bacheca di WordPress<\/figcaption><\/figure>\n<p>Indipendentemente dal metodo che usate per attivare il tema child, il vostro sito WordPress dovrebbe rispecchiare il tema parent. In altre parole, \u00e8 un duplicato esatto del tema parent.<\/p>\n<p><strong>Nota: <\/strong>\u00e8 possibile aggiungere uno screenshot al vostro nuovo tema invece di lasciarlo senza anteprima. Abbiamo visto come aggiungere uno screenshot al tema in una delle sezioni precedenti chiamata &#8220;Convertire manualmente un intero sito HTML in WordPress&#8221;.<\/p>\n<h3>Aggiungere il File HTML<\/h3>\n<p>L&#8217;obiettivo \u00e8 quello di creare un sito che assomigli al vostro sito HTML originale, non al tema parent.<\/p>\n<p>Pertanto, il passo finale prevede che copiate il contenuto del vostro sito web HTML sul vostro nuovo sito WordPress. La maggior parte delle volte, dovrete percorrere questi passi manualmente. Lo abbiamo detto prima, ma ci sono alcuni plugin che automatizzano il processo di trasferimento dei contenuti. Tuttavia, questi plugin non sono aggiornati con le nuove versioni di WordPress, quindi usateli a vostro rischio e pericolo.<\/p>\n<h2>Cos&#8217;\u00c8 un Convertitore da HTML a WordPress? (E Quali Sono le Opzioni?)<\/h2>\n<p>Un convertitore da HTML a WordPress prende i passaggi di cui sopra e li semplifica o completa il compito per voi interamente. Potreste considerare uno strumento di conversione da HTML a WordPress se non avete il tempo o l&#8217;esperienza per fare la conversione manualmente.<\/p>\n<p>I convertitori sono disponibili in molti stili diversi, ma \u00e8 importante ricordare che non tutti sono alternative ragionevoli per camminare manualmente attraverso il processo di conversione da HTML a WordPress.<\/p>\n<p>I convertitori sono offerti nelle seguenti forme:<\/p>\n<ul>\n<li>Convertitori di software di terze parti, sia online che in locale.<\/li>\n<li>Plugin WordPress.<\/li>\n<li>Persone reali esperte di sviluppo web!<\/li>\n<\/ul>\n<p>Guardando le opzioni di conversione, i software\/app di terze parti sembrano ragionevoli per lavori semplici. Potete prendere un file zip dei file HTML del vostro sito web e caricarlo sul convertitore. La maggior parte degli strumenti di terze parti disponibili funzionano come applicazioni online, quindi basta aprirle nel browser e fare clic sul pulsante Carica.<\/p>\n<p>Ci piacciono queste applicazioni di conversione meno complicate. Se avete un sito HTML di base e volete farlo funzionare su WordPress, questo pu\u00f2 essere una soluzione, ma non garantiamo una transizione senza problemi.<\/p>\n<p>Per quanto riguarda i plugin per WordPress che convertono l&#8217;HTML per WordPress, avrete difficolt\u00e0 a trovare plugin che prendono un intero sito HTML e convertono i file per WordPress. Esistono alcuni plugin, ma nessuno di loro \u00e8 aggiornato per funzionare con le nuove versioni di WordPress, e non vi conviene usare un plugin obsoleto.<\/p>\n<p>Tuttavia, alcuni plugin forniscono le caratteristiche necessarie per l&#8217;upload di file di base che possono renderlo pi\u00f9 facile di un trasferimento FTP o di pasticciare con il back-end del vostro account di hosting. Nel complesso, molti plugin permettono solo l&#8217;upload di singoli file, quindi non \u00e8 la via migliore per una conversione massiccia del sito.<\/p>\n<p>Consideriamo l&#8217;ultimo metodo (sviluppatrici o sviluppatori) una forma di convertire l\u2019HTML a WordPress perch\u00e9 automatizza il processo per voi grazie all&#8217;aiuto di una persona esperta che porta avanti il lavoro. Nel complesso, assumere un\/professionista dello sviluppo per convertire il vostro sito web HTML \u00e8 la soluzione che presenta meno possibilit\u00e0 di creare problemi, e oltretutto avrete qualcuno con cui parlare se qualcosa va storto.<\/p>\n<h2>Le Migliori Opzioni di Plugin per il Convertire l\u2019HTML in WordPress e Altri Strumenti<\/h2>\n<p>Come accennato, i convertitori da HTML a WordPress sono disponibili in molte configurazioni diverse. Non troverete molti plugin designati per WordPress che non siano obsoleti o che non abbiano smesso di funzionare. Tuttavia, abbiamo alcuni plugin convertitori preferiti che completano piccoli compiti di conversione, insieme a web app e opzioni di sviluppo manuale che tornano utili per lavori pi\u00f9 avanzati di conversione da HTML a WordPress.<\/p>\n<h3>Pro e Contro dell&#8217;Utilizzo di un Plugin o un&#8217;Applicazione Automatica per Convertire HTML in WordPress<\/h3>\n<p>Un convertitore automatico da HTML a WordPress suona come una benedizione per alcuni, ma non \u00e8 sempre la soluzione migliore. Date un&#8217;occhiata ai pro e ai contro qui sotto prima di impegnarvi in un&#8217;app o un plugin che \u00e8 fatto per duplicare o convertire l&#8217;HTML.<\/p>\n<h4>Pro<\/h4>\n<ul>\n<li>Elimina la necessit\u00e0 di creare i vostri file del nuovo sito web, spesso generandoli per voi.<\/li>\n<li>Molti dei convertitori vi danno opzioni per spezzare gli elementi HTML e scegliere quali andranno nei file giusti per WordPress.<\/li>\n<li>Potete creare un tema dal vecchio HTML e usarlo su pi\u00f9 siti web.<\/li>\n<li>Alcuni strumenti richiedono solo un <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-un-url\/\">URL<\/a> per creare un nuovo sito web o un tema.<\/li>\n<li>Altri strumenti offrono opzioni per <a href=\"https:\/\/kinsta.com\/it\/blog\/clonare-sito-wordpress\/\">duplicare un sito web<\/a> che non \u00e8 di vostra propriet\u00e0, fornendo un punto di partenza per un design che vi piace.<\/li>\n<\/ul>\n<h4>Contro<\/h4>\n<ul>\n<li>Spesso vi rimane ancora del lavoro manuale per trasferire contenuti come i post del blog e le foto.<\/li>\n<li>Molto probabilmente dovrete capire come <a href=\"https:\/\/kinsta.com\/it\/blog\/cambiare-dominio-wordpress\/\">trasferire<\/a> manualmente i <a href=\"https:\/\/kinsta.com\/it\/blog\/cambiare-dominio-wordpress\/\">link dal vecchio sito.<\/a><\/li>\n<li>Questi convertitori non sono sempre tenuti aggiornati. Uno dei migliori convertitori era un plugin per WordPress, ma non lo abbiamo suggerito in questo articolo poich\u00e9 lo sviluppatore non lo mantiene pi\u00f9.<\/li>\n<li>Potreste scoprire che alcuni dei convertitori di applicazioni web non possono gestire lavori con file pi\u00f9 grandi.<\/li>\n<\/ul>\n<p>Ora che avete un&#8217;idea dei benefici e dei lati negativi dei convertitori HTML automatici, diamo un&#8217;occhiata alle nostre app e plugin preferiti per i convertitori automatici qui sotto.<\/p>\n<h3>WP Site Importer<\/h3>\n<p>Anche se lo strumento <a href=\"https:\/\/www.wpsiteimporter.com\/\">WP Site Importer<\/a> estrae e importa tutti i tipi di contenuti e file da siti web vecchi o di terze parti, potete scommettere che uno di questi elementi coinvolge l&#8217;HTML. In breve, WP Site Importer permette di trasformare qualsiasi sito in un sito WordPress, estraendo contenuti come immagini, menu e pagine dal sito HTML e dai file del sito. WP Site Importer corregge i <a href=\"https:\/\/kinsta.com\/it\/blog\/link-interrotti\/\">link rotti<\/a> in modo da non doverli regolare o aggiungerne di nuovi manualmente. Mantiene anche le informazioni SEO costruite dal sito precedente, comprese le meta descrizioni e le parole chiave.<\/p>\n<figure id=\"attachment_84164\" aria-describedby=\"caption-attachment-84164\" style=\"width: 925px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84164 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/site-importer.png\" alt=\"WP Site Importer\" width=\"925\" height=\"791\"><figcaption id=\"caption-attachment-84164\" class=\"wp-caption-text\">WP Site Importer<\/figcaption><\/figure>\n<p>L\u2019Importer vi fa risparmiare tempo e denaro eliminando i costi di un\/a professionista dello sviluppo e rendendo questa conversione di HTML e contenuti un processo in un solo clic. In pi\u00f9, ripulisce il vostro HTML, pulendo e riformattando l&#8217;HTML di origine. Questo rende i vostri file HTML pi\u00f9 compatibili con WordPress e mostra a Google che state lavorando con un codice pulito, migliorando cos\u00ec la vostra <a href=\"https:\/\/kinsta.com\/it\/?s=seo\">SEO<\/a>.<\/p>\n<p>Lo strumento WP Site Importer funziona come un plugin diretto di WordPress, quindi \u00e8 possibile scaricare il plugin e attivare le sue caratteristiche direttamente dalla bacheca.<\/p>\n<h3>WP All Import<\/h3>\n<figure id=\"attachment_84107\" aria-describedby=\"caption-attachment-84107\" style=\"width: 1045px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84107 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/wp-all-import.png\" alt=\"WP All Import\" width=\"1045\" height=\"349\"><figcaption id=\"caption-attachment-84107\" class=\"wp-caption-text\">WP All Import<\/figcaption><\/figure>\n<p>Il plugin <a href=\"https:\/\/wordpress.org\/plugins\/wp-all-import\/\">WP All Import<\/a> \u00e8 uno degli strumenti pi\u00f9 veloci e pi\u00f9 semplici disponibili per caricare file XML contenenti dati HTML. Nel complesso, il plugin consente di migrare il contenuto da un sito web precedente o un potenziale sito web demo costruito con semplice HTML o alcuni file HTML che si desidera duplicare e portare sul nuovo sito WordPress.<\/p>\n<p>La conversione avviene nel giro di quattro passi, e vi d\u00e0 accesso a una bella interfaccia drag-and-drop per gestire le conversioni e le importazioni. Ci\u00f2 che \u00e8 interessante del plugin WP All Import \u00e8 che gestisce le importazioni di URL da siti esterni. Pertanto, non \u00e8 nemmeno necessario avere una password o il controllo di un sito per trasferire quei pochi file e potenzialmente rendere gli elementi in WordPress da quel sito.<\/p>\n<p>Una conversione completa del sito web pu\u00f2 risultare scoraggiante con questo plugin, ma vale la pena provare, soprattutto se si tratta di un semplice file HTML. Inoltre, il plugin supporta le conversioni HTML per elementi come <a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-woocommerce\/#new-products\">prodotti WooCommerce<\/a> e pagine WordPress. Una versione premium \u00e8 disponibile per funzioni pi\u00f9 avanzate, in particolare il supporto clienti premium che permette di chiedere aiuto quando si fanno queste conversioni.<\/p>\n<h3>HTMLtoWordPress.io<\/h3>\n<figure id=\"attachment_84108\" aria-describedby=\"caption-attachment-84108\" style=\"width: 1184px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84108 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/html-to-word.png\" alt=\"HTMLtoWordPress.io\" width=\"1184\" height=\"663\"><figcaption id=\"caption-attachment-84108\" class=\"wp-caption-text\">HTMLtoWordPress.io<\/figcaption><\/figure>\n<p>L&#8217;<a href=\"https:\/\/htmltowordpress.io\/\">applicazione online HTMLtoWordPress.io<\/a> \u00e8 una delle soluzioni pi\u00f9 popolari per convertire un file HTML in WordPress. Una delle cose belle dello strumento HTMLtoWordPress.io \u00e8 che offre principalmente conversioni per siti web completi, siti web costruiti con HTML.<\/p>\n<p>Tutto quello che dovete fare \u00e8 aprire la homepage e caricare il vostro file zip HTML per una rapida conversione. La web app automatizza completamente la conversione da HTML a WordPress, quindi non dovrete avere conoscenze di programmazione n\u00e9 avrete bisogno di pasticciare con un client FTP.<\/p>\n<p>\u00c8 anche possibile visualizzare un&#8217;anteprima completa del vostro nuovo sito WordPress prima di completare il processo e pubblicarlo su Internet. Il contenuto e le immagini del vostro sito vengono anche conservati per il nuovo sito WordPress. Sono modificabili attraverso l&#8217;applicazione Simple Live Editor, e si suppone che faccia riferimento a quelle immagini, insieme a JavaScript e CSS, senza problemi. Nel complesso, sembra una soluzione solida se avete uno o pi\u00f9 siti web HTML da convertire. Come bonus, \u00e8 possibile aggiungere classi al vostro HTML per utilizzare <a href=\"https:\/\/kinsta.com\/it\/\">funzioni avanzate di WordPress<\/a>.<\/p>\n<h3>Pinegrow Theme Converter for WordPress<\/h3>\n<p><a href=\"https:\/\/pinegrow.com\/theme-converter-for-wordpress\">Pinegrow Theme Converter<\/a> \u00e8 uno strumento di web design unico che serve a prendere una cartella di sito web HTML e convertirla istantaneamente in un tema WordPress completo. Il convertitore di temi carica i vostri file e presenta un&#8217;anteprima del sito WordPress in un&#8217;interfaccia visiva. Dopo il caricamento, potete fare clic su diversi elementi delle pagine e assegnare azioni intelligenti ad ogni elemento. Questi si integrano con WordPress, cos\u00ec mentre state assegnando le azioni, Pinegrow aggiunge le giuste caratteristiche di WordPress alla vostra <a href=\"https:\/\/kinsta.com\/it\/blog\/modificare-codice-wordpress\/\">struttura HTML personalizzata e allo stile<\/a>.<\/p>\n<figure id=\"attachment_84109\" aria-describedby=\"caption-attachment-84109\" style=\"width: 933px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84109 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/pinegrow.png\" alt=\"Pinegrow Theme Converter\" width=\"933\" height=\"581\"><figcaption id=\"caption-attachment-84109\" class=\"wp-caption-text\">Pinegrow Theme Converter<\/figcaption><\/figure>\n<p>Una volta che avete deciso le azioni desiderate e salvato i file, Pinegrow offre un&#8217;opzione per esportare il progetto in file <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-php\/\">PHP<\/a> standard di WordPress, che possono essere caricati su una normale installazione di WordPress da provare nella vita reale. Inoltre, il sistema di importazione dei contenuti vi assicura di trasferire con successo gli elementi multimediali come immagini e video.<\/p>\n<p>Ci piacciono soprattutto le caratteristiche che vi permettono di tornare in Pinegrow e fare modifiche. Tutto quello che dovete fare \u00e8 fare clic sul pulsante Update e inviare la nuova versione al vostro tema WordPress senza alcuna modifica avanzata di codifica o regolazione del sito web in WordPress.<\/p>\n<p>Questo non \u00e8 un plugin. Infatti, non viene usato nessun plugin WordPress per trasformare il file HTML in un tema WordPress. Pinegrow \u00e8 disponibile come software scaricabile nelle versioni per Mac, Windows e Linux. Dal bellissimo editor visivo alla funzione di aggiornamento immediato, il software Pinegrow sembra una delle migliori opzioni per convertire un sito web HTML completo in un tema WordPress.<\/p>\n<h3>Jekyll<\/h3>\n<figure id=\"attachment_84110\" aria-describedby=\"caption-attachment-84110\" style=\"width: 926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84110 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Jekyll.png\" alt=\"Jekyll\" width=\"926\" height=\"729\"><figcaption id=\"caption-attachment-84110\" class=\"wp-caption-text\">Jekyll<\/figcaption><\/figure>\n<p><a href=\"https:\/\/jekyllrb.com\/\">Jekyll<\/a> \u00e8 un convertitore gratuito da HTML a WordPress che funziona trasformando semplici file di testo in veri siti web. Il progetto \u00e8 ospitato su <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-github\/\">GitHub<\/a> in download gratuito. Evita di dover ricorrere al database e alla moderazione dei commenti invece di concentrarsi sul trasferimento dei contenuti e sul trasferimento\/conversione dei file con HTML, CSS e markdown.<\/p>\n<p>Una parte interessante di Jekyll \u00e8 che si rivolge ai design HTML orientati al blog, compilando le impostazioni del contenuto per le pagine, i post e i <a href=\"https:\/\/kinsta.com\/it\/blog\/permalink-wordpress\/\">permalink<\/a> per migrare il vostro blog e mantenere, o creare, layout personalizzati, categorie e molti altri elementi.<\/p>\n<p>\u00c8 possibile installare il convertitore Jekyll su macOS, Ubuntu, Windows, e anche altri sistemi operativi Linux. Tutto sommato, Jekyll \u00e8 un progetto volontario con varie risorse come temi, plugin e guide per testare le vostre conoscenze e aiutarvi a trasformare un design HTML in qualcosa di speciale.<\/p>\n<p>Ci piacciono soprattutto le integrazioni con gli strumenti di ecommerce come MemberSpace e le applicazioni per i moduli come Getform. L&#8217;elenco delle integrazioni \u00e8 lungo, ma \u00e8 un vero testamento di quanto potenziale avete con il vostro sito web dopo aver fatto la conversione da HTML a WordPress.<\/p>\n<h3>Theme Matcher<\/h3>\n<figure id=\"attachment_84112\" aria-describedby=\"caption-attachment-84112\" style=\"width: 930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84112 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/theme-matcher.png\" alt=\"Theme Matcher convertitore da HTML a WordPress\" width=\"930\" height=\"496\"><figcaption id=\"caption-attachment-84112\" class=\"wp-caption-text\">Theme Matcher convertitore da HTML a WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.themematcher.com\/\">Theme Matcher<\/a> non \u00e8 tanto un convertitore di file HTML quanto un estrattore di file HTML da siti web di terze parti. Genera temi WordPress completi dopo aver incollato un URL dal vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/sito-web-portfolio\/\">sito personale<\/a> o da un sito HTML che non \u00e8 di vostra propriet\u00e0.<\/p>\n<p>L&#8217;idea dietro questo tipo di convertitore e generatore di temi \u00e8 quella di prendere uno dei vostri siti HTML e trasformarlo in un sito WordPress completo o di fare un tema che \u00e8 basato su un design che avete notato altrove online.<\/p>\n<figure id=\"attachment_84111\" aria-describedby=\"caption-attachment-84111\" style=\"width: 943px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84111 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/bonobos.png\" alt=\"Anteprima di Theme Matcher\" width=\"943\" height=\"914\"><figcaption id=\"caption-attachment-84111\" class=\"wp-caption-text\">Anteprima di Theme Matcher<\/figcaption><\/figure>\n<p>Per esempio, potreste navigare verso il vostro negozio online preferito e decidere di voler iniziare il vostro design con una formattazione e struttura simile. Theme Matcher genera un tema completamente nuovo per il vostro sito, che ovviamente deve essere modificato per questioni di copyright, ma serve come un meraviglioso punto di partenza.<\/p>\n<p>Il processo funziona copiando e incollando l&#8217;URL di un sito nel campo Theme Matcher. Chiedetegli di creare un tema per voi e selezionate il layout del sito da convertire in contenuti WordPress. Gran parte della conversione da HTML a WordPress avviene in background qui, ed \u00e8 importante identificare quelle aree di contenuto WordPress per renderlo il pi\u00f9 vicino possibile a un vero tema WordPress. Infine, potete scaricare il tema e caricarlo sul vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/content-management-system\/\">CMS<\/a> WordPress.<\/p>\n<p>Se il vostro sito HTML non \u00e8 attualmente attivo, e non potete incollare un URL, Theme Matcher fornisce un modo per caricare un file zip della vostra pagina HTML per poi seguire lo stesso processo.<\/p>\n<h3>Import Into Blog<\/h3>\n<figure id=\"attachment_84113\" aria-describedby=\"caption-attachment-84113\" style=\"width: 926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84113 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/import-to-blog.png\" alt=\"Convertitore da HTML a WordPress di ImportIntoBlog.com\" width=\"926\" height=\"659\"><figcaption id=\"caption-attachment-84113\" class=\"wp-caption-text\">Convertitore da HTML a WordPress di ImportIntoBlog.com<\/figcaption><\/figure>\n<div class=\"mceTemp\"><\/div>\n<p>Il sito <a href=\"https:\/\/importintoblog.com\/\">Import Into Blog<\/a> \u00e8 un&#8217;applicazione online che prende l&#8217;HTML e altri file dal vostro sito live per convertirlo in un sito WordPress. Sono disponibili diverse opzioni, come la creazione di un <a href=\"https:\/\/kinsta.com\/it\/blog\/problemi-importazione-wordpress\/\">file XML<\/a> scaricabile <a href=\"https:\/\/kinsta.com\/it\/blog\/problemi-importazione-wordpress\/\">da importare<\/a> nel vostro sito WordPress. Potete anche considerare di scaricare il risultato finale come un tema WordPress da caricare su WordPress e vedere il sito web ultimato.<\/p>\n<p>Il recupero automatico del sito \u00e8 disponibile con lo strumento ImportIntoBlog. Per non parlare del fatto che tutti i <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-seo\/#16-create-an-internal-linking-strategy\">link interni<\/a> vengono riscritti in modo che vadano alle pagine giuste del vostro nuovo sito. La maggior parte del contenuto del sito viene scoperto automaticamente, e si pu\u00f2 personalizzare l&#8217;aspetto e lo stile del tema prima di esportarlo. In generale, lo strumento funziona meglio con file HTML statici o un URL. Gestisce i file CSS e Javascript e vi permette di capire la storia completa del vostro sito web e di farlo funzionare correttamente.<\/p>\n<h3>HTML to WordPress converter<\/h3>\n<figure id=\"attachment_84162\" aria-describedby=\"caption-attachment-84162\" style=\"width: 940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84162 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/convert.png\" alt=\"App HTML to WordPress converter\" width=\"940\" height=\"691\"><figcaption id=\"caption-attachment-84162\" class=\"wp-caption-text\">App HTML to WordPress converter<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.htmltowordpressconverter.com\/\">HTML to WordPress Converter<\/a> \u00e8 un&#8217;altra soluzione che prende un sito HTML e lo trasforma in un tema WordPress.<\/p>\n<p>C&#8217;\u00e8 un campo per incollare l&#8217;URL di un sito web e fare clic sul pulsante Generate Theme (Genera Tema). Scegliete il contenuto e le aree della barra laterale per WordPress in modo che le vostre pagine e i vostri post finiscano nelle posizioni giuste, e state estraendo esattamente i dati necessari dal precedente sito HTML. Tutti i vostri contenuti dovrebbero essere trasferiti. Tuttavia, potreste dover ricontrollare le vostre immagini e altri elementi multimediali e completare alcuni caricamenti attraverso WordPress.<\/p>\n<p>Questo produce un tema e non un sito web completo. Dovete attivare il vostro sito WordPress e <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/\">ospitarlo<\/a> altrove. Si scarica il tema da questo strumento, un tema che assomiglia esattamente al sito HTML di prima. Tenete presente che alcuni elementi non funzioneranno come in origine, ma dai nostri test abbiamo visto che lo strumento fa un ottimo lavoro nel mantenere la struttura e la formattazione del vostro sito.<\/p>\n<p>A quanto pare, chi ha sviluppato HTML to WordPress Converter fornisce anche <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-css\/\">modifiche CSS<\/a> gratuite se qualcosa non funziona come volevate.<\/p>\n<h3>PHP Simple HTML DOM Parser<\/h3>\n<figure id=\"attachment_84163\" aria-describedby=\"caption-attachment-84163\" style=\"width: 934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84163 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/parser.png\" alt=\"Strumento PHP Simple HTML DOM Parser\" width=\"934\" height=\"251\"><figcaption id=\"caption-attachment-84163\" class=\"wp-caption-text\">Strumento PHP Simple HTML DOM Parser<\/figcaption><\/figure>\n<p><a href=\"https:\/\/sourceforge.net\/projects\/simplehtmldom\/\">PHP Simple HTML DOM Parser<\/a> completa un processo necessario quando si carica un file HTML su WordPress. Il Parser interviene come un modo per individuare, estrarre e modificare qualsiasi elemento HTML sul vostro sito web o in un file HTML. In questo modo, \u00e8 possibile identificare gli <a href=\"https:\/\/kinsta.com\/it\/blog\/errori-wordpress\/\">errori<\/a>, correggerli prima di convertirli in un sito WordPress, o anche usare lo strumento per modificare gli elementi HTML che esistono sul vostro attuale sito WordPress.<\/p>\n<p>Lo trovate in download gratuito dal sito di SourceForge, quindi potete controllare le recensioni e chiedere supporto se necessario.<\/p>\n<h3>Assumere una Persona Esperta di Sviluppo<\/h3>\n<figure id=\"attachment_84165\" aria-describedby=\"caption-attachment-84165\" style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84165 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/acclaim.png\" alt=\"Servizio di conversione da HTML a WordPress di Acclaim\" width=\"927\" height=\"567\"><figcaption id=\"caption-attachment-84165\" class=\"wp-caption-text\">Servizio di conversione da HTML a WordPress di Acclaim<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.hirewpgeeks.com\/\">WP Geeks<\/a>, <a href=\"https:\/\/www.wponlinesupport.com\/migrate-html-to-wordpress\/\">WP Online Support<\/a> e <a href=\"https:\/\/acclaim.agency\/html-to-wordpress-conversion-service\">Acclaim<\/a> forniscono servizi di conversione da HTML a WordPress a prezzi ragionevoli per coloro che non vogliono pasticciare con il completamento di una conversione da soli o se uno degli strumenti automatici di cui sopra non riesce a produrre risultati solidi. <a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">Assumere una persona esperta di sviluppo<\/a> a volte ha molto senso perch\u00e9 potreste finire per risparmiare tempo e denaro sul processo, soprattutto se si tratta di un lavoro facile per cui voi per\u00f2 non avete conoscenze tecniche sufficienti.<\/p>\n<p>Collaborare con esperti di sviluppo significa che non dovete usare nessuna delle vostre abilit\u00e0 tecniche &#8211; o mancanza di abilit\u00e0 tecniche &#8211; per trasformare un nuovo sito web dai file HTML. Il lavoro \u00e8 delegato a persone che sanno cosa stanno facendo, ed \u00e8 molto pi\u00f9 probabile che sarete in grado di trovare il giusto aiuto e fare domande e richieste rispetto a una web app.<\/p>\n<p>Per non parlare del fatto che questo vi permette di fare presente quale caratteristica vorreste mantenere sul nuovo sito web. Ed \u00e8 quasi una garanzia che le azioni del sito saranno effettivamente trasferite e funzioneranno come dovrebbero.<\/p>\n<p>Capiamo che assumere dei professionisti che si occupino del passaggio da HTML a WordPress non \u00e8 sempre possibile per ragioni di budget, ma vale la pena pensarci se siete in difficolt\u00e0 e avete un po&#8217; di soldi da spendere.<\/p>\n<h2>Come Convertire HTML in WordPress con un&#8217;App Automatica o un Plugin<\/h2>\n<p>Se avete domande sull&#8217;utilizzo di uno dei convertitori automatici da HTML a WordPress elencati in precedenza, ecco un esempio con <a href=\"https:\/\/www.wpsiteimporter.com\/\">WP Site Importer<\/a>. Questa \u00e8 una delle soluzioni pi\u00f9 affidabili, ed \u00e8 un plugin di terze parti per WordPress che riunisce molte delle caratteristiche di altri convertitori automatici per il passggio da HTML a WordPress.<\/p>\n<p>Per iniziare, scaricate, installate e attivate il plugin WP Site Importer nella vostra bacheca di WordPress. \u00c8 necessario scaricare il file zip dal sito web dello sviluppatore e iscriversi alla prova gratuita. Ci sono anche piani premium da considerare. <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-i-plugin-di-wordpress\/\">Fate clic qui<\/a> se avete qualche domanda sull&#8217;installazione di un plugin per WordPress.<\/p>\n<p>Il plugin WP Site Importer offre una collezione di strumenti di importazione per singole pagine e post, insieme a siti web completi e gli elementi aggiuntivi necessari per completare il lavoro, come la localizzazione delle immagini e la modifica dei link interni.<\/p>\n<p>Per questo esempio vedremo la maggior parte delle funzioni, iniziando con una singola pagina HTML. Nella bacheca di WordPress, andate su <strong>Site Importer &gt; Import Single Page.<\/strong><\/p>\n<figure id=\"attachment_84527\" aria-describedby=\"caption-attachment-84527\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84527 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-single-page.png\" alt=\"Importare il singolo HTML in una pagina WordPress\" width=\"938\" height=\"564\"><figcaption id=\"caption-attachment-84527\" class=\"wp-caption-text\">Importare il singolo HTML in una pagina WordPress<\/figcaption><\/figure>\n<p>La stragrande maggioranza delle impostazioni predefinite del plugin sono pronte all&#8217;uso, il che significa che in genere non dovete cambiare nulla. A meno che, naturalmente, non vogliate modificare cose come importare una pagina come post o rimuovere immagini in evidenza. Scorrete pure tutte le impostazioni del plugin per assicurarvi che siano adatte alle vostre esigenze.<\/p>\n<p>Tutto quello che dovete fare per le importazioni di una singola pagina \u00e8 incollare l&#8217;URL per la scansione del plugin.<\/p>\n<p><strong>Nota: <\/strong>il caricamento dei file \u00e8 disponibile solo per le conversioni di pi\u00f9 pagine.<\/p>\n<figure id=\"attachment_84526\" aria-describedby=\"caption-attachment-84526\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-page-wizard.png\" alt=\"La procedura guidata della pagina di importazione\" width=\"1060\" height=\"854\"><figcaption id=\"caption-attachment-84526\" class=\"wp-caption-text\">La procedura guidata della pagina di importazione<\/figcaption><\/figure>\n<p>Fate clic sul pulsante <strong>Import Page<\/strong> per procedere.<\/p>\n<figure id=\"attachment_84525\" aria-describedby=\"caption-attachment-84525\" style=\"width: 1009px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84525 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-page.png\" alt=\"Fare clic sul pulsante \"Import Page\"\" width=\"1009\" height=\"416\"><figcaption id=\"caption-attachment-84525\" class=\"wp-caption-text\">Fare clic sul pulsante &#8220;Import Page&#8221;<\/figcaption><\/figure>\n<p>Il plugin vi dice cosa ha avuto successo e fornisce diversi link per visualizzare in anteprima le nuove pagine di WordPress e modificarle se necessario.<\/p>\n<figure id=\"attachment_84524\" aria-describedby=\"caption-attachment-84524\" style=\"width: 1038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84524 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/complete-edit-or-preview.png\" alt=\"Fate clic sul link 'Anteprima'\" width=\"1038\" height=\"578\"><figcaption id=\"caption-attachment-84524\" class=\"wp-caption-text\">Fate clic sul link &#8216;Anteprima&#8217;<\/figcaption><\/figure>\n<p>Trasferite anche tutti i menu del sito web statico in HTML.<\/p>\n<p>Per farlo andate su <strong>Site Importer &gt; Import Menus<\/strong>.<\/p>\n<figure id=\"attachment_84523\" aria-describedby=\"caption-attachment-84523\" style=\"width: 909px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84523 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-menus.png\" alt=\"Importare i menu in WordPress\" width=\"909\" height=\"328\"><figcaption id=\"caption-attachment-84523\" class=\"wp-caption-text\">Importare i menu in WordPress<\/figcaption><\/figure>\n<p>L&#8217;importazione di un menu \u00e8 simile alla conversione dei file, dato che chiede l&#8217;URL. Potete anche impostare elementi come la densit\u00e0 del menu e la dimensione minima del menu.<\/p>\n<p>Fate clic su <strong>Identify Menu<\/strong> per procedere.<\/p>\n<figure id=\"attachment_84522\" aria-describedby=\"caption-attachment-84522\" style=\"width: 1027px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84522 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/find-menus.png\" alt=\"Il pannello 'Import Menu Wizard'\" width=\"1027\" height=\"631\"><figcaption id=\"caption-attachment-84522\" class=\"wp-caption-text\">Il pannello &#8216;Import Menu Wizard&#8217;.<\/figcaption><\/figure>\n<p>Ogni voce di menu ora appare in un elenco. Dovreste anche vedere pi\u00f9 menu se ne avevate pi\u00f9 di uno sul vostro sito HTML.<\/p>\n<p>Controllate i menu che volete importare e date un nome a ciascuno di essi. Fate clic sul pulsante <strong>Import Menu.<\/strong><\/p>\n<figure id=\"attachment_84520\" aria-describedby=\"caption-attachment-84520\" style=\"width: 975px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84520 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-menu.png\" alt=\"Importare un menu\" width=\"975\" height=\"837\"><figcaption id=\"caption-attachment-84520\" class=\"wp-caption-text\">Importare un menu<\/figcaption><\/figure>\n<p>Con le importazioni di menu di WordPress, dovete ancora configurare la posizione del menu.<\/p>\n<p>Nella bacheca, andate su <strong>Aspetto &gt; Menu.<\/strong><\/p>\n<p>Scegliete un nome, create un menu e salvatelo su WordPress. Dovreste gi\u00e0 vedere il menu importato se tutto ha funzionato come previsto.<\/p>\n<figure id=\"attachment_84519\" aria-describedby=\"caption-attachment-84519\" style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84519 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/save-the-menu.png\" alt=\"Salvare il menu importato\" width=\"1604\" height=\"877\"><figcaption id=\"caption-attachment-84519\" class=\"wp-caption-text\">Salvare il menu importato<\/figcaption><\/figure>\n<p>Fate clic sulla scheda <strong>Manage Locations<\/strong> e trovate il menu importato nel menu a tendina. Dovreste mettere il nuovo menu nella posizione di menu che avete scelto.<\/p>\n<p>Assicuratevi di <strong>salvare le modifiche<\/strong> quando avete finito.<\/p>\n<figure id=\"attachment_84518\" aria-describedby=\"caption-attachment-84518\" style=\"width: 1033px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84518 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/manage-location.png\" alt=\"Cambiare la posizione del menu se necessario\" width=\"1033\" height=\"507\"><figcaption id=\"caption-attachment-84518\" class=\"wp-caption-text\">Cambiare la posizione del menu se necessario<\/figcaption><\/figure>\n<p>Un&#8217;altra parte dell&#8217;importazione di un sito HTML in WordPress \u00e8 la localizzazione delle immagini. Per completare questo processo, andate su <strong>Site Importer &gt; Localize Images.<\/strong><\/p>\n<figure id=\"attachment_84517\" aria-describedby=\"caption-attachment-84517\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84517 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/local-images.png\" alt=\"Localizzare le immagini per la conversione da HTML a WordPress\" width=\"903\" height=\"427\"><figcaption id=\"caption-attachment-84517\" class=\"wp-caption-text\">Localizzare le immagini per la conversione da HTML a WordPress<\/figcaption><\/figure>\n<p>Tutte le impostazioni predefinite per la localizzazione dell&#8217;immagine sono in genere utili da usare.<\/p>\n<p>Fate clic sul pulsante <strong>Next<\/strong>.<\/p>\n<figure id=\"attachment_84516\" aria-describedby=\"caption-attachment-84516\" style=\"width: 1161px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84516 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-s.png\" alt=\"Premere il pulsante 'Next' per iniziare\" width=\"1161\" height=\"818\"><figcaption id=\"caption-attachment-84516\" class=\"wp-caption-text\">Premere il pulsante &#8216;Next&#8217; per iniziare<\/figcaption><\/figure>\n<p>Vedrete una lista delle immagini trasferite dal sito precedente.<\/p>\n<p>Selezionate quelle che volete localizzare e fate clic sul pulsante <strong>Next<\/strong>.<\/p>\n<figure id=\"attachment_84515\" aria-describedby=\"caption-attachment-84515\" style=\"width: 1609px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84515 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-buttons.png\" alt=\"Vedere tutte le immagini importate\" width=\"1609\" height=\"841\"><figcaption id=\"caption-attachment-84515\" class=\"wp-caption-text\">Vedere tutte le immagini importate<\/figcaption><\/figure>\n<p>In pochi secondi, il plugin aggiunge ogni immagine alla vostra Libreria Media WordPress, dando loro tutti gli URL sul nuovo sito web. Potete andare alla Libreria Media per assicurarvi che questa transizione sia avvenuta.<\/p>\n<figure id=\"attachment_84514\" aria-describedby=\"caption-attachment-84514\" style=\"width: 1565px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84514 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/all-done.png\" alt=\"Il prodotto finale delle immagini localizzate\" width=\"1565\" height=\"840\"><figcaption id=\"caption-attachment-84514\" class=\"wp-caption-text\">Il prodotto finale delle immagini localizzate<\/figcaption><\/figure>\n<p>Un&#8217;altra fase della conversione HTML comporta l&#8217;aggiornamento dei vostri link interni. Tutti i trasferimenti di siti web in genere creano link rotti e problemi con le strutture degli URL.<\/p>\n<p>Dobbiamo sistemarli, quindi andate su <strong>Site Importer &gt; Update Internal Links<\/strong> per iniziare.<\/p>\n<figure id=\"attachment_84513\" aria-describedby=\"caption-attachment-84513\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84513 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/update-links.png\" alt=\"Aggiornare accuratamente i link interni\" width=\"918\" height=\"450\"><figcaption id=\"caption-attachment-84513\" class=\"wp-caption-text\">Aggiornare accuratamente i link interni<\/figcaption><\/figure>\n<p>La pagina seguente spiega come i vecchi link verranno sostituiti con le versioni del nuovo dominio del sito web, aggiungendo sotto-directory per un&#8217;esperienza utente fluida che risiede nell&#8217;URL del sito WordPress.<\/p>\n<p>Tutto quello che dovete fare \u00e8 clic sul pulsante per aggiornare i link. Il plugin fa tutte le conversioni per voi.<\/p>\n<figure id=\"attachment_84512\" aria-describedby=\"caption-attachment-84512\" style=\"width: 1329px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84512 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/update-the-link.png\" alt=\"Fare clic sul pulsante \"Update Links\"\" width=\"1329\" height=\"777\"><figcaption id=\"caption-attachment-84512\" class=\"wp-caption-text\">Fare clic sul pulsante &#8220;Update Links&#8221;<\/figcaption><\/figure>\n<p>Se avete intenzione di convertire un intero sito web HTML (invece di una pagina), andate alla scheda <strong>Import Multiple Pages<\/strong> sotto il menu <strong>Site Importer<\/strong>.<\/p>\n<p>Questa \u00e8 anche un&#8217;opzione meravigliosa per coloro che hanno interesse a caricare i file locali del sito invece di copiarli in un URL live.<\/p>\n<figure id=\"attachment_84511\" aria-describedby=\"caption-attachment-84511\" style=\"width: 949px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84511 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/multiple-pages-here.png\" alt=\"Importazione di pi\u00f9 pagine in una volta sola\" width=\"949\" height=\"488\"><figcaption id=\"caption-attachment-84511\" class=\"wp-caption-text\">Importazione di pi\u00f9 pagine in una volta sola<\/figcaption><\/figure>\n<p>Il <strong>Multiple Pages Wizard<\/strong> include dei campi per incollare un URL e caricare i file HTML del sito web.<\/p>\n<p>Scegliete quello che va meglio per il vostro lavoro.<\/p>\n<figure id=\"attachment_84510\" aria-describedby=\"caption-attachment-84510\" style=\"width: 1146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84510 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-file-s.png\" alt=\"Inserire l'URL da scansionare per l'importazione\" width=\"1146\" height=\"823\"><figcaption id=\"caption-attachment-84510\" class=\"wp-caption-text\">Inserire l&#8217;URL da scansionare per l&#8217;importazione<\/figcaption><\/figure>\n<p>Mentre il sito HTML viene convertito e importato, vedrete un elenco di URL trascinati nel vostro sito WordPress. Potete rimuovere alcune delle pagine dall&#8217;importazione se non ne avete bisogno. Avete anche delle opzioni per importare i post, impostarli come non pubblicati e includere l&#8217;immagine in evidenza.<\/p>\n<figure id=\"attachment_84528\" aria-describedby=\"caption-attachment-84528\" style=\"width: 1707px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84528 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-button.png\" alt=\"La procedura guidata per l'importazione di pi\u00f9 pagine\" width=\"1707\" height=\"805\"><figcaption id=\"caption-attachment-84528\" class=\"wp-caption-text\">La procedura guidata per l&#8217;importazione di pi\u00f9 pagine<\/figcaption><\/figure>\n<p>Il passo finale rivela l&#8217;elenco completo delle pagine web convertite dal sito HTML nel vostro sistema WordPress. Ora potete fare clic sul pulsante <strong>Modifica<\/strong> o <strong>Anteprima<\/strong> per ogni pagina per continuare a personalizzare il vostro sito web.<\/p>\n<figure id=\"attachment_84529\" aria-describedby=\"caption-attachment-84529\" style=\"width: 1439px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84529 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-many-pages.png\" alt=\"Tutte le pagine importate e pronte\" width=\"1439\" height=\"714\"><figcaption id=\"caption-attachment-84529\" class=\"wp-caption-text\">Tutte le pagine importate e pronte<\/figcaption><\/figure>\n<p>Ricordate, una conversione come questa non significa che vedrete immediatamente l&#8217;esatto design del vostro sito HTML. Potreste dover importare da voi un foglio di stile o anche codificare il sito o le pagine.<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>Passare da HTML a WordPress richiede un po&#8217; di lavoro. Ma ne vale la pena. Un upload da HTML a WordPress pu\u00f2 anche aiutare in attivit\u00e0 meno impegnative, come <a href=\"https:\/\/kinsta.com\/it\/blog\/google-site-verification\/\">verificare la propriet\u00e0 del vostro sito<\/a> o implementare un <a href=\"https:\/\/kinsta.com\/it\/blog\/modificare-codice-wordpress\/\">semplice modulo HTML<\/a>.<\/p>\n<p>Le possibilit\u00e0 sono abbondanti quando si tratta di <a href=\"https:\/\/kinsta.com\/it\/blog\/come-caricare-un-file-html-in-wordpress\/\">caricare e convertire file HTML<\/a>. Basta ricordare che \u00e8 possibile completare gran parte del lavoro con un convertitore HTML automatico. Dopo di che, molto probabilmente ci sar\u00e0 un lavoro manuale da fare, ma con la combinazione di strumenti giusti e di <a href=\"https:\/\/kinsta.com\/it\/impara\/\">conoscenza<\/a>, potete duplicare quasi tutti i siti HTML che volete!<\/p>\n<p>Se avete qualche domanda sul caricamento di file HTML su WordPress o sulla conversione di HTML in siti WordPress, fatecelo sapere nella sezione commenti qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Possono esserci diversi motivi per caricare e convertire file HTML in WordPress. Potreste voler convertire un vecchio sito HTML statico e farlo funzionare su WordPress. Oppure &#8230;<\/p>\n","protected":false},"author":117,"featured_media":43232,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[7943,67],"topic":[25873],"class_list":["post-43230","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-html","tag-webdev","topic-sviluppo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML<\/title>\n<meta name=\"description\" content=\"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall&#039;upload alla conversione delle pagine!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML\" \/>\n<meta property=\"og:description\" content=\"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall&#039;upload alla conversione delle pagine!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-24T06:07:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T11:55:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall&#039;upload alla conversione delle pagine!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"63 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML\",\"datePublished\":\"2021-02-24T06:07:37+00:00\",\"dateModified\":\"2023-02-03T11:55:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/\"},\"wordCount\":10697,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png\",\"keywords\":[\"html\",\"webdev\"],\"articleSection\":[\"I Migliori Tutorial su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/\",\"name\":\"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png\",\"datePublished\":\"2021-02-24T06:07:37+00:00\",\"dateModified\":\"2023-02-03T11:55:36+00:00\",\"description\":\"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall'upload alla conversione delle pagine!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"da HTML a WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sviluppo di WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML","description":"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall'upload alla conversione delle pagine!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML","og_description":"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall'upload alla conversione delle pagine!","og_url":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2021-02-24T06:07:37+00:00","article_modified_time":"2023-02-03T11:55:36+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall'upload alla conversione delle pagine!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Salman Ravoof","Tempo di lettura stimato":"63 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML","datePublished":"2021-02-24T06:07:37+00:00","dateModified":"2023-02-03T11:55:36+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/"},"wordCount":10697,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png","keywords":["html","webdev"],"articleSection":["I Migliori Tutorial su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/","url":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/","name":"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png","datePublished":"2021-02-24T06:07:37+00:00","dateModified":"2023-02-03T11:55:36+00:00","description":"Scopri come aggiungere HTML a WordPress e convertire i file HTML per dare vita al codice sul tuo sito. Spieghiamo tutto, dall'upload alla conversione delle pagine!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/html-a-wordpress.png","width":1460,"height":730,"caption":"da HTML a WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/da-html-a-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Sviluppo di WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/"},{"@type":"ListItem","position":3,"name":"Da HTML a WordPress: Una Guida Dettagliata per Caricare e Convertire file HTML"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/43230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=43230"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/43230\/revisions"}],"predecessor-version":[{"id":43338,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/43230\/revisions\/43338"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/translations\/pt"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/43230\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/43232"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=43230"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=43230"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=43230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}