Il blocco riutilizzabile di WordPress รจ una potente funzionalitร dell'editor di blocchi Gutenberg. Non hai piรน bisogno di copiare e incollare frammenti di contenuto riutilizzabili salvati in precedenza dal file del tuo computer. Invece, puoi facilmente riutilizzare lo stesso blocco di contenuto ovunque sul tuo sito web senza personalizzarlo ogni volta.
Nonostante la sua efficienza, molti utenti non sono a conoscenza di questa tecnica che fa risparmiare tempo, il che li porta a sprecare tempo e fatica inutilmente. Ecco perchรฉ abbiamo scritto un articolo approfondito sul blocco riutilizzabile di WordPress.
Imparerai come creare, utilizzare e configurare i blocchi riutilizzabili di WordPress e altri suggerimenti essenziali.
Continua a leggere...
Quick Overview: Complete Guide to WordPress Reusable Blocks and Patterns
WordPress reusable blocks let you create a block or group of blocks once and reuse them across multiple pages or posts. They save time, ensuring consistency and simplifying content management.
How to create a reusable block in WordPress
- Crea modello.
- Configure pattern settings.
Set up blocks in posts or pages
- Open a page
- Click โ+โ icon E navigate to Patterns scheda.
- Hit to add selected pattern.
How to convert WordPress reusable blocks to regular block
- select reusable block.
- Click three dots.
- Press โDetach.
How to manage WordPress reusable blocks
- Navigare verso Appearance > Editor.
- Click Patterns scheda.
- Select pattern.
- Edit, duplicate, delete, and export to manage pattern.
Esempio
Imagine you run a blog and use the same email signup section at the end of every post. Instead of recreating it each time, you build it once as a reusable block. When you update the text or design later, it automatically updates across all blog posts.
Riepilogo
Reusable blocks are a core Gutenberg feature that allows you to โcreate once and reuse anywhere,โ making WordPress content creation faster, more consistent, and easier to manage, especially for repeating sections like CTAs, banners, and forms.
What are Reusable Blocks (Patterns) in WordPress?
WordPress reusable blocks are like regular content blocks that users can create and save for repeated use across any part of their website within the block editor. The process includes grouping multiple WordPress reuse blocks like patterns and importing them anywhere on your website.
Un esempio comune di utilizzo di questa funzionalitร รจ il posizionamento del stesso invito all'azione o pulsante dei social media, modulo o banner promozionali in modo coerente in tutto il sito web. Pertanto, non dovrai personalizzare ripetutamente la stessa cosa.ย
La parte migliore รจ che le modifiche verranno applicate automaticamente a tutte le pagine e ai post del tuo sito web. Non devi modificare ogni aspetto singolarmente. Inoltre, puoi anche esportare e importare il modello riutilizzabile in un altro sito web.
Reusable Blocks vs Regular Blocks: Key Differences
Ecco alcune delle principali differenze tra i blocchi riutilizzabili di WordPress e i blocchi normali.
| Blocchi riutilizzabili | Blocchi regolari |
|---|---|
| Crea, salva e riutilizza in diverse istanze del sito web. | Da creare e utilizzare solo per un singolo post o pagina. |
| Le modifiche e le personalizzazioni vengono aggiornate automaticamente in tutto il sito web. | La personalizzazione riguarda solo l'istanza specifica del sito web. |
| Puรฒ essere facilmente gestito da una posizione centralizzata. | ร necessario gestirli singolarmente all'interno di un post o di una pagina. |
| Disponibile con funzionalitร di importazione ed esportazione. | Puรฒ essere facilmente gestito da una posizione centralizzata. |
Quando hai bisogno di usare i blocchi riutilizzabili di WordPressย
Una delle cose davvero interessanti dell'uso dei blocchi riutilizzabili di WordPress รจ la semplificazione delle modifiche a livello di sito. Ad esempio, se hai bisogno di aggiorna il piรจ di pagina del tuo sito web o modificare lo sconto su un banner promozionale, c'รจ non c'รจ bisogno di cambiarlo manualmente su ogni post o pagina.ย
Basta accedere alle impostazioni del blocco riutilizzabile e puoi effettuare l'aggiornamento in pochi clic. Questo la gestione centralizzata garantisce anche la coerenza del design nel sito web completo. Inoltre, troverai questi blocchi facilmente accessibili poichรฉ sono archiviati in una sezione dedicata del tuo editor di blocchi. Ciรฒ significa che questa funzionalitร รจ utile per la collaborazione di gruppo.
Un'altra cosa che abbiamo menzionato prima รจ che i blocchi riutilizzabili possono anche essere condivisi tra diversi siti web. Puoi esportare e importare senza sforzo un blocco riutilizzabile su diversi siti webI blocchi riutilizzabili WP sono anche convertibili.
How to Create Reusable Blocks (Pattern) in WordPress Gutenberg Editor
Prendi una nuova pagina o un nuovo post come fai di solito. Quindi, fai clic su โ+โ nell'angolo in alto a sinistra della pagina per vedere tutti i blocchi disponibili. E trascina e rilascia il blocco sulla dashboard dell'editor di blocchi che vuoi rendere riutilizzabile.ย
In questo tutorial, creeremo un pattern con blocchi riutilizzabili per mostrare tutti i nostri canali social. Per il nostro design, stiamo usando il Blocco di intestazione GutenKit E Blocco icone social GutenKit.
Notare che stiamo aggiungendo entrambi i blocchi all'interno di un blocco contenitore, quindi renderemo il blocco contenitore un blocco riutilizzabile. Ma puoi anche rendere un singolo blocco come blocco o pattern riutilizzabile seguendo lo stesso processo.
Ora, fai clic sull'icona a tre punti nella barra degli strumenti popup per visualizzare alcune impostazioni aggiuntive e fai clic su "Crea modelloโ opzione.ย
Cosรฌ facendo verrร visualizzato un popup che chiede il nome e la categoria del blocco riutilizzabile, e un pulsante di attivazione/disattivazione per sincronizzare questo blocco su piรน posizioni. Fatto, basta premere il pulsante "Aggiungere" pulsante.ย
Thatโs it! You have successfully created a pattern or reusable block on your Gutenberg website. You will find the WordPress block pattern in your assigned category. Next, weโll learn about using it on posts or pages.
๐ก Leggi anche la guida per principianti su come usare Gutenberg in WordPress
Come impostare i blocchi riutilizzabili di WordPress in post e pagine
There isnโt any hurdle for setting up WordPress Gutenberg reusable blocks in your WordPress website. Start with accessing an existing page or post or creating a new one. Click the โ+โ (Aggiungi blocco) come hai fatto prima. Ma qui devi selezionare โModelli"scheda.ย
Accedi alla categoria dei tuoi blocchi riutilizzabili e cliccaci sopra una volta che li vedi. Il blocco riutilizzabile verrร aggiunto al tuo post o alla tua pagina. Ad esempio, nell'immagine sopra, puoi vedere il nostro "Canali Sociali"modello o blocco riutilizzabile sotto il"Pulsante" categoria. Tutto qui.ย
Puoi personalizzarlo dopo aver aggiunto un blocco o un pattern riutilizzabile. Per farlo, clicca su โModifica originaleโ option under the block toolbar. You will see a new screen to edit the WordPress block pattern. However, customizing it will also affect other aspects of the website where you use it.
Come convertire i blocchi riutilizzabili di WordPress per un post specifico
Conosciamo un'altra parte importante dell'utilizzo dei blocchi riutilizzabili di WordPress, ovvero la personalizzazione dei pattern o dei blocchi riutilizzabili senza modificare altri utilizzi del blocco sul sito web. Per questo, devi convertire il blocco riutilizzabile di WordPress in uno normale.ย
Seleziona il blocco riutilizzabile e clicca sui tre punti verticali sul lato destro del menu della barra degli strumenti. Cerca โStaccare" e cliccaci sopra. In questo modo convertirai il blocco riutilizzabile in un blocco normale. Quindi, sarai libero di apportare qualsiasi modifica a quel blocco.
Come gestire i blocchi riutilizzabili (modelli) nell'editor di WordPress
You may have multiple WordPress reusable content blocks and patterns and you want them to manage from a centralized location. No worries! You have this advantage too. Navigate to the WordPress dashboard, and follow Aspetto > Editor.ย
Verrai spostato in una nuova pagina, dalla barra laterale sinistra seleziona "Modelli" opzione sotto la "Progetto" tab. Troverai tutte le categorie di pattern, scegli quella che preferisci.
Sul lato destro, vedrai i blocchi riutilizzabili. Puoi modificare, duplicare, eliminare ed esportare per l'uso su un altro sito web WordPress.ย
Come importare/esportare blocchi riutilizzabili (modelli) in WordPress
I vantaggi dell'utilizzo di blocchi riutilizzabili di WordPress non si limitano solo al loro utilizzo in tutto il sito web, ma anche all'esportazione e all'importazione in altri siti web. ร un grande risparmio di tempo per qualsiasi sviluppatore.
Se hai installato l'ultima versione di WordPress, dalla dashboard di amministrazione, procedi come mostrato sopra: Aspetto > Editor > Design > Modelli.
Per esportare un blocco o un modello riutilizzabile: Seleziona la categoria del pattern e clicca sull'icona verticale a tre punti del pattern che vuoi esportare. Vedrai un'opzione intitolata "Esporta come JSONโ, Cliccalo per salvare il file JSON sul tuo dispositivo.
Per importare un blocco o un pattern riutilizzabile: Quando sei nella pagina dei modelli, clicca su โAggiungi nuovo modello"opzione e quindi premi"Importa modello da JSON" per caricare il file JSON dal tuo computer.
Expertโs Insights
Think of reusable blocks as global content assets. Use them wisely to boost efficiency, maintain consistency, and simplify site management.
Reusable blocks are more than a time-saving feature. Theyโre a centralized way to manage recurring content across your site. When used strategically for elements like CTAs, banners, or disclaimers, they ensure consistency and make updates effortless.
However, avoid overusing them for unique content. If a section needs customization, convert it to a regular block to prevent unintended global changes.
Domande frequenti
I blocchi riutilizzabili vengono archiviati nel database di WordPress come un tipo di post personalizzato denominato "wp_block".
ร possibile inserire classi CSS in โAvanzate" scheda delle impostazioni del blocco riutilizzabile. Un campo sarebbe intitolato "Classe/i CSS aggiuntiva/e" per quello.
Per eliminare i blocchi riutilizzabili dal tuo sito WordPress, vai a Aspetto > Editor > Design > Modelli e fare clic sull'icona verticale con tre punti per visualizzare l'opzione di eliminazione.
I blocchi riutilizzabili possono essere trovati in Aspetto > Editor > Design > Modelli.
Incartare!
Tutto sommato, come utente di WordPress, cerchi ciรฒ che rende il tuo lavoro piรน semplice. E WordPress ha sviluppato continuamente varie nuove funzionalitร utili e che fanno risparmiare tempo, come i blocchi recuperabili
Se sai come usare e gestire i blocchi riutilizzabili di WordPress, puoi risparmiare un sacco di tempo evitando il lavoro ripetitivo. E speriamo che questo blog ti abbia aiutato a distinguere tra blocchi riutilizzabili di WordPress e blocchi normali.
Lascia un commento