{"id":78450,"date":"2024-07-29T14:48:13","date_gmt":"2024-07-29T13:48:13","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=78450&preview=true&preview_id=78450"},"modified":"2024-07-30T12:28:15","modified_gmt":"2024-07-30T11:28:15","slug":"full-site-editing-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/full-site-editing-wordpress\/","title":{"rendered":"Full site editing di WordPress: un tutorial passaggio per passaggio"},"content":{"rendered":"

L’evoluzione di WordPress ha richiesto del tempo per maturare, ma \u00e8 passata da una semplice piattaforma di blogging a un robusto sistema di gestione dei contenuti (CMS) che gestisce quasi tutto il web. I maggiori progressi sono stati fatti nella creazione di siti. Il full site editing<\/em> di WordPress (FSE, editing del sito intero) \u00e8 un modo ambizioso per mettere strumenti complessi nelle mani di tutti.<\/p>\n

Questa guida completa esplorer\u00e0 la storia e le funzionalit\u00e0 del full site editing di WordPress. L’obiettivo finale \u00e8 quello di mostrarvi come funziona l’FSE e di permettervi di sviluppare il design dei vostri siti, proprio come fanno i professionisti.
\n

<\/div><\/kinsta-auto-toc><\/p>\n

Una breve storia del design e della creazione di layout su WordPress<\/h2>\n

Capire l’evoluzione della progettazione di siti e layout all’interno di WordPress \u00e8 una parte essenziale per apprezzare l’importanza del FSE. Lo strumento chiave che ci ha permesso di arrivare a questo punto \u00e8 l’Editor classico<\/a>.<\/p>\n

\"L'interfaccia
L’editor classico di WordPress.<\/figcaption><\/figure>\n

Naturalmente, non \u00e8 sempre stato “classico”. \u00c8 sempre stato l’editor TinyMCE, predefinito dalla prima versione di WordPress fino al 2018 circa. Si tratta di un semplice editor di testo WYSIWYG (What You See Is What You Get) che permette di inserire contenuti e HTML di base, oltre ad alcuni stili di formattazione. In realt\u00e0, \u00e8 ancora possibile ottenere l’editor TinyMCE<\/a> in quanto si tratta di uno strumento commerciale:<\/p>\n

\"L'interfaccia
La pagina iniziale dell’editor TinyMCE.<\/figcaption><\/figure>\n

I principali svantaggi dell’editor TinyMCE sono la mancanza di opzioni di anteprima front-end e una minore flessibilit\u00e0 rispetto a quanto si vorrebbe. I framework di temi sono diventati una valida e potente alternativa. Naturalmente il framework Genesis<\/a> di StudioPress \u00e8 ancora presente, ma ce ne sono stati altri, come Thesis<\/a>.<\/p>\n

\"Una
Il tema predefinito di Genesis Framework.<\/figcaption><\/figure>\n

Qui potete vedere come si passa dalla modifica del testo al web design visivo. Il framework offre delle opzioni sul back-end di WordPress che permettono di modificare alcuni aspetti del front-end. Inoltre, offre ulteriori funzionalit\u00e0 per apportare ulteriori modifiche, come hook e filtri<\/a>, supporto per i template<\/a> e altro ancora.<\/p>\n

Tuttavia, questo non era ancora molto accessibile per l’utente comune, ed \u00e8 per questo che i plugin per la creazione di pagine<\/a> sono diventati popolari. Questi plugin si affiancano all’editor TinyMCE\/Classic per offrire un sistema drag-and-drop per la progettazione del sito. Questi plugin sono rimasti in gran parte invariati rispetto al 2011. Divi<\/a> e Beaver Builder<\/a> la fanno ancora da padrone, ma anche Elementor<\/a> \u00e8 un colosso:<\/p>\n

\"L'interfaccia
La home page di Elementor.<\/figcaption><\/figure>\n

Vi consigliamo di leggere la prossima sezione per capire perch\u00e9 abbiamo alternative all’editor TinyMCE e a un plugin per la creazione di pagine.<\/p>\n

L’editor a blocchi e il full site editing del sito WordPress<\/h2>\n

WordPress \u00e8 il numero uno<\/a> in termini di popolarit\u00e0, ma per arrivarci ha dovuto lottare per difendere il suo titolo. Nel corso degli anni, molte altre piattaforme hanno saturato il mercato.<\/p>\n

Squarespace<\/a>, Wix, Medium e molte altre vogliono lo stesso pubblico e la stessa base di utenti di WordPress e, fino all’editor a blocchi, offrivano un’esperienza di editing decisamente migliore.<\/p>\n

\"L'interfaccia
Editing di un sito web con Wix.<\/figcaption><\/figure>\n

Questa era una grande preoccupazione<\/a> per il management di WordPress, dato che le altre piattaforme dell’epoca stavano guadagnando maggiore visibilit\u00e0. Anche la concorrenza aveva interfacce moderne, visive e performanti, anche per il semplice controllo del layout.<\/p>\n

L’editor a blocchi \u00e8 uno strumento modulare per costruire i post e le pagine di un sito, ma presenta anche degli svantaggi. Per cominciare, la sua portata limitata fa s\u00ec che l’utilizzo di questo editor richieda un plugin per la creazione di pagine se si desidera apportare modifiche pi\u00f9 “profonde”. Inoltre, per costruire un sito completo \u00e8 necessario avere conoscenze di sviluppo, una barriera creativa che il team di WordPress ha risolto.<\/p>\n

Cos’\u00e8 il full site editing di WordPress (FSE)<\/h3>\n

L’editing del sito intero di WordPress rappresenta l’ultima e pi\u00f9 grande frontiera per lo sviluppo di un sito<\/a>. Si basa sull’uso dei blocchi per mettere insieme un progetto e comprende molto di pi\u00f9 dei singoli post e pagine. In sostanza, FSE permette di gestire ogni aspetto del design del vostro sito WordPress utilizzando un’interfaccia unificata e intuitiva.<\/p>\n

\"L'interfaccia
Modifica dei template con il full site editor di WordPress.<\/figcaption><\/figure>\n

Questo \u00e8 ormai il modo “ufficiale” di modificare un sito. Riunisce tutti gli aspetti del vostro sito sotto la sua ala:<\/p>\n