{"id":4849,"date":"2024-11-13T11:23:44","date_gmt":"2024-11-13T11:23:44","guid":{"rendered":"https:\/\/tableberg.com\/?p=4849"},"modified":"2024-11-13T11:23:44","modified_gmt":"2024-11-13T11:23:44","slug":"come-creare-flip-box-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/","title":{"rendered":"Come creare Flip Box in WordPress in 4 semplici passaggi"},"content":{"rendered":"<p>Se state cercando un tutorial su come creare flip box in WordPress, abbiamo una guida completa per voi. <\/p>\n\n\n\n<p>Quello che vi serve \u00e8 seguire come crearne una da zero. Ma prima di questo, scopriamo alcuni dettagli sui flip box. <\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-afc18fb3-1e9b-4533-8bde-871690f068de\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Come creare Flip Box in WordPress in 4 semplici passaggi<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#0-what-is-a-flip-box-in-wordpress\" style=\"\">Che cos'\u00e8 un Flip box in WordPress?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#1-why-use-flip-boxes-in-wordpress-websites\" style=\"\">Perch\u00e9 utilizzare i Flip Box nei siti web WordPress?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#2-how-to-create-flip-boxes-in-wordpress\" style=\"\">Come creare Flip Box in WordPress<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#3-step-1-install-the-flipbox\" style=\"\">Fase 1: installazione del Flipbox<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#4-step-2-create-your-flip-boxes\" style=\"\">Fase 2: Creare le scatole a ribalta<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#5-step-3-customize-your-flip-box\" style=\"\">Fase 3: personalizzazione della scatola flip<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#6-step-4-insert-the-flip-box-shortcode\" style=\"\">Passo 4: Inserire lo shortcode Flip Box<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-flip-boxes-in-wordpress\/#7-final-thoughts\" style=\"\">Pensieri finali!<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-what-is-a-flip-box-in-wordpress\">Che cos'\u00e8 un Flip box in WordPress?<\/h2>\n\n\n\n<p>A <strong>scatola a ribalta<\/strong> in WordPress \u00e8 un elemento di contenuto interattivo che combina testo e immagini con un effetto di animazione a scorrimento. <\/p>\n\n\n\n<p>In genere ha due lati. Viene comunemente utilizzato per presentare il testo in modo creativo e con un effetto di capovolgimento ipnotico. <\/p>\n\n\n\n<p>Le persone aggiungono i flip box perch\u00e9 sono un elemento coinvolgente e interattivo altamente consigliato per catturare immediatamente l'attenzione dei visitatori. <\/p>\n\n\n\n<p>Vediamo ora alcuni altri scenari relativi alle scatole Flip.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Creare bellissimi tavoli <\/strong><br><strong>Con l'editor di blocchi<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Prova gratuita<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/it\/determinazione-dei-prezzi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ottieni un professionista<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-why-use-flip-boxes-in-wordpress-websites\">Perch\u00e9 utilizzare i Flip Box nei siti web WordPress?<\/h2>\n\n\n\n<p>I riquadri a scorrimento sono un potente elemento di design che pu\u00f2 elevare i contenuti di WordPress in diversi modi. Ecco perch\u00e9 vale la pena utilizzarli:<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-e2cada25-8cf3-485f-8302-3285df5c55cc\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Attirare l'attenzione<\/strong>: I box a scorrimento attirano l'attenzione dei visitatori come una calamita e suscitano la loro curiosit\u00e0, incoraggiandoli ad approfondire. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Evidenziare le informazioni chiave<\/strong>: I riquadri a scorrimento consentono di presentare con precisione i dettagli significativi sul fronte e di offrire spiegazioni o ulteriori dettagli sul retro, rendendo i contenuti pi\u00f9 completi.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Presentare in modo elegante il contenuto: <\/strong>I flip box consentono di presentare i contenuti in modo elegante. Al posto del testo semplice o dei riquadri statici, i flip box offrono un modo elegante di presentare i servizi, i profili dei team, le CTA, ecc. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p>Ora che avete appreso alcuni vantaggi dell'uso dei flip box sul vostro sito web, passiamo alla nostra esercitazione principale.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-how-to-create-flip-boxes-in-wordpress\">Come creare Flip Box in WordPress<\/h2>\n\n\n\n<p>Poich\u00e9 WordPress non dispone di un blocco centrale per creare un flip box, utilizzeremo un plugin di terze parti chiamato <a href=\"https:\/\/wordpress.org\/plugins\/image-hover-effects-ultimate-visual-composer\/\" target=\"_blank\" rel=\"noopener\">Flipbox<\/a>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1024x332.png\" alt=\"\" class=\"wp-image-4859\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1024x332.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-300x97.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-768x249.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1536x497.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-18x6.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1.png 1544w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Flipbox ha una collezione di effetti CSS3 per rendere i flipbox pi\u00f9 accattivanti. Funziona con qualsiasi page builder ed \u00e8 reattivo di default. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-1-install-the-flipbox\">Fase 1: installazione del Flipbox<\/h3>\n\n\n\n<p>Il primo passo consiste nell'installare il plugin Flipbox accedendo alla dashboard del vostro sito web. Quindi navigare in&nbsp;<strong>Plugin (1) &gt; Aggiungi nuovo plugin (2).&nbsp;<\/strong>Ricerca <strong>Flipbox (3)<\/strong>&nbsp;e&nbsp;<strong>installare il plugin (4)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-1024x412.png\" alt=\"Come creare Flip Box in WordPress\" class=\"wp-image-4864\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-1024x412.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-300x121.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-768x309.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1.png 1072w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Non dimenticate di attivare il plugin dopo l'installazione. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"451\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2.png\" alt=\"\" class=\"wp-image-4867\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2.png 930w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-768x372.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-18x9.png 18w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-2-create-your-flip-boxes\">Fase 2: Creare le scatole a ribalta<\/h3>\n\n\n\n<p>Ora fate clic su <strong>Flip Box<\/strong> <strong>(1)<\/strong> e <strong>Crea nuovo<\/strong> dopo di che <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-1024x393.png\" alt=\"\" class=\"wp-image-4872\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-1024x393.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-768x295.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1.png 1288w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Selezionate uno stile a piacere nella pagina e fate clic su \"Crea stile\". Se si scorre verso il basso, si possono vedere numerosi stili. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-1024x457.png\" alt=\"\" class=\"wp-image-4922\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-1024x457.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-300x134.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-768x343.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1.png 1232w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Dare un <strong>nome<\/strong> alla vostra casella flip <strong>(1)<\/strong>e selezionare l'opzione <strong>numero di layout<\/strong>. Il <strong>I layout sono nella cartella<\/strong> <strong>Stili<\/strong> che avete visto in precedenza (<strong>Ogni stile ha tre layout<\/strong>). Infine, fare clic sul pulsante <strong>Risparmiare<\/strong> pulsante <strong>(3)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-1024x415.png\" alt=\"\" class=\"wp-image-4876\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-768x311.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43.png 1244w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-3-customize-your-flip-box\">Fase 3: personalizzazione della scatola flip<\/h3>\n\n\n\n<p>Tutte le opzioni sono da personalizzare. Personalizzare in base alle proprie esigenze. L'anteprima \u00e8 mostrata di seguito nella stessa pagina.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51.png\" alt=\"\" class=\"wp-image-4879\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51.png 968w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-300x169.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-768x433.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-18x10.png 18w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Selezionare la voce \"<strong>Aprire le scatole a ribalta da\"<\/strong> per inserire il contenuto. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"436\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-1024x436.png\" alt=\"\" class=\"wp-image-4883\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-1024x436.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-768x327.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13.png 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Inserire il <strong>Titolo anteriore (1<\/strong>) e <strong>Icona frontale (2)<\/strong>e infine fare clic su <strong>Carica immagine<\/strong> per caricare un'immagine per la facciata <strong>(3)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"394\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1.png\" alt=\"\" class=\"wp-image-4887\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1.png 650w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1-18x12.png 18w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Scorrete in basso nella stessa pagina e inserite il comando <strong>Informazioni sul backend <\/strong>o il testo dettagliato del contenuto <strong>(1)<\/strong> e il<strong> Testo del pulsante di backend (2)<\/strong>. \u00c8 inoltre possibile inserire il nome <strong>link al pulsante<\/strong> se si vuole <strong>(3)<\/strong>. Successivamente, \u00e8 necessario impostare un'immagine per l'immagine di sfondo del backend facendo clic sul pulsante \"<strong>Carica immagine<\/strong>&#8221; <strong>(4)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"526\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10.png\" alt=\"\" class=\"wp-image-4892\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10.png 868w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-768x465.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-18x12.png 18w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Dopo aver impostato tutto, premere il pulsante \"<strong>Invia<\/strong>\"Pulsante <strong>(1)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"552\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49.png\" alt=\"\" class=\"wp-image-4895\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49.png 712w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49-300x233.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49-15x12.png 15w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/figure>\n<\/div>\n\n\n\n<p>\u00c8 possibile <strong>Aggiungete altre scatole a ribalta, se volete<\/strong>. Seguire<strong> le linee guida del \"Passo 3\" ripetutamente<\/strong> per aggiungere altri riquadri a scorrimento al riquadro a scorrimento corrente.<\/p>\n\n\n\n<p>\u00c8 inoltre possibile <strong>modificare o eliminare<\/strong> anche i riquadri a ribalta. Le opzioni sono visibili portando il cursore sui riquadri a ribalta. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-1024x417.png\" alt=\"\" class=\"wp-image-4898\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-1024x417.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05.png 1224w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Dopo aver effettuato tutte le modifiche e le personalizzazioni, fare clic su \"<strong>Voce per riga<\/strong>&#8221; <strong>(1)<\/strong> per definire il numero di caselle sfogliabili che si desidera visualizzare alla volta per ogni riga. Ho selezionato tre elementi, poich\u00e9 voglio visualizzare tre elementi per riga. Ora, premere il tasto <strong>Invia<\/strong> pulsante <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-1024x541.png\" alt=\"\" class=\"wp-image-4900\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-1024x541.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-300x158.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-768x406.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1.png 1212w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Successivamente, \u00e8 necessario salvare la Flip Box. Basta fare clic sul pulsante Salva <strong>(1)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-1024x528.png\" alt=\"\" class=\"wp-image-4903\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-1024x528.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-300x155.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-768x396.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20.png 1066w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-4-insert-the-flip-box-shortcode\">Passo 4: Inserire lo shortcode Flip Box<\/h3>\n\n\n\n<p>Vai a <strong>Flip Box (1) <\/strong>e <strong>copiare il codice breve<\/strong> <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"388\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1.png\" alt=\"\" class=\"wp-image-4906\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1.png 954w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-18x7.png 18w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Andare ai post o alle pagine in cui si desidera visualizzare il flip box. Per farlo, andare su <strong>Messaggi (1) &gt; Tutti i messaggi (2)<\/strong>\u00a0e\u00a0<strong>modificare quel post o quella pagina (3)<\/strong>.\u00a0<strong>N.B.<\/strong>\u00a0Lo stesso vale per la modifica di una pagina, ma bisogna andare su <strong>Pagine<\/strong> <strong>><\/strong> <strong>Tutte le pagine<\/strong> prima.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"458\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png\" alt=\"\" class=\"wp-image-4620\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png 914w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-768x385.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-18x9.png 18w\" sizes=\"auto, (max-width: 914px) 100vw, 914px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Per inserire il riquadro a ribalta, \u00e8 necessario inserire il campo <strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/shortcode-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocco shortcode<\/a><\/strong>, fare clic sull'icona \"+\" (Aggiungi icona blocco) nell'editor (1) e digitare \"<strong>Codice breve<\/strong>\" nella casella di ricerca\u00a0<strong>(2)<\/strong>. Fare clic sul pulsante\u00a0<strong>\"Shortcode\"\u00a0<\/strong>per inserirlo nell'editor<strong>(3)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"353\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1.png\" alt=\"\" class=\"wp-image-4912\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1.png 844w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-300x125.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-768x321.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-18x8.png 18w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Ora incollate il codice breve <strong>(1)<\/strong> e salvare o pubblicare il post o la pagina. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"375\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00.png\" alt=\"\" class=\"wp-image-4914\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00.png 1004w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-300x112.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-768x287.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-18x7.png 18w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Ecco la demo qui sotto. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"502\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-26-44-1.gif\" alt=\"\" class=\"wp-image-4918\"\/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7-final-thoughts\">Pensieri finali!<\/h2>\n\n\n\n<p>La creazione di flip box in WordPress \u00e8 un modo semplice per migliorare il design e il coinvolgimento del vostro sito web. I riquadri a scorrimento sono un'aggiunta semplice che pu\u00f2 lasciare un'impressione duratura sul vostro pubblico.<\/p>\n\n\n\n<p>Seguendo questi passaggi, \u00e8 possibile integrare facilmente elementi dinamici e visivamente accattivanti che hanno un aspetto professionale e migliorano il modo in cui i visitatori interagiscono con i contenuti.<\/p>\n\n\n\n<p>Spero che le linee guida siano state facili da seguire. Ma se avete incontrato qualche difficolt\u00e0, fatemelo sapere nella sezione commenti qui sotto. Mi farebbe piacere assistervi.<\/p>\n\n\n\n<p>Inoltre, non dimenticate di condividere il tutorial con i vostri amici attraverso i social media. <\/p>\n\n\n\n<p><strong>Per saperne di pi\u00f9<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/it\/come-aggiungere-un-box-per-le-recensioni-alle-pagine-dei-post-di-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come aggiungere un box per le recensioni ai post\/pagine di WordPress in 2 modi semplici<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-rendere-appiccicosa-lintestazione-di-una-tabella-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come rendere appiccicosa l'intestazione di una tabella in WordPress (3 semplici passaggi)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-cambiare-il-colore-del-pulsante-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come cambiare il colore dei pulsanti in WordPress in 3 semplici passi<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-reattiva-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come creare una tabella reattiva in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-aggiungere-un-pulsante-a-levetta-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come aggiungere un pulsante a levetta al vostro sito WordPress<\/a><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-fbeaa135-21a3-4ea8-b651-575afe27c9c0\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fit%2Fhow-to-create-flip-boxes-in-wordpress%2F&amp;title=How%20to%20Create%20Flip%20Boxes%20in%20WordPress%20in%204%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">quota<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fit%2Fhow-to-create-flip-boxes-in-wordpress%2F&amp;text=How%20to%20Create%20Flip%20Boxes%20in%20WordPress%20in%204%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"logo linkedin\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fit%2Fhow-to-create-flip-boxes-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">quota<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>If you are searching for a tutorial on how to create flip boxes in WordPress, we have a comprehensive guideline for you. What you need is to follow how you can create one from scratch. But before that, let&#8217;s learn some details about flip boxes. What is a Flip box in WordPress? A flip box [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":4850,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,13],"tags":[],"class_list":["post-4849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-plugins"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/How-to-Create-Flip-Boxes-in-WordPress-1140-x-450-px.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/it\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/4849","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=4849"}],"version-history":[{"count":30,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/4849\/revisions"}],"predecessor-version":[{"id":4932,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/4849\/revisions\/4932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/4850"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=4849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=4849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=4849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}