E per chi preferisce i contenuti video, abbiamo anche un videocorso gratuito: Sviluppare blocchi personalizzati per Gutenberg<\/a>.<\/p>\n E s\u00ec, si possono accrescere le aspettative di carriera acquisendo competenze nello sviluppo di Gutenberg, ma non \u00e8 necessario essere web developer per creare layout avanzati su un sito WordPress.<\/p>\n Gli utenti di WordPress possono usufruire di diverse funzioni che consentono di creare facilmente layout a blocchi. In questo articolo ci concentreremo sui block pattern<\/strong>.<\/p>\n I block pattern<\/a> sono insiemi di blocchi precostituiti che si possono aggiungere ai contenuti di un sito WordPress e personalizzare utilizzando gli stessi strumenti di progettazione disponibili per i blocchi Gutenberg.<\/p>\n Sono stati introdotti con WordPress 5.5<\/a> per permettere di inserire nei contenuti strutture complesse e pronte all’uso di blocchi annidati<\/strong> con pochi clic.<\/p>\n I temi a blocchi di solito forniscono alcuni block pattern che si possono aggiungere ai contenuti direttamente dal pannello di inserimento dei blocchi. Il nuovo tema predefinito incluso in WordPress 6.7<\/a>, Twenty Twenty-Five<\/a>, dispone di oltre 70 block patterns.<\/p>\n Ma non ci sono solo i pattern forniti dal tema.<\/p>\n Innanzitutto, abbiamo tantissimi block pattern pronti all’uso nella galleria dei Pattern<\/a> di WordPress.<\/p>\n Inoltre, \u00e8 possibile creare un numero illimitato di pattern utilizzando la Pattern API o gli strumenti di editing disponibili nell’editor dei blocchi. In pi\u00f9, \u00e8 possibile utilizzare i pattern personalizzati internamente al proprio sito web, esportarli su altri siti o condividerli pubblicamente nella galleria dei Patterns.<\/p>\n A partire da WordPress 6.3<\/a>, un nuovissimo sistema di pattern rende il processo di creazione dei pattern pi\u00f9 flessibile. Ora \u00e8 pi\u00f9 chiaro il tipo di layout che si sta creando e l’effetto che le personalizzazioni hanno sul sito.<\/p>\n Ci sono due tipi principali di block pattern:<\/p>\n La differenza principale tra i due tipi di pattern \u00e8 che tutte le modifiche apportate a un pattern sincronizzato si applicano a tutte le occorrenze del pattern sull’intero sito web. Al contrario, le modifiche apportate a un block pattern standard hanno effetto solo su una specifica istanza del pattern.<\/p>\n Ma c’\u00e8 molto altro da dire sui block pattern. Come funziona questo sistema e come sfruttare le nuove funzioni di editing aggiunte con le versioni pi\u00f9 recenti di WordPress? Scopriamolo.<\/p>\n I pattern predefiniti sono “non sincronizzati”, il che significa che le modifiche apportate a un block pattern avranno effetto solo sulla specifica istanza che si sta modificando e non saranno applicate ad altre istanze che potrebbero essere state aggiunte ad altri post o pagine del sito.<\/strong><\/p>\n \u00c8 possibile utilizzare i block pattern predefiniti per inserire layout precostituiti da personalizzare sul posto, modificando immagini, testo, stili o aggiungendo e rimuovendo elementi.<\/p>\n Una volta creato un block pattern personalizzato, lo si potr\u00e0 aggiungere in qualsiasi punto del sito e personalizzarlo con pochi clic utilizzando i controlli integrati nell’editor.<\/p>\n \u00c8 possibile sfogliare e inserire i block pattern predefiniti dalla scheda Pattern<\/strong> presente nel pannello di inserimento dei blocchi<\/a> dell’editor oppure accedere all’area di amministrazione dei Pattern<\/a> nell’editor del sito. \u00c8 anche possibile sfogliare i pattern disponibili nella directory dei Pattern<\/a>.<\/p>\n Nella galleria, basta scegliere un pattern, fare clic sul pulsante Copia pattern<\/strong> e incollarlo direttamente nel contenuto.<\/p>\n Siete liberi di personalizzare il gruppo di blocchi inclusi nel pattern senza influenzare il pattern registrato o qualsiasi istanza presente sul sito.<\/p>\n Come anticipato, a partire da WordPress 6.3, il sistema dei pattern \u00e8 stato semplificato e reso pi\u00f9 coerente.<\/p>\n Ora \u00e8 pi\u00f9 facile per l’utente creare pattern personalizzati direttamente dall’editor dei blocchi e gestirli dalla bacheca di WordPress, senza dover mettere mano al codice.<\/p>\n Ora \u00e8 possibile creare:<\/p>\n La differenza tra i due tipi \u00e8 che tutte le modifiche apportate a un pattern sincronizzato saranno applicate a tutte le occorrenze di quel pattern sull’intero sito web.<\/strong><\/p>\n Al contrario, le modifiche apportate a un block pattern non sincronizzato avranno effetto solo su quella specifica istanza del pattern e non saranno applicate ad eventuali altre istanze presenti in altri post o pagine del sito.<\/strong><\/p>\n Dal punto di vista di uno sviluppatore, i block pattern personalizzati sono registrati nel database di WordPress come tipi di post Grazie al nuovo sistema di gestione dei pattern, \u00e8 possibile creare pattern sincronizzati e non sincronizzati direttamente dall’editor del sito o dei post. \u00c8 sufficiente progettare il layout, selezionare i blocchi e fare clic sull’icona dei tre puntini nella barra degli strumenti dei blocchi. Quindi scegliere Crea pattern<\/strong> dal menu a tendina.<\/p>\n Nell’esempio che segue, creeremo un pattern sincronizzato a partire da un blocco Gruppo, un’intestazione, un paragrafo e un pulsante.<\/p>\n Facendo clic su Crea pattern<\/strong>, viene richiesto di inserire un nome e stabilire se si tratta di un pattern sincronizzato o non sincronizzato.<\/p>\n E questo \u00e8 tutto. Ora il pattern sincronizzato apparir\u00e0 nell’elenco dell’area di amministrazione dei Pattern<\/strong> dell’editor del sito nella sezione I miei pattern<\/strong>.<\/p>\n Qui \u00e8 possibile visualizzare l’anteprima dei pattern e verificare lo stato di sincronizzazione.<\/p>\n Ora \u00e8 possibile personalizzare il proprio pattern dall’editor del sito.<\/p>\n Di nuovo, le modifiche apportate ai pattern sincronizzati hanno effetto su tutte le occorrenze di quel pattern nel sito web. Le modifiche apportate ai pattern standard influiscono solo sulle istanze future del pattern.<\/p>\n Questo \u00e8 possibile perch\u00e9 WordPress gestisce i due tipi di pattern in modo diverso. Per capire la differenza, si crei una copia non sincronizzata di pattern, quindi in un nuovo post o una nuova pagina si aggiungano i due pattern. Una volta fatto, andiamo nell’editor di codice e controlliamo il codice.<\/p>\n Il pattern sincronizzato \u00e8 generato dal seguente codice:<\/p>\n Ci\u00f2 significa che WordPress recuperer\u00e0 il post con ID Il secondo blocco non \u00e8 identificato da un ID. L’editor di codice contiene l’intero markup che compone il pattern.<\/p>\n I pattern sincronizzati sono utili soprattutto per creare elementi da inserire in pi\u00f9 pagine del sito e\/o in siti diversi. Si pensi alle call to action, ai banner promozionali, alle tabelle dei prezzi e cos\u00ec via.<\/p>\n Come anticipato, WordPress considera i custom pattern come tipi di post Una volta creati, \u00e8 possibile gestirli dalla schermata di amministrazione Pattern<\/strong>. Si pu\u00f2 accedere a questa pagina in diversi modi:<\/p>\n Nella schermata dei pattern, \u00e8 possibile<\/p>\n Nell’editor del sito \u00e8 possibile anche duplicare e rinominare i pattern.<\/p>\n Introdotta con WordPress 6.6<\/a>, i block pattern override sono un terzo tipo di pattern che si basano sulla Block Bindings API<\/a> per offrire le caratteristiche di entrambi i tipi di pattern. Vediamo come creare un pattern override. <\/p>\n Fase 1.<\/strong> Andiamo alla sezione Pattern<\/strong> e duplichiamo uno dei pattern esistenti, ad esempio il pattern Pricing, 2 columns<\/strong> del tema predefinito Twenty Twenty-Five. Aggiungiamo un nome e impostiamo la copia su Pattern sincronizzato.<\/p>\n Fase 2.<\/strong> Apriamo I miei pattern<\/strong> e cerchiamo il nuovo pattern sincronizzato. Apriamolo e selezioniamo uno dei blocchi da sovrascrivere, ad esempio il blocco Heading.<\/p>\n Andiamo nella barra laterale delle impostazioni del blocco e scorriamo fino alla sezione Avanzate<\/strong>. Qui troveremo l’opzione Abilita sovrascrittura<\/strong>.<\/p>\n Cliccando sul pulsante, ci viene chiesto di inserire un nome per la sovrascrittura.<\/p>\n Fase 3.<\/strong> Ripetiamo la stessa procedura per ogni blocco che si desidera sovrascrivere. Al termine, creiamo un nuovo post o pagina e insertiamo il pattern personalizzato.<\/p>\n Fase 4.<\/strong> Nell’editor dei post, modifichiamo il contenuto dei blocchi da sovrascrivere, salviamo il post e verifichiamo il risultato sul front-end.<\/p>\n Quando si modifica un’istanza di sovrascrittura di un pattern nell’editor del post, la barra laterale delle impostazioni del blocco mostra i campi che possono essere modificati. Nell’esempio precedente, abbiamo reso sovrascrivibili l’intestazione e alcuni paragrafi.<\/p>\n \u00c8 possibile aggiungere un numero qualsiasi di pattern override in qualsiasi punto del sito e ogni istanza mostrer\u00e0 la stessa struttura originale, ma sar\u00e0 pronta per la personalizzazione.<\/p>\n Ora, apriamo il pattern nell’editor del sito e passiamo all’editor del codice. Il codice dovrebbe essere simili a questo:<\/p>\n Nel delimitatore del blocco, si noter\u00e0 la propriet\u00e0 Adesso, nell’editor del post, passiamo all’Editor del codice<\/strong>. Il codice dovrebbe essere simile a questo:<\/p>\n Qui vedremo un riferimento al block pattern e un insieme di propriet\u00e0 per ogni blocco impostato come modificabile.<\/p>\n Si noti che, poich\u00e9 la sovrascrittura dei pattern \u00e8 un’implementazione della Block Bindings API, \u00e8 possibile sovrascrivere solo i blocchi supportati. Al momento in cui si scrive, la sovrascrittura \u00e8 supportata dai blocchi Intestazione<\/strong>, Paragrafo<\/strong>, Immagine<\/strong>, e Pulsante<\/strong>.<\/p>\n Prima dell’era Gutenberg<\/a>, i temi e i template di WordPress<\/a> erano basati principalmente su PHP. Erano requisiti fondamentali per creare o personalizzare i template una solida conoscenza dei child theme<\/a>, della gerarchia dei template<\/a> e dei principali linguaggi di sviluppo front-end<\/a>. Ma le cose sono cambiate con l’introduzione dei temi a blocchi<\/a>.<\/p>\n Nei temi a blocchi e nei temi classici che hanno optato per questa funzione, \u00e8 possibile creare o personalizzare facilmente un template o una parte di template nell’interfaccia dell’Editor del sito. Non sono richieste competenze di sviluppo, a meno che non si decida di diventare sviluppatori di temi.<\/p>\n Un tema a blocchi<\/a> \u00e8 un elenco di blocchi<\/strong>. Esempi ne sono il titolo del sito, il logo e la navigazione.<\/p>\n Le parti di template<\/strong> sono sezioni specifiche di una pagina che possono essere visualizzate in diverse posizioni, come l’intestazione e il footer, e possono essere visualizzate in ogni pagina di un sito WordPress.<\/p>\n \u00c8 possibile creare e modificare i template dall’interfaccia dell’editor del sito, dove si possono utilizzare tutti gli strumenti di editing disponibili per i blocchi.<\/p>\n A differenza dei block pattern, per\u00f2, le parti di template sono destinate ad aree del sito che non cambiano spesso.<\/p>\n Per riassumere, ecco le principali differenze:<\/p>\n Come abbiamo detto, WordPress 6.3 ha introdotto un nuovo sistema di gestione dei block pattern. Ora \u00e8 pi\u00f9 facile creare pattern sincronizzati o non sincronizzati senza lasciare l’interfaccia dell’editor. Inoltre, \u00e8 possibile importare ed esportare pattern personalizzati con pochi clic dalla bacheca di WordPress.<\/p>\n Ma gli sviluppatori di temi e plugin hanno la possibilit\u00e0 di creare block pattern anche in altri modi.<\/p>\n Insieme ai block pattern, WordPress 5.5<\/a> ha introdotto una nuova API per sviluppatori che consente di “creare blocchi di contenuto predefiniti che possono essere facilmente inseriti in post, pagine, tipi di post personalizzati e template”. La nuova API fornisce le funzioni A partire da WordPress 6.0<\/a>, \u00e8 possibile registrare i block pattern anche con un file PHP.<\/p>\n Quindi, al momento in cui scriviamo, ci sono due modi per creare un block pattern.<\/p>\n Il primo metodo \u00e8 destinato principalmente agli sviluppatori WordPress, ma \u00e8 abbastanza semplice da poter essere utilizzato anche da sviluppatori non esperti.<\/p>\n Se si decide di seguire il primo metodo, \u00e8 possibile creare un block pattern utilizzando le due nuove funzioni Innanzitutto, \u00e8 necessario scegliere una categoria per il pattern. Con le ultime versioni di WordPress, sono state aggiunte nuove categorie di pattern, e alcune categorie esistenti sono state modificate.<\/p>\n Per ottenere l’elenco di tutte le categorie registrate, basta aprire l’editor di Post e incollare il seguente codice nella console del browser:<\/p>\n In WordPress 6.7 con il tema Twenty Twenty-Five, si ottiene il seguente elenco di categorie di pattern:<\/p>\n Se il nostro block pattern non rientra in nessuna delle categorie predefinite, possiamo anche registrare una nuova categoria utilizzando la funzione Questa funzione accetta due argomenti:<\/p>\n Un esempio ci aiuter\u00e0 a capire meglio come registrare una nuova categoria di pattern:<\/p>\n Una volta registrata la categoria del pattern, il passo successivo \u00e8 quello di registrare il block pattern stesso. A questo scopo, l’API fornisce la funzione Questa funzione accetta due argomenti:<\/p>\n Ecco un elenco delle propriet\u00e0 dei pattern attualmente disponibili:<\/p>\n Ecco un esempio di utilizzo di Nel codice qui sopra, abbiamo utilizzato la propriet\u00e0 Cosa sono i block pattern<\/h2>\n
![\"Block](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/block-patterns-in-ttf.jpg\")
\n
Block pattern predefiniti<\/h3>\n
![\"La](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/block-inserter-with-patterns.jpg\")
![\"Sfogliare](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/pattern-directory.jpg\")
![\"Copiare](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/copy-pattern.jpg\")
![\"Incollare](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/paste-pattern.jpg\")
Block pattern sincronizzati e non sincronizzati<\/h3>\n
\n
wp_block<\/code>, mentre un meta field wp_pattern_sync_status<\/code> registra lo stato di sincronizzazione del pattern.<\/p>\n![\"wp-block-sync-status\"](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-block-sync-status.png\")
wp_pattern_sync_status<\/code> memorizza lo stato di sincronizzazione di un block pattern<\/figcaption><\/figure>\n![\"Creare](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/create-pattern.png\")
![\"Creazione](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/add-new-pattern.png\")
![\"Pattern](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/my-patterns.png\")
![\"Anteprima](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/preview-my-pattern.png\")
![\"Un](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/my-pattern.png\")
![\"Due](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/patterns-in-code-editor.png\")
<!-- wp:block {\"ref\":512} \/--><\/code><\/pre>\n512<\/code> per generare il codice HTML da rendere sullo schermo.<\/p>\nwp_block<\/code> e, in quanto tali, li memorizza nella tabella wp_posts<\/code>.<\/p>\n\n
![\"La](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/patterns-admin-screen.png\")
\n
Override dei pattern sincronizzati<\/h3>\n
\nI block pattern override consentono di creare block pattern che mantengono la stessa struttura in ogni punto del sito e cambiano in sincro con le personalizzazioni apportate alla struttura e allo stile del pattern nell’editor del sito. In questo senso, i pattern override sono simili ai pattern sincronizzati.
\nTuttavia, la sovrascrittura dei pattern \u00e8 simile anche ai pattern non sincronizzati, perch\u00e9 \u00e8 possibile modificare il contenuto di blocchi specifici inclusi nel pattern senza influire su altre istanze dello stesso pattern presenti nel sito.
\nQuindi, i block pattern override sono pattern sincronizzati con elementi specifici non sincronizzati.<\/strong><\/p>\n![\"Pattern](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/duplicate-pattern.jpg\")
![\"Sovrascrittura](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/enable-overrides.jpg\")
![\"Una](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/disable-overrides-button.jpg\")
![\"Selezionare](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/adding-pattern.jpg\")
![\"Un](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/edit-pattern-overrides.jpg\")
<!-- wp:heading \n{\n\t\"textAlign\":\"center\",\n\t\"metadata\":{\n\t\t\"name\":\"Heading\",\n\t\t\"bindings\":{\n\t\t\t\"__default\":{\n\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t}\n\t\t}\n\t},\n\t\"align\":\"wide\"\n} \n-->\n<h2 class=\"wp-block-heading alignwide has-text-align-center\">Pricing<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph \n{\n\t\"align\":\"center\",\n\t\"metadata\":{\n\t\t\"name\":\"Subtitle\",\n\t\t\"bindings\":{\n\t\t\t\"__default\":{\n\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t}\n\t\t}\n\t}\n} \n-->\n<p class=\"has-text-align-center\">Cancel or pause anytime.<\/p>\n<!-- \/wp:paragraph --><\/code><\/pre>\nmetadata.bindings<\/code>. Questa rende i blocchi Heading<\/strong> e Paragraph<\/strong> modificabili. La propriet\u00e0 __default<\/code> indica a WordPress di connettere tutti gli attributi supportati<\/a> a una fonte specifica, che \u00e8 \"core\/pattern-overrides\"<\/code>.<\/p>\n<!-- wp:block \n{\n\t\"ref\":518,\n\t\"content\":{\n\t\t\"Heading\":{\n\t\t\t\"content\":\"Choose your plan\"\n\t\t},\n\t\t\"Subtitle\":{\n\t\t\t\"content\":\"Try our services with no risk thanks to our 30-day guarantee\"\n\t\t},\n\t\t\"Plan 1 title\":{\n\t\t\t\"content\":\"Starter\"\n\t\t},\n\t\t\"Plan 2 title\":{\n\t\t\t\"content\":\"Business\"\n\t\t}\n\t}\n} \n\/--><\/code><\/pre>\nParti di template<\/h3>\n
![\"Creare](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/add-new-template-part.png\")
![\"Aggiungere](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/add-new-template-part-modal.png\")
![\"Modifica](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/edit-template-part.png\")
Differenze tra pattern e parti di template<\/h3>\n
Block pattern predefiniti<\/h4>\n
\n
Block pattern personalizzati<\/h4>\n
\n
wp_posts<\/code> come tipo di post wp_block<\/code>.<\/li>\nParti di template<\/h4>\n
\n
Come creare block pattern per temi e plugin<\/h2>\n
register_block_pattern<\/code> e register_block_pattern_category<\/code> per registrare i block pattern e le rispettive categorie.<\/p>\n\n
register_block_pattern<\/code>,<\/li>\nCreare un block pattern con un plugin<\/h3>\n
register_block_pattern<\/code> e register_block_pattern_category<\/code> nel file PHP di un plugin<\/a> o nel file functions.php<\/a> del tema.<\/p>\nSelezione o registrazione della categoria del pattern<\/h4>\n
wp.data.select('core').getBlockPatternCategories()<\/code><\/pre>\n![\"Categorie](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/10\/pattern-categories-wp-67.jpg\")
register_block_pattern_category<\/code><\/a>.<\/p>\n\n
$category_name<\/code>: nome della categoria del pattern, compreso il namespace.<\/li>\n$category_properties<\/code>: un array di propriet\u00e0 della categoria.<\/li>\n<\/ul>\nif ( function_exists( 'register_block_pattern_category' ) ) {\n\tfunction my_plugin_register_pattern_category() {\n\t\tregister_block_pattern_category( \n\t\t\t'my-pattern-category', \n\t\t\tarray(\n\t\t\t\t'label' => __( 'My Pattern Category', 'my-plugin-text-domain' ),\n\t\t\t\t'description' => __( 'Simple call to action with a header, an image, a paragraph, and a button.' ),\n\t\t\t)\n\t\t);\n\t}\n\tadd_action( 'init', 'my_plugin_register_pattern_category' );\n}<\/code><\/pre>\nLa registrazione del Block Pattern<\/h4>\n
register_block_pattern<\/code><\/a>:<\/p>\nfunction my_plugin_register_block_pattern() {\n\tregister_block_pattern( 'prefix\/pattern-name', $props );\n}\nadd_action( 'init', 'my_plugin_register_block_pattern' );<\/code><\/pre>\n\n
$pattern_name<\/code>: un nome leggibile dalla macchina<\/strong> nella forma di namespace\/pattern-name<\/code>.<\/li>\n$pattern_properties<\/code>: un array di propriet\u00e0 per il pattern.<\/li>\n<\/ul>\n\n
title<\/code> (obbligatorio): un titolo leggibile<\/strong> per il pattern.<\/li>\ncontent<\/code> (obbligatorio): il markup del pattern.<\/li>\ndescription<\/code>: un testo che descrive il pattern nel block inserter. La descrizione \u00e8 facoltativa ma \u00e8 consigliata in quanto aiuta gli utenti a trovare il pattern.<\/li>\ncategories<\/code>: un array di una o pi\u00f9 categorie di pattern registrate. \u00c8 necessario registrare una categoria prima di poterla utilizzare (vedi la sezione precedente).<\/li>\nkeywords<\/code>: un array di parole chiave che aiutano gli utenti a trovare il pattern.<\/li>\nviewportWidth<\/code>: un numero intero che specifica la larghezza del pattern nell’anteprima.<\/li>\nblockTypes<\/code>: un array opzionale di tipi di blocco che verranno utilizzati con il pattern.<\/li>\npostTypes<\/code>: un array di tipi di post che potranno utilizzare il pattern.<\/li>\ntemplateTypes<\/code>: un array di tipi di template in cui utilizzare pattern (disponibile da WordPress 6.2<\/a>).<\/li>\ninserter<\/code>: un valore booleano che stabilisce se il pattern deve essere visibile nel pannello di inserimento dei blocchi. Il valore false<\/code> nasconde il pattern. Di default, tutti i pattern vengono visualizzati nel pannello di inserimento dei blocchi.<\/li>\nsource<\/code> (facoltativo): una stringa che identifica la fonte del pattern. La stringa plugin<\/code> registra il pattern da un plugin; la stringa theme<\/code> va utilizzata per registrare il pattern tramite un tema.<\/li>\n<\/ul>\nregister_block_pattern<\/code>:<\/p>\nif ( function_exists( 'register_block_pattern' ) ) {\n\tfunction my_plugin_register_block_pattern() {\n\t\tregister_block_pattern( \n\t\t\t'my-plugin\/my-block-pattern', \n\t\t\tarray(\n\t\t\t\t'title'\t\t\t=> _x( 'My awesome pattern', 'Block pattern title', 'my-plugin-text-domain' ),\n\t\t\t\t'categories'\t=> array( 'my-pattern-category' ),\n\t\t\t\t'postTypes'\t\t=> array( 'post' ),\n\t\t\t\t'content'\t\t=> '<!-- wp:paragraph --><p>My awesome block pattern<\/p><!-- \/wp:paragraph -->'\n\t\t\t) \n\t\t);\n\t}\n\tadd_action( 'init', 'my_plugin_register_block_pattern' );\n}<\/code><\/pre>\npostTypes<\/code> per rendere il pattern disponibile solo per i normali articoli del blog. \u00c8 anche possibile impostare un valore diverso per postTypes<\/code> per rendere il pattern disponibile per diversi tipi di post. Se si decide di rendere il pattern disponibile per un solo tipo di post product<\/code>, si scriver\u00e0:<\/p>\n'postTypes' => array( 'product' ),<\/code><\/pre>\n