Inizia gratis
Menu della documentazione

Convertire un sito ZIP / HTML

Passo dopo passo: trasforma uno ZIP con HTML, CSS e immagini in pagine WordPress, con un account Free e con un account a pagamento.

È il percorso più completo: Tapeto converte tutte le pagine dello ZIP, mantiene i link tra di esse e può pubblicare l’intero sito. È disponibile in tutti i piani, Free compreso. Anche un design Figma o Penpot esportato come HTML funziona qui.

Prima di iniziare

  • Uno .zip fino a 5–200 MB (in base al piano) (va bene anche un singolo file .html).
  • Al suo interno: un file .html per pagina, i tuoi file .css, immagini e SVG. Ogni .html diventa una pagina WordPress.
  • Il tuo WordPress, se vuoi pubblicarlo: HTTPS, permalink «Nome articolo» (Impostazioni → Permalink) e, per Gutenberg, un tema a blocchi come Twenty Twenty-Five.

Passo 1 — Prepara lo ZIP

  1. Riunisci tutto in una cartella: le pagine (index.html, chi-siamo.html…), i fogli di stile e una cartella images.
  2. Usa percorsi relativi (images/logo.png, chi-siamo.html). I link tra le pagine vengono trasformati in link WordPress.
  3. Tieni il CSS in file .css invece che in attributi style in linea: viene letto in modo più affidabile.
  4. Seleziona il contenuto della cartella e comprimilo in uno .zip.

Cosa aspettarsi dai file

L’HTML viene analizzato così com’è consegnato. Il contenuto che uno script costruisce dopo il caricamento della pagina (alcuni menu, slider) potrebbe non essere rilevato. Le immagini vengono caricate su WordPress in jpg, png, gif o webp fino a 6 MB ciascuna; gli SVG inviati come file separati non vengono caricati, ma l’SVG scritto dentro l’HTML viene mantenuto.

Passo 2 — Crea il progetto

  1. Nell’app clicca su Nuovo progetto.
  2. Scrivi un nome e resta sulla scheda File.
  3. Trascina lo .zip nell’area di caricamento (o clicca per sceglierlo).
  4. Clicca su Crea progetto.
  5. Attendi che lo stato del progetto sia «elaborato». Se termina in «errore», il messaggio spiega cosa correggere.

Passo 3 — Scegli il builder e converti

  1. Apri il progetto. In Nuova conversione, scegli il builder: Gutenberg (tutti i piani) o Elementor (da Starter).
  2. Clicca su Converti. Vengono convertite tutte le pagine del progetto; se una fallisce, le altre si completano comunque.
  3. Quando la conversione è completata, aprila e controlla il Fidelity Score e l’Anteprima.

Ogni conversione riguarda un solo builder. Per avere lo stesso sito in Gutenberg e in Elementor, avvia due conversioni sullo stesso progetto.

Passo 4 — Porta il risultato in WordPress

Account Free (Gutenberg, a mano)

  1. Nella pagina della conversione apri la scheda Contenuto e clicca su Scarica i file (o Copia).
  2. In WordPress vai su Pagine → Aggiungi nuova. Apri il menu a tre puntini → Editor di codice e incolla il contenuto. Torna all’editor visuale.
  3. Se il design ha header e footer, apri la scheda Header / Footer / Sidebar, scarica ogni parte e incollala nella parte di template corrispondente in Aspetto → Editor (editor di codice).
  4. Copia il contenuto del tuo file CSS in Aspetto → Personalizza → CSS aggiuntivo.
  5. Carica le immagini nella Libreria media e verifica che si vedano nella pagina.
  6. Ripeti per ogni pagina. La scheda Istruzioni mostra i passaggi esatti per il tuo builder.

Gli account Free non possono usare Esporta WXR né Pubblica su WordPress; i pulsanti appaiono bloccati.

Account a pagamento (Starter, Pro, Agency, Studio)

Scegli una delle due opzioni.

Opzione A — Pubblicare su WordPress (la più rapida)

  1. Installa il plugin Tapeto sul tuo sito e copia la sua chiave segreta — vedi Installazione del plugin.
  2. Nell’app vai su Connessioni WP, aggiungi l’URL del tuo sito e incolla la chiave. Usa il pulsante di test finché non indica una connessione valida.
  3. Apri la conversione completata e clicca su Pubblica su WordPress. Scegli il sito.
  4. Se il pannello mostra contenuto dinamico trovato nel tuo design (articoli del blog, prodotti, tipi personalizzati), scegli per ciascuno contenuto reale di WordPress o mantieni il design così com’è.
  5. Clicca su Pubblica. Tapeto carica le immagini, crea ogni pagina come bozza, riscrive i link tra le pagine, aggiunge il tuo CSS in CSS aggiuntivo e carica i Google Fonts usati.
  6. In WordPress apri Pagine, controlla le bozze e pubblicale. Per usare la home come pagina iniziale: Impostazioni → Lettura → Una pagina statica.

Opzione B — Esportare WXR (senza plugin)

  1. Clicca su Esporta WXR nella pagina della conversione.
  2. In WordPress vai su Strumenti → Importa → WordPress, carica il file ed esegui l’importazione.
  3. Controlla le pagine, i menu e l’header / footer importati.

Su Agency e Studio il WXR contiene anche i tipi di contenuto personalizzati e i loop. Installa il Plugin CPT (scaricalo dalla pagina della conversione) e attivalo prima di importare il WXR.

Elementor

L’output di Elementor richiede Elementor attivo sul sito di destinazione (basta la versione gratuita). Header e footer vengono inseriti dentro ogni pagina, perché Elementor gratuito non ha parti di tema condivise.

Limiti noti

  • I moduli appaiono uguali ma non inviano: collega un plugin per moduli e sostituisci il blocco.
  • Il menu mobile (hamburger) e le animazioni JavaScript dell’originale non vengono trasferiti.
  • Pubblicare di nuovo crea nuove pagine; non sovrascrive quelle esistenti. Elimina prima le vecchie bozze.
  • I siti il cui contenuto è generato interamente da un framework JavaScript possono convertirsi peggio.

Passo successivo

Approfondisci l’analizzatore in Convertire design HTML/CSS, oppure consulta tutte le opzioni di output in Esportare i risultati.