La modifica completa del sito è il futuro di WordPress. Puoi FSE It?

Il Full Site Editing (FSE) è il passo successivo nell'evoluzione di WordPress Gutenberg. Ecco cosa significa per gli sviluppatori web e come accedere a modelli FSE gratuiti con l'hosting WPMU DEV.

Full Site Editing, o FSE, rilasciato con la versione 5.9 di WordPress, promette di trasformare per sempre il design del sito Web di WordPress. Diciamo "promessa" perché in questo momento, FSE è ancora agli inizi come funzionalità relativamente nuova di WordPress.

Secondo Carolina Nymark, uno sviluppatore di temi WordPress di lunga data e collaboratore principale...

"La modifica completa del sito cambierà il modo in cui tutti utilizzano i temi e il modo in cui li costruiamo".

In questo post tratteremo:

• Che cos'è la modifica completa del sito di WordPress?
• I 4 diversi tipi di temi WordPress: un breve riassunto
  • 1. Temi classici
  • 2. Blocca temi
  • 3. Temi ibridi
  • 4. Temi universali
• Funzionalità complete di modifica del sito
  • Temi a blocchi
  • Editore del sito
    • Modelli
    • Parti del modello
  • Variazioni di stile globali
  • Blocchi completi di modifica del sito
• Utilizzo di modelli FSE ospitati da WPMU DEV
• Preoccupazioni sull'utilizzo della modifica completa del sito
• Modifica del sito completo di WordPress – Passaggi successivi

entriamo...

Che cos'è la modifica completa del sito di WordPress?

tl;dr – Se l'intera faccenda di Gutenberg e Full Site Editing ti sembra confusa (o sta creando un blocco mentale ), ecco una rapida carrellata...

Gutenberg è il nome del progetto dato da WordPress al passaggio dall'editing “classico” a quello “a blocchi”. FSE sta portando Gutenberg al livello successivo, consentendo l'utilizzo dei blocchi non solo nell'editor di contenuti di post e pagine, ma in tutte le aree del sito Web (ad es. intestazioni, piè di pagina, barre laterali). Da qui il termine Modifica completa del sito .

Full Site Editing (FSE), quindi, è una raccolta di funzionalità di WordPress che consentono agli utenti di progettare ogni aspetto del proprio sito Web utilizzando i blocchi. FSE mira a sostituire widget, menu, ecc. Tutto ciò verrà fatto utilizzando i blocchi.

Con FSE, puoi utilizzare i blocchi per modellare visivamente tutte le parti del tuo sito Web, non solo l'area dei contenuti di post e pagine. Ciò include l'intestazione, il piè di pagina e le barre laterali del sito.

La modifica completa del sito promette di cambiare il modo in cui tutti utilizziamo i temi WordPress, quindi diamo prima un'occhiata ai diversi tipi di temi WordPress, prima di approfondire il modo in cui FSE influisce sui temi.

I 4 diversi tipi di temi WordPress: un breve riassunto

Nell'attuale ecosistema WordPress, sono disponibili quattro tipi di temi:

1. Temi classici

I temi classici vengono creati utilizzando modelli PHP, functions.php e altro. Attualmente, questi sono i tipi dominanti di temi WordPress disponibili.

2. Blocca temi

I temi a blocchi vengono creati per FSE utilizzando modelli HTML, parti di modelli, theme.json e così via (vedere la sezione "Temi a blocchi" di seguito).

Possiamo aspettarci di vedere più temi a blocchi che diventano disponibili man mano che più sviluppatori e utenti di temi adottano la modifica completa del sito.

3. Temi ibridi

I temi ibridi sono essenzialmente temi classici che possono adottare le funzionalità di FSE. La funzionalità del tema ibrido viene utilizzata principalmente in applicazioni client specifiche in cui potrebbe essere necessario accedere a file modello e creare modelli personalizzati.

4. Temi universali

I temi universali di WordPress funzionano sia con il Customizer che con l'Editor del sito. Questi sono sviluppati da Automattic. Come i temi ibridi, i temi Universal sono principalmente volti a soddisfare le esigenze specifiche dei clienti privati ​​in contesti prevalentemente aziendali.

Per ulteriori informazioni sulle differenze tra i tipi di temi di WordPress, guarda il video qui sotto:

Ora che abbiamo esaminato i diversi tipi di temi WordPress disponibili, iniziamo a immergerci nel mondo di FSE...

Funzionalità complete di modifica del sito

Come descritto in precedenza, FSE è una "raccolta" di funzionalità di WordPress che ti consentono di modificare tutte le parti del tuo sito web.

Alcune di queste caratteristiche includono:

Temi a blocchi

I temi a blocchi sono temi WordPress creati utilizzando modelli composti da blocchi.

Il tema predefinito Twenty-Twenty-Two fornito con WordPress 5.9 è un tema a blocchi.

Un tema a blocchi ti consente di personalizzare elementi come colori, tipografia e il layout di ogni singola pagina del tuo sito utilizzando i blocchi.

Il tema Twenty-Twenty-Two ha recensioni sorprendentemente buone...

E anche la sua quota di recensioni negative...

I temi a blocchi consentono nuove funzionalità, come una migliore integrazione con i modelli e la possibilità di mescolare e abbinare diversi stili predefiniti, creando la stessa sensazione e flessibilità che sperimenteresti se utilizzi più temi.

Man mano che FSE diventa più ampiamente adottato, più temi di blocco verranno aggiunti alla directory dei temi di WordPress. Puoi trovare i temi dei blocchi nella directory Temi utilizzando il Filtro funzionalità e selezionando Modifica completa del sito .

Editore del sito

L'editor del sito è una nuova funzionalità che consente agli utenti dell'editor di blocchi di creare e personalizzare un sito WordPress interamente da blocchi utilizzando un nuovo sistema di stili.

Sostituisce le funzionalità di modifica dei temi classici come la personalizzazione del tema, i widget e i menu.

L'utilizzo dell'Editor del sito richiede l'installazione di un "Tema blocco" attivo. Con un tema a blocchi installato, il menu Aspetto diventa molto più semplificato...

Se il tema attivo sul tuo sito non è un tema a blocchi (ovvero un normale tema classico non FSE), il menu Aspetto mostrerà i collegamenti alla personalizzazione del tema, ai widget, ai menu, ecc.

Nota: come accennato in precedenza, esistono temi ibridi che possono utilizzare FSE e il Customizer del tema.

Per accedere all'Editor del sito con un tema a blocchi installato, fai clic sul collegamento del menu Aspetto > Editor nell'area di amministrazione o sul collegamento Modifica sito nella barra degli strumenti di amministrazione front-end.

Questo ti porta alla schermata dell'editor del sito e mostra il modello utilizzato dalla tua home page. Fare clic sull'interruttore accanto a "Home" per visualizzare le aree dei modelli o selezionare Sfoglia tutti i modelli per visualizzare tutti i modelli di temi disponibili.

Fai clic sul logo di WordPress per visualizzare e accedere al modello della home page del tema, ai diversi modelli e alle parti del modello.

Puoi scegliere tra modificare ciò che viene visualizzato nella home page, un elenco di modelli, un elenco di parti di modelli o tornare alla dashboard.

Passa da una sezione all'altra dell'Editor del sito.

Modelli

I modelli sono gruppi di blocchi che si combinano per creare il design di una pagina web. Quando apporti modifiche nell'editor del modello, i blocchi su tutte le pagine o i post che utilizzano questo modello vengono aggiornati automaticamente. Puoi creare modelli personalizzati o utilizzare i modelli forniti dal tema o da un plug-in. Un modello per un post o una pagina mostra il tuo contenuto con il blocco del contenuto del post.

Parti del modello

Una parte modello è un blocco per la gestione di diverse aree della tua pagina web e aiuta a impostare la struttura per elementi riutilizzabili come un piè di pagina o un'intestazione. Le parti del modello vengono utilizzate principalmente per la struttura del sito. WordPress ti dà la possibilità di utilizzare parti di modelli esistenti o aggiungerne di nuove.

Fare clic su qualsiasi modello o parte del modello per modificarlo modificando i blocchi che compongono l'elemento.

Variazioni di stile globali

Stili è una funzionalità inclusa nei temi Block che ti consente di personalizzare gli elementi globali del design del tuo sito utilizzando colori, tipografia e layout diversi (oppure puoi semplicemente lasciare che il tuo tema lo gestisca).

Per accedere a questa funzione, assicurati di avere un tema Blocco attivo installato, quindi vai su Aspetto > Editor e fai clic sull'icona Stili accanto alla barra laterale delle impostazioni del blocco.

Stili ti consente di modificare e sovrascrivere gli elementi di design predefiniti del tuo tema, come aggiungere una nuova tavolozza di colori per i tuoi pulsanti in modo che corrispondano al tuo marchio, gestire i caratteri utilizzati sul sito e regolare diversi elementi globali come la famiglia di caratteri, lo spessore del carattere e l'altezza della linea, regolare i blocchi alla tua taglia preferita e altro ancora.

Puoi accedere a questa sezione indipendentemente dal modello o dalla parte del modello che stai modificando.

Questa funzione interessa l'intero sito. Se modifichi le impostazioni del colore di sfondo utilizzando Stili, ad esempio, cambierà anche il colore di sfondo di tutti i tuoi post, pagine e modelli (a meno che tu non abbia precedentemente impostato un colore personalizzato per un singolo blocco pulsanti, nel qual caso modificando le impostazioni Stili non sovrascriverà quei colori impostati individualmente).

Usare gli stili

Blocchi completi di modifica del sito

Puoi utilizzare tutti i blocchi disponibili per modificare i temi del tuo sito in The Site Editor, incluso un nuovo set di blocchi chiamato Theme block.

I blocchi tema ti consentono di eseguire operazioni come creare menu (blocco navigazione), visualizzare e modificare il titolo del tuo sito (blocco slogan del sito) e altro ancora.

Utilizzo di modelli FSE ospitati da WPMU

Se ospiti con WPMU DEV e stai creando nuovi siti o clonando siti WordPress esistenti, la nostra libreria di modelli ha una gamma di temi a blocchi tra cui scegliere.

xxxx

Per utilizzare un tema blocco dalla nostra libreria di modelli, seleziona Filtra modelli per > Costruttori > Editor completo del sito .

Quindi, seleziona il modello che desideri utilizzare per creare o clonare il tuo sito e completare il normale processo di configurazione del sito.

Per maggiori dettagli sull'utilizzo dei modelli, consulta il nostro articolo sulla creazione e la vendita di modelli di sito personalizzati con l'hosting WPMU DEV.

Preoccupazioni per la modifica completa del sito

I temi dei blocchi sono relativamente nuovi e il concetto di modifica completa del sito non è ancora così facile da comprendere, quindi molti utenti hanno dubbi sull'adozione della modifica completa del sito.

Alcune di queste preoccupazioni includono:

La modifica completa del sito è nuova

Il supporto per la modifica completa del sito è iniziato con l'introduzione dell'editor di modelli in WordPress 5.8 (rilasciato a luglio 2021). WordPress 5.9 ha introdotto funzionalità FSE aggiuntive, come l'editor del sito e il primo tema blocco predefinito (vedi sotto).

Anche se possiamo sicuramente aspettarci più nuove funzionalità di modifica del sito completo e miglioramenti da WordPress 6.0 in poi, il fatto è che FSE è ancora molto nuovo, il che solleva la prossima area di preoccupazione ...

Controllo di progettazione limitato

Pre-WordPress 5.9, apportare modifiche ai siti Web WordPress significa avere un controllo del design limitato.

Passare dall'essere una semplice piattaforma di blogging con capacità di espansione a uno strumento di creazione di siti Web completo con un sistema di gestione dei contenuti potente e ricco di funzionalità è stato un meraviglioso passo avanti. Anche se molti utenti e sviluppatori web continuano a resistere all'abbraccio della relativamente nuova architettura Gutenberg basata su blocchi (introdotta in WordPress 5.0 alla fine del 2018), nessuno al momento contesta che questa sia la direzione verso la quale WordPress si sta dirigendo.

Poiché questo articolo viene scritto, tuttavia, la progettazione, la creazione, la modifica e la personalizzazione di siti WordPress richiedono comunque l'utilizzo di plug-in, temi e/o page builder di terze parti e la gestione di tutti i bug, le incompatibilità e le dipendenze intrinseche.

Sebbene la modifica completa del sito prometta un futuro entusiasmante per il web design di WordPress, è necessaria una combinazione di modifica completa del sito e blocchi di Gutenberg per creare un intero sito Web e creare il tema e il layout del sito Web ideali per i singoli utenti.

Quindi, con FSE, il controllo del web design di WordPress è ancora limitato all'utilizzo dei blocchi esistenti della libreria di blocchi core di WordPress, della nuova libreria Patterns e dei plug-in di terze parti, che sono ancora tutti attualmente nella fase "in erba".

Questo ci porta alla prossima preoccupazione che gli utenti hanno sulla creazione di siti WordPress utilizzando la modifica completa del sito ...

Modifica completa del sito e costruttori di pagine

Come puoi vedere, ci sono sfide e limitazioni quando si tratta di progettare un sito Web completo in WordPress.

I Page builder aiutano a compensare queste sfide e limitazioni, mentre la modifica completa del sito promette di risolverne o eliminarne del tutto molti.

Prima di disinstallare il tuo generatore di pagine preferito a favore dell'utilizzo della modifica completa del sito, tuttavia, considera questo:

• I page builder come Divi o Elementor sono plug-in potenti con anni di sviluppo alle spalle, milioni di installazioni attive e supporto software dedicato per aiutare gli utenti a risolvere i loro problemi e continuare a fornire aggiornamenti regolari.
• I Page Builder consentono a chiunque di creare facilmente il proprio sito Web e integrare i processi del flusso di lavoro senza richiedere competenze di codifica utilizzando layout visivi predefiniti e moduli di progettazione drag and drop ricchi di funzionalità. Milioni di sviluppatori Web e utenti di WordPress sanno già come utilizzarli.
• FSE è ancora relativamente nuovo e ci vorrà del tempo per stabilire una base di utenti significativa, come quelle di Page Builder affermati come Elementor e Divi. Ciò influisce su aree importanti come il supporto, specialmente quando si tratta di plug-in premium in cui sono inclusi supporto, correzione di bug e aggiornamenti rispetto all'aiuto gratuito della community di WordPress.
• WordPress si basa su plugin come WooCommerce per la creazione di siti dinamici con funzionalità di eCommerce. Non ha una "soluzione a blocchi" di eCommerce totale integrata nel suo nucleo. Lo stesso vale per la creazione di siti complessi come siti di appartenenza, siti LMS, siti di eventi, directory, social network, ecc. Ci vorrà del tempo prima che FSE raggiunga i livelli di integrazione con funzionalità complesse già offerti da molti page builder.
• Milioni di utenti di WordPress non sono ancora passati completamente all'utilizzo di Gutenberg. Molti utenti preferiscono utilizzare il plug-in WordPress Classic Editor (oltre 5 milioni di installazioni attive) per creare e modificare i propri post e pagine (incluso noi), quindi questo può rallentare notevolmente il passaggio dal vecchio al nuovo modo di pensare a WordPress.

Modifica del sito completo di WordPress – Passaggi successivi

Sebbene ci siano molte ragioni per continuare a utilizzare i normali temi WordPress e i page builder per creare e mantenere i tuoi siti, non c'è motivo per cui non puoi iniziare a sperimentare e imparare a utilizzare la modifica completa del sito.

Ad esempio, ecco alcune cose che puoi fare come suggerito nel Manuale di WordPress.org:

• Utilizza diversi blocchi specifici per la modifica completa del sito come il blocco Elenchi di post, il blocco del titolo del sito, il blocco della parte del modello, il blocco del logo del sito, il blocco di navigazione e altro ancora.
• Esplora gli stili globali. Prova a modificare le impostazioni per i blocchi a livello globale.
• Modifica modelli come il modello di pagina 404 o il modello di pagina singola.
• Esplora la modalità di modifica dei modelli.
• Esplora le varie opzioni di navigazione tra i tuoi contenuti e i modelli.
• Prova a costruire un sito.

Inoltre, se ospiti con WPMU DEV, gioca con FSE utilizzando un sito di staging (incluso nei nostri piani di hosting) e i nostri modelli di temi a blocchi (inclusi anche loro). Se non sei ancora un membro, approfitta della nostra prova gratuita per controllare tutto.

Passerai alla modifica completa del sito... o aspetterai e FSE?

La modifica completa del sito è promettente e ha un grande potenziale.

Sebbene FSE potrebbe non essere ancora una minaccia significativa o un disturbo per gli sviluppatori di temi affermati e i costruttori di pagine, è il passo successivo nell'evoluzione di WordPress, dopo l'introduzione dell'editor Gutenberg.

La modifica completa del sito potrebbe offrire una dimensione nuova e unica allo sviluppo web di WordPress. Solo il tempo lo dirà.