Dal prompt al post: come GPT2WP costruisce un articolo WordPress

Illustrazione a tre pannelli di una creatura nuvola che entra in tipografia, stampa stelle blu e porta un giornale.

Nota del 13 ottobre 2026. GPT2WP appartiene alla fase in cui collegavo i Custom GPT a WordPress attraverso un plugin-ponte. Oggi il lavoro si è spostato sui plugin e sugli agenti: questa pagina rimane come prova storica, non come presentazione del sistema attuale.

Qui avevamo provato a scrivere un articolo, aggiungere elementi e rileggere il risultato. Sotto rimane la galleria di titoli, liste, citazioni, tabelle e codice prodotta durante quella prova. I valori della tabella sono esempi di formattazione, non misurazioni di un progetto.

La pagina storica di GPT2WP descrive il ponte di allora. Il lavoro più recente è raccontato in Cosa farò fra cinque anni?.


Iniziamo…

📖 Titoli e testo base

I titoli vengono gestiti gerarchicamente tramite i tag <h2>, <h3>, <h4>, ecc. Ecco un esempio di sottosezioni ben strutturate. Per ulteriori dettagli, consulta la documentazione ufficiale di WordPress.

Livello H3 – Secondario

Questo testo spiega un concetto collegato ma meno centrale. Puoi usarlo per introdurre sottosezioni di un argomento più ampio.

Livello H4 – Dettaglio

Ideale per note, approfondimenti o sezioni tecniche. I titoli di livello 4 si usano raramente ma migliorano la leggibilità nei post complessi.

🧩 Liste e punti elenco

  • Elemento base della lista
  • Elemento in grassetto per evidenziare concetti chiave
  • Elemento in corsivo per sottolineare concetti secondari
  • Lista annidata:
    • Sottovoce A
    • Sottovoce B

💡 Citazioni e callout

“Un contenuto ben formattato non è solo più leggibile, ma anche più ricordabile.”

– GPT2WP

Per creare enfasi visiva, si possono usare anche blocchi informativi come quelli qui sotto. Sono utili per evidenziare suggerimenti, note o avvisi agli utenti.

Nota tecnica: i blocchi “group” permettono di creare sezioni con bordi, sfondi o spaziature personalizzate. Scopri di più sul blocco Group.

📊 Tabelle e dati

ParametroDescrizioneEsempio
widthLarghezza del blocco o elemento100%
marginSpaziatura esterna20px auto
paddingSpaziatura interna10px 15px
Tabella dimostrativa per visualizzare proprietà CSS comuni.

🧠 Blocco codice

function helloWorld() {
  console.log('Ciao, mondo!');
  window.open('https://www.matteobononi.it/blog', '_blank'); // Esempio di link dinamico
}

Puoi integrare snippet di codice per tutorial tecnici o guide passo-passo. WordPress supporta evidenziazione sintattica con plugin come Code Syntax Block.

📘 Conclusione

La prova serviva come catalogo visuale dei blocchi per sperimentare la resa e la composizione dei contenuti nel tuo blog. Ogni sezione dimostra un tipo di elemento diverso, utile per verificare la coerenza dello stile del tema e la compatibilità con le opzioni di Gutenberg.

Per altre idee di struttura e stile, visita la vetrina ufficiale dei siti WordPress per trarre ispirazione su layout e design.