Full-Site Editing (FSE) rappresenta un enorme cambiamento nel modo in cui gli utenti di WordPress progettano e sviluppano siti web. In qualità di membro della community di WordPress, probabilmente non vedi l’ora di acquisire esperienza pratica con questa funzionalità. Tuttavia, quando WordPress 5.6 è stato rilasciato, non includeva questa funzionalità tanto attesa.
Fortunatamente, c’è un modo per accedere all’editor completo del sito. Con l’aiuto del plugin Gutenberg e un tema WordPress sperimentale, puoi accedere a una versione beta di FSE oggi. Questa è un’ottima opportunità per testare la fase successiva della progettazione di WordPress prima che sia ufficialmente rilasciata.
In questo articolo, ti aggiorneremo su FSE prima che venga introdotto nel core di WordPress. Ti mostreremo come configurarlo e usarlo per modificare ogni parte del tuo sito web WordPress.
Iniziamo!
Che cos’è Full-site editing di Gutenberg (e perché è importante)?
Ogni sito web WordPress è costituito da elementi globali ed elementi di pagina. Gli elementi globali sono quelli che appaiono in tutto il tuo sito web, come l’header e il footer. Sono spesso generati dal tuo tema e puoi modificarli utilizzando il customizer di WordPress:
Diversamente, puoi aggiungere elementi di pagina a una pagina web specifica utilizzando l’editor di WordPress. Alcuni esempi comuni includono testo, immagini e video:
L’imminente funzionalità di Full-Site Editing (FSE) mira a fornire un’unica interfaccia in cui è possibile aggiungere sia elementi globali che elementi di pagina. Ciò aprirà la strada alla creazione di interi siti web utilizzando solo i blocchi di Gutenberg. In preparazione a questo cambiamento, gli sviluppatori di Gutenberg sono stati impegnati a creare una libreria di blocchi di costruzione del sito, inclusi titolo del sito, titolo del post, commenti e contenuto del post.
Quando è stato lanciato nel 2017, Gutenberg ha ricevuto una risposta mista dalla comunità di WordPress . Nonostante questo inizio difficile, da allora l’Editor a blocchi ha dimostrato di avere alcuni vantaggi significativi rispetto all’Editor classico .
Come passo successivo nel viaggio basato su blocchi di WordPress, FSE potrebbe fornire ancora più vantaggi. In primo luogo, promette di offrire maggiore flessibilità nel modo in cui progetti e costruisci i layout di pagina. Ad esempio, potresti utilizzare Full-Site Editor per definire il titolo del tuo sito web. È quindi possibile sovrascrivere questo titolo per pagine specifiche, se necessario.
FSE può anche semplificare la progettazione e la creazione del tuo sito web WordPress. Utilizzando questo editor, puoi apportare modifiche globali e specifiche della pagina dalla stessa interfaccia. Ciò significa che devi solo imparare un singolo flusso di lavoro. Inoltre, non dovrai perdere tempo a navigare tra il Customizer e l’editor di WordPress. Quando si dispone di un elenco di modifiche che è necessario implementare, questi secondi possono aumentare notevolmente il risparmio di tempo.
Come accedere all’editor del sito completo in WordPress 5.6 (in 3 semplici passaggi)
Invece di passare più tempo a parlare di ciò che FSE può fare per te, pensiamo che sia meglio per te vederlo in azione. Ecco come puoi aggiungere oggi Full Site Editor al tuo sito web WordPress.
Passaggio 1: prepara l’ambiente di staging e installa il plugin Gutenberg
Al momento della stesura di questo articolo, WordPress classifica ancora Full Site Editor come funzionalità sperimentale. Ciò significa che non è consigliabile utilizzare FSE in un ambiente di produzione, come il tuo sito web live.
È invece possibile creare un ambiente di test sicuro in cui provarlo. Se non disponi già di una sandbox, puoi creare un sito WordPress locale utilizzando XAMPP , Local by Flywheel , MAMP o un’altra piattaforma.
Successivamente, potrai installare e attivare il plugin Gutenberg . Se lo stai già utilizzando, ti consigliamo di verificare se stai utilizzando la versione più recente, poiché il plugin riceve frequenti aggiornamenti
Sebbene Full Site Editing non sia ancora pronto per il debutto ufficiale, una versione beta di questo editor è stata inclusa in WordPress 5.6. Se non hai eseguito l’aggiornamento a WordPress 5.6, dovrai farlo ora. Questo dovrebbe fornirti l’esperienza FSE più stabile e affidabile.
Ti consigliamo inoltre di utilizzare PHP 7.3 o versioni successive. Se non sei sicuro di quale versione di PHP stia alimentando il tuo sito WordPress, in genere puoi trovare queste informazioni nello strumento Site Health WordPress in Info> Server .
Se sei in ritardo con gli aggiornamenti PHP, ti consigliamo di esaminare la documentazione per la piattaforma che stai utilizzando per ospitare il tuo ambiente di staging. Dovrebbe includere istruzioni su come eseguire l’aggiornamento. In caso contrario, se il tuo sito sandbox è ospitato da un provider di terze parti, puoi contattare il supporto per ricevere assistenza.
Passaggio 2: installa WordPress Theme Experiments
WordPress Theme Experiments è una raccolta di progetti che esplorano ciascuno un aspetto della creazione di temi e template basati su blocchi. In questa raccolta troverai il tema TT1 Blocks, che è una versione sperimentale basata su blocchi di Twenty Twenty-One. Il tema TT1 Blocks è la chiave per sbloccare l’Editor del sito completo prima del suo rilascio ufficiale.
Per iniziare, vai alla pagina GitHub di WordPress Theme Experiments e fai clic sul pulsante verde Codice. È quindi possibile selezionare Scarica zip :
Una volta scaricata questa cartella, decomprimila. All’interno, dovresti individuare i blocchi tt1 . È ora possibile creare una nuova cartella zip contenente solo blocchi tt1 . Questo processo può variare a seconda del sistema operativo, ma ti consigliamo di cercare l’opzione per comprimere il file.
Il passaggio successivo consiste nel caricare questo file .zip su WordPress. Nella dashboard di amministrazione, seleziona Aspetto> Temi. È quindi possibile fare clic su Aggiungi nuovo> Carica tema> Scegli file e selezionare il file zip tt1-blocks . Quindi fari clic su Installa ora.
Una volta caricata questa cartella, seleziona Aspetto> Temi nel menu di WordPress. Questa schermata dovrebbe ora includere il tema TT1 Blocks :
Per attivare questo tema, passaci sopra con il mouse e seleziona Attiva. Una nuova opzione Site Editor (beta) dovrebbe ora apparire nel menu della barra laterale del dashboard di WordPress.
Se questa opzione non viene visualizzata, potrebbe essere necessario abilitare manualmente la modifica del sito completo. Nel menu a sinistra, vai a Gutenberg> Experiments . È ora possibile selezionare Modifica sito completo> Salva. Dopo aver apportato questa modifica, dovresti avere accesso al menu Site Editor .
Passaggio 3. Personalizza il tuo sito con Full Site Editor
Fino ad ora, gli utenti di WordPress hanno sperimentato solo la Fase 1 del progetto Gutenberg. È ora di fare esperienza pratica con la Fase 2, utilizzando Full-Site Editor per un test drive.
Per accedere a questo nuovo editor, vai al front-end del tuo sito web WordPress, dovresti vedere un’opzione Modifica sito nella barra degli strumenti di amministrazione:
È facile modificare una pagina web in questo nuovo editor. Vai semplicemente alla pagina o al post che desideri aggiornare, quindi seleziona Modifica sito dalla barra degli strumenti . Si aprirà la pagina per la modifica nella nuova modalità Full Site Editor di WordPress:
È ora possibile modificare qualsiasi elemento sullo schermo facendo clic su di esso. Quando selezioni un elemento, le informazioni su quell’elemento verranno visualizzate nella parte inferiore dello schermo. Puoi anche aggiungere nuovi elementi globali e di pagina selezionando il pulsante più (+).
FSE è uno strumento che è meglio sperimentare in prima persona. Supponendo che tu abbia seguito il nostro consiglio e creato un ambiente di test, vale la pena dedicare un pò di tempo a sperimentare le diverse funzionalità e impostazioni di FSE.
Il futuro dell’editing del sito completo in WordPress
Mentre esplori FSE, tieni presente che il team di sviluppo principale di WordPress sta attivamente cercando feedback su questa nuova funzionalità. In caso di problemi, è possibile segnalarli nei repository GitHub di Gutenberg o di theme experiments.
Potresti anche prendere in considerazione l’adesione a FSE Outreach Program. Questo programma offre agli utenti di WordPress un modo per comunicare con il team di sviluppo di FSE.
Il team di WordPress ha creato questo programma per raccogliere feedback su ogni parte dell’esperienza FSE. Ciò include modifiche al flusso di lavoro, segnalazioni di bug e nuove funzionalità che desideri vedere incluse in FSE. Secondo le FAQ di FSE , la partecipazione a questo programma dovrebbe richiedere circa tre ore a settimana.
Se desideri tenerti aggiornato sugli sviluppi di FSE Outreach, le informazioni di questo programma verranno pubblicate su Make WordPress test blog utilizzando il tag #fse-outreach-program. Puoi anche unirti al canale Slack #fse-outreach-experiment per ulteriori aggiornamenti.
Conclusione
L’imminente funzionalità di Full-Site Editing (FSE) promette di essere il prossimo importante passo nella progettazione e nello sviluppo di WordPress. Acquistando subito un pò di esperienza pratica, puoi assicurarti che il tuo sito sia pronto per i cambiamenti futuri.
In questo post, ti abbiamo mostrato come accedere a una versione beta dell’editor del sito completo:
- Prepara il tuo ambiente di sviluppo e installa il plugin Gutenberg .
- Installa gli esperimenti sui temi di WordPress .
- Personalizza il tuo sito con FSE.
Buon lavoro!
