- Metodo 1: Utilizzo del plugin Ultimate Blocks<\/a>
- Passo 1: Installare il plugin Ultimate Blocks<\/a><\/li>
- Passo 2: Aggiungere il blocco Toggle del contenuto<\/a><\/li>
- Passo 3: personalizzare il blocco Toggle del contenuto<\/a><\/li><\/ul><\/li>
- Metodo 2: Utilizzo del blocco Espandi<\/a>
- Passo 1: Aggiungere il blocco Espandi<\/a><\/li>
- Passo 2: Aggiungere contenuti al blocco<\/a><\/li>
- Passo 3: personalizzare il blocco Espandi<\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n
<\/div><\/div><\/div>\n\n\nMetodo 1: Utilizzo del plugin Ultimate Blocks<\/strong><\/h2>\n\n\n\n
Passo 1: Installare il plugin Ultimate Blocks<\/strong><\/h3>\n\n\n\n
Accedere alla dashboard di WordPress, andare alla sezione \"Plugin\"<\/strong> e fare clic su \"Aggiungi nuovo\".<\/strong> Tipo \"Blocchi definitivi\"<\/strong> nella barra di ricerca, individuare il plugin nei risultati, fare clic su \"Installa ora\".<\/strong> e poi \"Attivare\".<\/strong>
<\/p>\n\n\n\n![\"Installare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-5-1024x613.png\")
<\/figure>\n\n\n\nPasso 2: Aggiungere il blocco Toggle del contenuto<\/strong><\/h3>\n\n\n\n
Aprire il post o la pagina in cui si desidera aggiungere il contenuto pieghevole. Fare clic sul pulsante \"Icona \"+<\/strong> nell'editor di WordPress per aggiungere un nuovo blocco, cercare \"Content Toggle\" e selezionarlo. <\/p>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1.2-1024x425.png\")
<\/figure>\n\n\n\nUna volta aggiunto il blocco, si vedr\u00e0 il blocco toggle in posizione, ma in un formato chiuso. Fare clic sul segno della freccia per espanderlo, inserire il titolo del contenuto nel campo \"Titolo del pannello\"<\/strong> e, successivamente, il contenuto principale del file \"Contenuto del pannello\"<\/strong> scatola. <\/p>\n\n\n\n
![\"Titolo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2-2-1024x450.png\")
<\/figure>\n\n\n\nOra, se si ha bisogno di pi\u00f9 di una sezione espandibile o pieghevole, fare clic sul pulsante + pulsante<\/strong> in fondo al blocco per inserire una nuova levetta. Allo stesso modo, se non si desidera alcun toggle specifico, fare clic sul pulsante x alla fine del blocco. <\/p>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3-1024x423.png\")
<\/figure>\n\n\n\nPasso 3: personalizzare il blocco Toggle del contenuto<\/strong><\/h3>\n\n\n\n
Una volta selezionato il blocco, il pannello delle impostazioni del blocco apparir\u00e0 sulla destra della dashboard. Qui si trovano due schede separate: Impostazioni generali e stili.<\/strong><\/p>\n\n\n\n
Nel Impostazioni generali<\/strong> \u00e8 possibile:<\/p>\n\n\n\n
- \n
- Regolare il Titolo del pannello<\/strong> per una corretta gerarchia.<\/li>\n\n\n\n
- Impostare lo stato di attivazione per controllare se i pannelli devono essere chiusi o aperti al caricamento della pagina.<\/li>\n\n\n\n
- Abilitazione Schema FAQ<\/strong> per migliorare la visibilit\u00e0 nei risultati dei motori di ricerca.<\/li>\n\n\n\n
- Utilizzo Controllo reattivo<\/strong> per nascondere o visualizzare il blocco su dispositivi specifici.<\/li>\n\n\n\n
- Aggiungere un Casella di ricerca<\/strong> per facilitare la navigazione delle FAQ. Tuttavia, questa funzione \u00e8 limitata agli utenti Pro.\u00a0<\/li>\n<\/ul>\n\n\n\n
![\"Impostazioni](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.1-3-1024x519.png\")
<\/figure>\n\n\n\nOra, se si passa all'opzione Scheda Stili<\/strong>\u00c8 possibile regolare i colori, attivare i bordi, impostare gli stili e le posizioni delle icone e regolare con precisione il padding e i margini.<\/p>\n\n\n\n
![\"Scheda](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.2-2-1024x738.png\")
<\/figure>\n\n\n\nUna volta soddisfatti, fare clic su \"Pubblica\" o \"Aggiorna\" per renderlo attivo.<\/p>\n\n\n\n
![\"Demo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/toggledemo-1.gif\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\nMetodo 2: Utilizzo del blocco Espandi<\/strong><\/h2>\n\n\n\n
Passo 1: Aggiungere il blocco Espandi<\/strong><\/h3>\n\n\n\n
Passare alla pagina o al post in cui si desidera il contenuto pieghevole\/espandibile. Fare nuovamente clic sull'icona \"+\" per aggiungere un nuovo blocco, cercare \"Espandi\" e selezionarlo.\u00a0<\/p>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.1-1024x444.png\")
<\/figure>\n\n\n\nPasso 2: Aggiungere contenuti al blocco<\/strong><\/h3>\n\n\n\n
Il blocco fornir\u00e0 due sezioni: una per il contenuto visibile (mostrato inizialmente) e un'altra per il contenuto nascosto (rivelato quando si fa clic). Aggiungere il contenuto che si desidera rimanga visibile nella prima sezione, sopra il simbolo \"Mostra di pi\u00f9<\/strong>\". Posizionare il resto del contenuto nella sezione nascosta sotto il testo \"Mostra di pi\u00f9<\/strong>\" testo. <\/p>\n\n\n\n
![\"Contenuti](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2.2-1024x468.png\")
<\/figure>\n\n\n\nFare clic sul pulsante + segno<\/strong> su ogni blocco, selezionare il blocco preferito e successivamente aggiungere contenuti ai blocchi. \u00c8 possibile personalizzare il blocco \"Mostra di pi\u00f9<\/strong>\" e \"Mostra meno\"<\/strong> per adattare meglio i testi ai contenuti o al pubblico. \u00c8 sufficiente fare clic sui testi predefiniti e sostituirli con le etichette desiderate.<\/p>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.3-1024x472.png\")
<\/figure>\n\n\n\nPasso 3: personalizzare il blocco Espandi<\/strong><\/h3>\n\n\n\n
La versione gratuita offre una personalizzazione limitata, comprese le impostazioni di scorrimento, il controllo della reattivit\u00e0 e le regolazioni delle dimensioni nella scheda Stili. Ma se si passa alla versione pro, \u00e8 possibile scegliere un effetto di dissolvenza per i contenuti ridotti a icona (disponibile nelle Impostazioni generali). \u00c8 inoltre possibile personalizzare lo stile, il colore di sfondo, il bordo e il raggio del pulsante per ottenere un aspetto pi\u00f9 curato.<\/p>\n\n\n\n
\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.1-1.png\")
<\/figure>\n\n\n\n![\"Personalizzare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.2-1.png\")
<\/figure>\n<\/div>\n\n\n\nQuando si \u00e8 soddisfatti del risultato, fare clic su \"Pubblica\" o \"Aggiorna\" per salvare e visualizzare le modifiche sul sito.<\/p>\n\n\n\n
![\"Demo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expanddemo-1-1.gif\")
<\/figure>\n\n\n\nConclusione<\/strong><\/h4>\n\n\n\n
Lo scopo di questo articolo \u00e8 quello di guidarvi nella creazione di contenuti pieghevoli ed espandibili in WordPress, mantenendo un layout pulito e facile da navigare. Gli Ultimate Blocks consentono di ottenere questo risultato senza bisogno di codifica e con semplicit\u00e0 sia nell'usabilit\u00e0 che nel design. Comprendere le esigenze del vostro pubblico \u00e8 fondamentale, in quanto vi aiuta a implementare i contenuti pieghevoli dove forniscono il massimo valore e a garantire che tutto funzioni senza problemi per un'esperienza di navigazione ottimale. Tenete presente che piccoli cambiamenti come questi possono trasformare il modo in cui i visitatori interagiscono con il vostro sito.<\/p>","protected":false},"excerpt":{"rendered":"
Have you ever scrolled through a lengthy webpage, struggling to pinpoint the exact information you need? It\u2019s frustrating, isn\u2019t it? The solution lies in collapsible and expandable content, which is a simple yet effective way to organize information. This technique lets you present detailed content while keeping your pages clean and easy to navigate. Whether […]<\/p>\n","protected":false},"author":9,"featured_media":5045,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-5018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expandcollapse850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/5018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=5018"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/5018\/revisions"}],"predecessor-version":[{"id":5047,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/5018\/revisions\/5047"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/5045"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=5018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=5018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=5018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Passo 2: Aggiungere contenuti al blocco<\/a><\/li>
- Passo 2: Aggiungere il blocco Toggle del contenuto<\/a><\/li>
- Passo 1: Installare il plugin Ultimate Blocks<\/a><\/li>