{"id":102,"date":"2026-01-20T01:04:00","date_gmt":"2026-01-20T00:04:00","guid":{"rendered":"https:\/\/www.matteobononi.it\/blog\/?p=102"},"modified":"2026-01-21T16:17:40","modified_gmt":"2026-01-21T15:17:40","slug":"dal-prompt-al-post-come-gpt2wp-costruisce-un-articolo-wordpress","status":"publish","type":"post","link":"https:\/\/www.matteobononi.it\/blog\/dal-prompt-al-post-come-gpt2wp-costruisce-un-articolo-wordpress\/","title":{"rendered":"Dal prompt al post: come GPT2WP costruisce un articolo WordPress"},"content":{"rendered":"\n<p><strong>Introduzione<\/strong> \u2014 Questo articolo \u00e8 un esempio pratico delle capacit\u00e0 di <strong>GPT2WP<\/strong>, il sistema che integra IA, WordPress e la logica editoriale. Si tratta di un contenuto dimostrativo creato per mostrare come un post possa essere generato, modificato e arricchito dinamicamente grazie alla collaborazione tra autore umano e intelligenza artificiale. Ogni sezione e aggiornamento qui presenti derivano da un flusso reale di lavoro tra utente e AI, documentato passo dopo passo.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>Iniziamo&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">&#x1f4d6; Titoli e testo base<\/h2>\n\n\n\n<p>I titoli vengono gestiti gerarchicamente tramite i tag <code>&lt;h2&gt;<\/code>, <code>&lt;h3&gt;<\/code>, <code>&lt;h4&gt;<\/code>, ecc. Ecco un esempio di sottosezioni ben strutturate. Per ulteriori dettagli, consulta la <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/block-tutorial\/writing-your-first-block-type\/\" target=\"_blank\">documentazione ufficiale di WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Livello H3 \u2013 Secondario<\/h3>\n\n\n\n<p>Questo testo spiega un concetto collegato ma meno centrale. Puoi usarlo per introdurre sottosezioni di un argomento pi\u00f9 ampio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Livello H4 \u2013 Dettaglio<\/h4>\n\n\n\n<p>Ideale per note, approfondimenti o sezioni tecniche. I titoli di livello 4 si usano raramente ma migliorano la leggibilit\u00e0 nei post complessi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">&#x1f9e9; Liste e punti elenco<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elemento base della lista<\/li>\n\n\n\n<li><strong>Elemento in grassetto<\/strong> per evidenziare concetti chiave<\/li>\n\n\n\n<li><em>Elemento in corsivo<\/em> per sottolineare concetti secondari<\/li>\n\n\n\n<li>Lista annidata:\n<ul class=\"wp-block-list\">\n<li>Sottovoce A<\/li>\n\n\n\n<li>Sottovoce B<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">&#x1f4a1; Citazioni e callout<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cUn contenuto ben formattato non \u00e8 solo pi\u00f9 leggibile, ma anche pi\u00f9 ricordabile.\u201d<\/p>\n<cite>\u2013 GPT2WP<\/cite><\/blockquote>\n\n\n\n<p>Per creare enfasi visiva, si possono usare anche <strong>blocchi informativi<\/strong> come quelli qui sotto. Sono utili per evidenziare suggerimenti, note o avvisi agli utenti.<\/p>\n\n\n<div class=\"wp-block-group\" style=\"border-color:#0073aa;border-width:2px;padding:10px 15px\">\n<p><strong>Nota tecnica:<\/strong> i blocchi \u201cgroup\u201d permettono di creare sezioni con bordi, sfondi o spaziature personalizzate. <a href=\"https:\/\/wordpress.org\/documentation\/article\/group-block\/\" target=\"_blank\">Scopri di pi\u00f9 sul blocco Group<\/a>.<\/p>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">&#x1f4ca; Tabelle e dati<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Parametro<\/th><th>Descrizione<\/th><th>Esempio<\/th><\/tr><\/thead><tbody><tr><td><strong>width<\/strong><\/td><td>Larghezza del blocco o elemento<\/td><td><code>100%<\/code><\/td><\/tr><tr><td><strong>margin<\/strong><\/td><td>Spaziatura esterna<\/td><td><code>20px auto<\/code><\/td><\/tr><tr><td><strong>padding<\/strong><\/td><td>Spaziatura interna<\/td><td><code>10px 15px<\/code><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Tabella dimostrativa per visualizzare propriet\u00e0 CSS comuni.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">&#x1f9e0; Blocco codice<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>function helloWorld() {\n  console.log('Ciao, mondo!');\n  window.open('https:\/\/www.matteobononi.it\/blog', '_blank'); \/\/ Esempio di link dinamico\n}<\/code><\/pre>\n\n\n\n<p>Puoi integrare snippet di codice per tutorial tecnici o guide passo-passo. WordPress supporta evidenziazione sintattica con plugin come <a href=\"https:\/\/wordpress.org\/plugins\/code-syntax-block\/\" target=\"_blank\">Code Syntax Block<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">&#x1f4d8; Conclusione<\/h2>\n\n\n\n<p>Questa pagina serve come <strong>catalogo visuale dei blocchi<\/strong> 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\u00e0 con le opzioni di Gutenberg.<\/p>\n\n\n\n<p>Per altre idee di struttura e stile, visita la <a href=\"https:\/\/wordpress.org\/showcase\/\" target=\"_blank\">vetrina ufficiale dei siti WordPress<\/a> per trarre ispirazione su layout e design.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">&#x1f4ca; Resoconto informativo del blog \u201cPensieri sparsi\u201d<\/h2>\n\n\n\n<p>Per dimostrare la capacit\u00e0 di integrare <strong>dati reali e informazioni contestuali<\/strong> all\u2019interno dei contenuti, questa sezione riassume automaticamente alcune statistiche e dettagli del sito, recuperate direttamente dal blog e da fonti pubbliche ufficiali.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nome del sito:<\/strong> Pensieri sparsi<\/li>\n\n\n\n<li><strong>Descrizione:<\/strong> \u201cPrendi la palla al balzo quando la mela \u00e8 matura\u201d<\/li>\n\n\n\n<li><strong>URL:<\/strong> <a href=\"https:\/\/www.matteobononi.it\/blog\" target=\"_blank\">https:\/\/www.matteobononi.it\/blog<\/a><\/li>\n\n\n\n<li><strong>Versione WordPress:<\/strong> 6.9<\/li>\n\n\n\n<li><strong>Versione PHP:<\/strong> 8.3.27<\/li>\n\n\n\n<li><strong>Tema attivo:<\/strong> Twenty Twenty-Five (tema a blocchi)<\/li>\n\n\n\n<li><strong>Contenuti totali:<\/strong> 9 articoli pubblicati o in bozza<\/li>\n\n\n\n<li><strong>Pagine statiche:<\/strong> 1<\/li>\n\n\n\n<li><strong>Categorie:<\/strong> 4<\/li>\n\n\n\n<li><strong>Tag attivi:<\/strong> 25<\/li>\n\n\n\n<li><strong>Autori registrati:<\/strong> 1<\/li>\n<\/ul>\n\n\n\n<p>Questi dati sono stati estratti in tempo reale tramite il plugin <strong>GPT2WP<\/strong> e le API di WordPress, che permettono una sincronizzazione diretta tra contenuto generato e database del sito. Le statistiche si aggiornano automaticamente ogni volta che viene rigenerata la sezione.<\/p>\n\n\n\n<p>Le informazioni di versione sono verificate rispetto alle <a href=\"https:\/\/wordpress.org\/news\/category\/releases\/\" target=\"_blank\">note di rilascio ufficiali di WordPress<\/a> e alla <a href=\"https:\/\/www.php.net\/releases\/\" target=\"_blank\">documentazione PHP<\/a> per garantire la correttezza dei dati tecnici riportati.<\/p>\n\n\n\n<p><em>Questo esempio mostra come un assistente GPT possa combinare contenuti editoriali e dati dinamici, generando articoli informativi sempre coerenti, trasparenti e verificabili.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">&#x1f4dc; Storytelling del flusso di lavoro GPT2WP<\/h2>\n\n\n\n<p>Questo articolo non \u00e8 nato da un semplice comando, ma da un dialogo costruito passo dopo passo all\u2019interno di questa stessa sessione con <strong>GPT2WP<\/strong>, l\u2019assistente AI collegato al blog \u201cPensieri sparsi\u201d.<\/p>\n\n\n\n<p>Tutto \u00e8 iniziato con una richiesta semplice: creare un articolo di prova che mostrasse le diverse <em>capacit\u00e0 di formattazione e composizione<\/em> all\u2019interno di WordPress. Ho generato un contenuto ricco di blocchi Gutenberg \u2014 titoli, liste, citazioni, codice, tabelle \u2014 per offrire una panoramica visiva di ci\u00f2 che l\u2019editor pu\u00f2 fare.<\/p>\n\n\n\n<p>Successivamente, l\u2019utente ha chiesto una revisione: niente immagini generate (inserite erroneamente, in quanto ancora questa funzionalit\u00e0 non \u00e8 implementata), ma l\u2019aggiunta di link utili e reali. Il contenuto \u00e8 stato aggiornato in modo coerente, mantenendo la struttura ma arricchendola con collegamenti alla documentazione ufficiale WordPress, a plugin e a risorse verificate.<\/p>\n\n\n\n<p>Da l\u00ec, il progetto si \u00e8 evoluto in una <strong>dimostrazione pratica di integrazione tra GPT e WordPress<\/strong>. Ho estratto dati reali dal blog \u2014 titolo, descrizione, versione del CMS, numero di post e tag \u2014 e li ho inseriti in una sezione automatica, citando le fonti ufficiali per garantire trasparenza e accuratezza.<\/p>\n\n\n\n<p>In seguito, abbiamo sistemato i tag dell\u2019articolo, rendendoli pi\u00f9 coerenti con il contenuto e dimostrando come un flusso AI possa non solo creare ma anche <em>curare<\/em> e ottimizzare in tempo reale.<\/p>\n\n\n\n<p>Infine, \u00e8 nata questa sezione: un piccolo racconto meta-editoriale che spiega come GPT2WP pu\u00f2 accompagnare un autore \u2014 o un intero team editoriale \u2014 in un percorso di creazione strutturata, precisa e completamente tracciabile. Ogni intervento \u00e8 parte di un processo collaborativo, in cui l\u2019AI non sostituisce la creativit\u00e0 umana, ma la amplifica.<\/p>\n\n\n\n<p><em>Questo articolo, quindi, non \u00e8 solo un esempio di formattazione: \u00e8 la testimonianza di un dialogo produttivo tra intelligenza artificiale e redazione, dove ogni parola \u00e8 frutto di una collaborazione trasparente e verificabile.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduzione \u2014 Questo articolo \u00e8 un esempio pratico delle capacit\u00e0 di GPT2WP, il sistema che integra IA, WordPress e la logica editoriale. Si tratta di un contenuto dimostrativo creato per mostrare come un post possa essere generato, modificato e arricchito dinamicamente grazie alla collaborazione tra autore umano e intelligenza artificiale. Ogni sezione e aggiornamento qui [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":109,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58],"tags":[30,34,35,38,39,33,36,37,32],"class_list":["post-102","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ia-applicata","tag-30","tag-blocco-editor","tag-demo","tag-documentazione","tag-esempi-pratici","tag-gutenberg","tag-plugin-gpt2wp","tag-trasparenza-dei-dati","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":9,"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions\/112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/media\/109"}],"wp:attachment":[{"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.matteobononi.it\/blog\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}