Ora puoi creare il tuo tema di blocco all'interno di WordPress

Pubblicato: 2022-07-18

WordPress Full Site Editing (FSE) ci consente di modificare vari aspetti di un sito Web senza bisogno di codice. Ha messo parti di un tema precedentemente nascoste alla portata dei non designer. E forse ha reso il lavoro di un professionista del web un po' più semplice nel processo.

Ma questo sta solo scalfindo la superficie del potenziale di FSE. Sono in fase di sviluppo funzionalità più avanzate. Tra questi c'è la possibilità di creare un intero tema di blocco all'interno di WordPress.

Pensiamoci un momento. Storicamente, ci sono stati due metodi principali per implementare i temi. Il primo è costruire il tuo da zero usando PHP, HTML, JavaScript e CSS. L'altro consiste nel scaricare un tema di terze parti e modificarlo a proprio piacimento.

Grazie al plug-in Crea tema blocco, ora c'è un terzo metodo: creare un tema blocco completamente da WordPress. Da lì, puoi esportare la tua creazione per usarla altrove.

Sembra rivoluzionario in termini di come costruiamo siti Web con WordPress. Come funziona? Oggi daremo una prima occhiata a Crea tema blocco e ti mostreremo cosa può fare.

A cosa serve il plugin Crea blocco tema

Il rilascio del plugin Create Block Theme arriva in un momento in cui FSE è ancora una tecnologia nascente. Sviluppato dai membri del team ufficiale dei temi di WordPress, un giorno potrebbe trovare la sua strada nel software principale.

A prima vista, è un software senza fronzoli, ma è in base alla progettazione. Il plugin non aggiunge alcuna nuova funzionalità radicale all'editor del sito. Piuttosto, fornisce un mezzo per esportare il lavoro che hai già svolto. E ci sono anche alcune altre chicche.

Quando scarichi Crea tema blocco e lo attivi sul tuo sito web (si consiglia inoltre di eseguire l'ultima versione del plug-in Gutenberg), noterai una nuova voce di menu situata in Aspetto > Crea tema blocco .

Questa schermata fornisce le seguenti opzioni:

Esporta tema attivo
Se stai già utilizzando un tema a blocchi, come Twenty Twenty-Two, e hai apportato modifiche nell'editor del sito, puoi esportare la versione personalizzata del tema. Questo potrebbe tornare utile se desideri creare un punto di partenza personalizzato per altri progetti che utilizzano il tema.

Crea figlio del tema attivo
In passato, i temi figlio sono stati consigliati per garantire che le personalizzazioni non vengano sovrascritte quando scarichi gli aggiornamenti per il tuo tema. Per quanto riguarda i temi a blocchi, un bambino può servire come un modo per distribuire varianti specifiche del genitore. Ad esempio, uno può contenere una diversa combinazione tipografica o di colori.

Clona tema attivo
Questa opzione copia il tema attivo e include tutte le modifiche apportate nell'editor del sito utilizzando un nuovo nome. Poiché si tratta di una copia separata, ciò ti consente di lavorare sul nuovo tema senza danneggiare accidentalmente l'originale.

Sovrascrivi il tema attivo
Se hai apportato modifiche al tema attivo e desideri che sovrascrivano le sue impostazioni predefinite, questa opzione ti consente di farlo.

La pagina delle opzioni Crea tema blocco.

Creazione di un tema blocco WordPress personalizzato

Il processo per la creazione di un tema di blocco WordPress personalizzato prevede di apportare le modifiche desiderate tramite l'editor del sito ( Aspetto > Editor ). Cambia l'intestazione, il piè di pagina, le aree di contenuto del tuo tema e qualsiasi altra cosa desideri.

Ma prima di poterlo fare, è importante scegliere il tema del blocco giusto. Ad esempio, potresti utilizzare un po' di tela bianca come Blockbase. Ciò ti consente di iniziare da zero e creare un look completamente personalizzato. Significa anche non dover demolire alcun elemento del tema esistente che non desideri.

Se preferisci qualcosa con più adattamento e finitura, sono disponibili diversi temi a blocchi che possono fornire un ottimo punto di partenza. Avrai un layout stabilito e potrai apportare tutte le modifiche necessarie per soddisfare le tue esigenze.

Indipendentemente da come inizi, Crea tema a blocchi ti consentirà di esportare il tuo tema per utilizzarlo su un'altra installazione di WordPress.

Personalizzazione del tema Blockbase con l'editor del sito di WordPress.

Esportazione del tema del blocco personalizzato

In questo esempio, ho apportato alcune personalizzazioni di base a Blockbase. Ora è il momento di esportare il tema e installarlo su un altro sito Web WordPress locale.

Come accennato in precedenza, Crea tema blocco offre diverse opzioni di esportazione. Ho scelto di creare un tema figlio e di dargli un nome personalizzato. Ciò significa che dovrò avere una copia di Blockbase installata su qualsiasi altro sito Web su cui vorrei utilizzare il mio nuovo tema figlio.

Esportazione di un tema figlio utilizzando Crea tema blocco.

L'esportazione genera un file ZIP, che posso quindi importare nel mio nuovo sito. Sul nuovo sito WordPress, andrò su Aspetto > Temi , quindi cliccherò sul pulsante " Aggiungi nuovo ".

Una volta nella pagina Aggiungi temi , posso caricare il mio nuovo tema di blocco facendo clic sul pulsante " Carica tema " e selezionando il file .ZIP esportato dal mio disco rigido. Infine, attiverò il tema figlio.

Importazione del file .zip generato in un nuovo sito Web WordPress.

I risultati sembrano buoni. Le modifiche che ho apportato sono sopravvissute al processo di esportazione e sembravano funzionare bene sul nuovo sito. Teoricamente, ciò fornirebbe un solido vantaggio quando si lavora su progetti futuri.

Il tema del blocco personalizzato nella sua nuova destinazione.

È questo il futuro della creazione di temi WordPress?

La possibilità di creare un tema a blocchi da WordPress e quindi utilizzarlo ovunque potrebbe essere un punto di svolta per il tuo flusso di lavoro. Riduce potenzialmente molto tempo dedicato alla gestione del codice e offre un'esperienza di progettazione visiva completa.

Tuttavia, la comodità potrebbe non significare molto se l'editor del sito non offre tutti gli strumenti di cui hai bisogno. È abbastanza semplice creare layout diversi e regolare i colori, ecc. Ma è probabile che ci siano scenari in cui è necessario il codice.

Tutto dipende da come ti piace lavorare. Alcuni di noi continueranno volentieri a seguire i processi che abbiamo messo in atto – e va bene. Il comfort e la stabilità sono importanti, in particolare quando i temi FSE e block sono nelle fasi iniziali.

Tuttavia, la portabilità offerta da Create Block Theme è uno sguardo al futuro. E avere la possibilità di creare temi a blocchi di WordPress in questo modo sarà attraente per molti web designer. È uno sviluppo che vale la pena tenere d'occhio mentre continua ad evolversi.