Convertire da Penpot
Passo dopo passo: trasforma un design Penpot in contenuto WordPress con l'esportazione JSON. Disponibile dal piano Pro.
L’importazione da Penpot è disponibile dal piano Pro (Pro, Agency e Studio). Tapeto legge il JSON del file Penpot.
Account Free e Starter
La scheda Penpot mostra un badge Pro e la creazione del progetto viene rifiutata con «Il tuo piano non include questa fonte». Con Free o Starter puoi usare invece un sito ZIP / HTML o Figma, oppure cambiare piano da Impostazioni → Piano e fatturazione. Una volta in Pro, segui i passaggi qui sotto.
Tapeto converte la prima pagina del file Penpot. Per un sito con più pagine, crea un progetto per pagina (ognuno conta per il tuo limite mensile).
Prima di iniziare
- Un account Pro, Agency o Studio.
- Il file Penpot come JSON (
.json, fino a 5–200 MB (in base al piano)). Il pacchetto binario.penpotnon viene accettato direttamente. - Il tuo WordPress, se vuoi pubblicare: vedi la guida ZIP / HTML.
Passo 1 — Prepara il design in Penpot
- Costruisci ogni sezione come una board e usa il layout flex (riga o colonna, con spaziature e padding): diventa veri contenitori flex.
- Dai un nome alle board e ai livelli in base alla funzione —
Header,Hero,Footer,Card,Button. - Usa veri livelli di testo e font disponibili su Google Fonts.
- Rimuovi dalla pagina da convertire ciò che non serve.
Passo 2 — Ottieni il JSON
Tapeto ha bisogno dei dati del file in JSON: un oggetto che contenga pages-index (oppure pages / objects). Un modo per ottenerlo è l’API di Penpot con un token di accesso (Profilo → Access tokens), richiedendo i dati del file e salvando la risposta come file .json.
Passo 3 — Crea il progetto
- In Tapeto clicca su Nuovo progetto e scrivi un nome.
- Apri la scheda Penpot.
- Rilascia il file
.jsonnell’area (o clicca per sceglierlo). - Clicca su Crea progetto e attendi che lo stato sia «elaborato».
Se il JSON non ha una struttura Penpot riconoscibile, il progetto termina in «errore» con un messaggio che lo indica.
Passo 4 — Scegli il builder e converti
- Apri il progetto e scegli Gutenberg o Elementor.
- Clicca su Converti, attendi che la conversione sia completata e controlla l’Anteprima e il Fidelity Score.
Passo 5 — Porta il risultato in WordPress
Penpot è una funzione Pro, quindi il tuo account può usare tutte le vie di output:
- Scarica i file o Copia dalla scheda Contenuto e importa a mano — vedi la scheda Istruzioni per il tuo builder.
- Oppure Esporta WXR e importalo da Strumenti → Importa → WordPress.
- Oppure Pubblica su WordPress: con il plugin installato sul tuo sito e il sito aggiunto in Connessioni WP (3 siti in Pro, 10 in Agency, illimitati in Studio), la pagina viene creata come bozza. La procedura completa è nella guida ZIP / HTML.
- Su Agency e Studio, il WXR può includere anche i tipi di contenuto personalizzati e i loop.