Guida per principianti: Come utilizzare i modelli a blocchi di WordPress

Volete imparare a utilizzare i modelli di blocco di WordPress sul vostro sito web?

I modelli a blocchi consentono di aggiungere rapidamente elementi di design comunemente utilizzati ai layout dei post o delle pagine.

In questo articolo vi mostreremo come utilizzare i modelli di blocco di WordPress e come trovare altri modelli da utilizzare sul vostro sito web.

Ecco gli argomenti che tratteremo in questa guida.

• Cosa sono i modelli a blocchi di WordPress
• Come utilizzare gli schemi a blocchi in WordPress
• Trovare altri modelli di blocchi da utilizzare sul vostro sito web
• Come creare e condividere i propri modelli di blocco
• Creare manualmente i modelli di blocco di WordPress
• Rimuovere un modello di blocco in WordPress
• Qual è la differenza tra blocchi riutilizzabili e modelli di blocco?

Cosa sono i modelli a blocchi di WordPress?

Imodelli di blocco di WordPress sono una raccolta di elementi di design preconfezionati che si possono utilizzare per creare più velocemente layout di contenuto personalizzati.

WordPress è dotato di un editor intuitivo, comunemente noto come editor di blocchi. Permette agli utenti di creare bellissimi layout per i loro post e pagine, utilizzando blocchi per gli elementi di contenuto comuni.

Tuttavia, non tutti gli utenti di WordPress sono designer o vogliono dedicare tempo alla creazione di layout ogni volta che devono creare un post o una pagina.

I modelli a blocchi offrono una soluzione semplice a questo problema. WordPress è ora dotato di una serie di utili modelli a blocchi per impostazione predefinita.

Itemi WordPress più diffusi forniscono anche i propri modelli che si possono utilizzare per scrivere i contenuti.

Questi modelli includono elementi come layout multicolonna predefiniti, modelli di testo e media, modelli di call-to-action, intestazioni, pulsanti e altro ancora.

Potete trovare altri modelli sul sito WordPress.org e potete anche creare e condividere i vostri modelli.

Detto questo, vediamo come utilizzare facilmente i modelli a blocchi in WordPress per creare splendidi contenuti per il vostro sito web.

Video tutorial

Se preferite le istruzioni scritte, continuate a leggere.

Come utilizzare gli schemi a blocchi in WordPress

Per impostazione predefinita, WordPress è dotato di una serie di utili modelli di blocco che potete utilizzare sul vostro sito web. Anche il tema di WordPress e alcuni plugin possono aggiungere i propri modelli.

Per utilizzare i modelli di blocco, è necessario modificare il post o la pagina di WordPress in cui si desidera utilizzare il modello di blocco.

Nella schermata di modifica del post, fare clic sul pulsante Aggiungi blocco per aprire l’inseritore di blocchi. Da qui, passare alla scheda Modelli per visualizzare i modelli di blocco disponibili.

È possibile scorrere verso il basso per vedere i modelli di blocco disponibili.

È inoltre possibile visualizzare i modelli di blocco in diverse categorie, quali elementi in evidenza, pulsanti, colonne, intestazione e altro ancora.

In alternativa, è possibile fare clic sul pulsante Esplora per visualizzare i modelli di blocco.

Qui è possibile vedere anteprime più grandi in un popup.

Una volta trovato un modello che si desidera provare, è sufficiente fare clic per inserirlo nell’area del contenuto del post o della pagina.

Successivamente, è possibile puntare e fare clic su qualsiasi blocco all’interno del modello per modificarne il contenuto in base alle proprie esigenze.

Avrete comunque a disposizione tutte le opzioni che normalmente avete per ogni blocco. Ad esempio, se si tratta di un blocco copertina, è possibile modificare il colore della copertina o l’immagine di sfondo.

È possibile aggiungere tutti i pattern necessari per l’articolo o la pagina del blog. Potete anche semplicemente eliminare un pattern per rimuoverlo da un articolo o da una pagina, come fareste con qualsiasi blocco di WordPress.

Utilizzando i modelli a blocchi, è possibile creare rapidamente bellissimi layout per i propri articoli e per il proprio sito WordPress.

In definitiva, i modelli di blocco aiutano a risparmiare il tempo che altrimenti si spenderebbe per disporre manualmente i blocchi ogni volta che si devono aggiungere intestazione, galleria, pulsanti e altro.

Trovare altri modelli di blocchi da utilizzare sul vostro sito web

Per impostazione predefinita, WordPress è dotato di alcuni modelli di blocco comunemente utilizzati. I temi di WordPress possono anche aggiungere i propri modelli al sito web.

Tuttavia, è possibile trovare molti altri modelli di blocco oltre a quelli disponibili nell’inseritore di blocchi del sito web.

Per visualizzare molti altri modelli di blocchi, basta visitare il sito web WordPress Patterns Directory.

Qui troverete molti altri modelli di blocchi inviati dalla comunità di WordPress.

Per utilizzare uno di questi modelli di blocco, è sufficiente posizionarsi con il mouse sul modello di blocco e fare clic sul pulsante Copia.

Successivamente, è necessario tornare al proprio blog WordPress e modificare il post o la pagina in cui si desidera inserire il modello di blocco.

Nella schermata di modifica del post, è sufficiente fare clic con il tasto destro del mouse e selezionare Incolla nel menu del browser oppure premere CTRL+V (Command + V su Mac).

Come creare e condividere i propri modelli di blocco

Volete creare e condividere i vostri modelli di blocchi WordPress e condividerli con il mondo?

WordPress rende facilissimo creare modelli di blocco e utilizzarli sui propri siti web o condividerli con tutti gli utenti di WordPress nel mondo.

È sufficiente visitare il sito web della WordPress Pattern Directory e fare clic sul link “Crea nuovo modello”.

Nota: per salvare i modelli è necessario accedere o creare un account gratuito su WordPress.org.

Una volta effettuato l’accesso, si accede alla pagina dell’editor di blocchi. È identico all’editor di blocchi predefinito di WordPress e potete usarlo per creare il vostro modello.

È sufficiente aggiungere blocchi per creare il layout del modello.

È possibile utilizzare blocchi di layout come gruppo, copertina, galleria e altro ancora per organizzare il layout.

Sono disponibili anche immagini royalty-free da utilizzare nei blocchi multimediali. La libreria multimediale di WordPress vi permetterà di trovare e utilizzare facilmente queste immagini nei vostri modelli.

Una volta soddisfatti del vostro modello di blocco, potete salvarlo come bozza o inviarlo alla directory dei modelli.

Prima di inviare il vostro modello a blocchi per l’elenco dei modelli, assicuratevi di aver letto le linee guida dell’elenco dei modelli a blocchi.

Potete gestire tutti i vostri modelli di blocco facendo clic sul link I miei modelli. Verranno visualizzati tutti gli schemi a blocchi che avete condiviso, gli schemi in bozza e gli schemi che avete preferito.

Se volete creare modelli a blocchi solo per uso personale, potete salvarli come bozze. In seguito, potrete semplicemente copiarli e incollarli dalla pagina I miei modelli al vostro sito WordPress.

Creare manualmente i modelli di blocco di WordPress

È anche possibile creare schemi di blocco manualmente e aggiungerli al tema di WordPress o al plugin degli snippet personalizzati.

È sufficiente creare un nuovo post o una nuova pagina in WordPress. Nell’area dei contenuti, utilizzare i blocchi per creare un layout personalizzato o una raccolta di blocchi che si desidera salvare come modello.

Successivamente, passare alla modalità Editor di codice e copiare tutti i contenuti che si vedono nell’editor di codice.

Quindi, aprire un editor di testo semplice come Notepad e incollare il codice. Ne avrete bisogno nel prossimo passo.

Ora siete pronti a registrare i vostri blocchi come modello.

Per farlo, è sufficiente copiare e incollare il seguente codice nel file functions.php del vostro tema o in un plugin specifico del sito. Se non avete mai inserito un codice nel file functions.php, vi consigliamo di utilizzare il plugin gratuito WPCode per aggiungerlo.

Ecco la guida completa all’aggiunta di codice personalizzato in WordPress.

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

Ora copiare e incollare i dati grezzi dei blocchi copiati in precedenza come valore del parametro content. In altre parole, è necessario sostituire il testo che dice “Il codice del contenuto del blocco va qui” con il codice del blocco. Assicurarsi di lasciare al loro posto le virgolette singole che circondano il testo.

Infine, non dimenticate di cambiare il titolo e la descrizione con quelli che preferite e di salvare le modifiche.

Ora è possibile visitare il proprio sito web e modificare un post o una pagina. Ora sarà possibile vedere il modello di blocco appena registrato nell’inseritore di blocchi.

Rimuovere un modello di blocco in WordPress

È possibile rimuovere o annullare facilmente qualsiasi modello di blocco in WordPress. Supponiamo di voler rimuovere il modello di blocco creato nell’esempio precedente.

È sufficiente copiare e incollare il seguente codice nel file functions.php del vostro tema o in un plugin specifico per il sito.

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

In questo esempio, "my-plugin/my-awesome-pattern" è il nome del modello usato per la registrazione.

È possibile utilizzare questo codice per disregistrare qualsiasi modello di blocco creato dal tema o da un plugin. Tutto ciò che occorre sapere è il nome usato per registrare il modello.

Rimuovere i modelli principali di WordPress

I modelli principali di WordPress sono disponibili per tutti gli utenti di WordPress. Ciò significa che potrebbero essere utilizzati in modo eccessivo e non corrispondere al resto del tema di WordPress.

Se non si vuole utilizzare uno schema, si può semplicemente evitare di aggiungerlo ai propri contenuti. Tuttavia, se gestite un sito WordPress con più autori, potreste voler impedire a tutti gli utenti di utilizzare questi modelli fondamentali.

Per rimuovere tutti i modelli fondamentali di WordPress, è necessario aggiungere il seguente codice al file functions del tema o a un plugin specifico del sito.

remove_theme_support( 'core-block-patterns' );

Qual è la differenza tra blocchi riutilizzabili e modelli di blocco?

I modelli di blocco e i blocchi riutilizzabili intendono entrambi risolvere un problema simile: fornire agli utenti opzioni per aggiungere facilmente blocchi di uso comune.

Tuttavia, sono molto diversi tra loro.

Ad esempio, i blocchi riutilizzabili possono essere modificati e salvati direttamente nell’editor di post, ma non sono flessibili come i modelli di blocco.

Una grande differenza è che se si apporta una modifica a un blocco riutilizzabile, questo viene modificato in ogni post o pagina in cui è stato utilizzato.

Per maggiori dettagli, consultare il nostro tutorial su come utilizzare i blocchi riutilizzabili in WordPress.

D’altra parte, se si inserisce un modello e lo si modifica, le modifiche si applicano solo al post o alla pagina in cui è stato aggiunto il modello.

I modelli di blocco possono essere registrati anche dal tema di WordPress o da plugin come i plugin di blocco. Ciò consente agli sviluppatori di offrire molte più opzioni di design per creare i layout di post e pagine.

Speriamo che questa guida vi abbia aiutato a imparare a utilizzare i modelli di blocco di WordPress sul vostro sito web. Potreste anche voler consultare la nostra guida su come aggiungere codice personalizzato in WordPress, o la guida per principianti all’incollaggio di snippet dal web in WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.