{"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":"hoe-maak-ik-flipboxen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/","title":{"rendered":"Hoe maak je Flip Boxes in WordPress in 4 eenvoudige stappen"},"content":{"rendered":"<p>Als je op zoek bent naar een handleiding voor het maken van flipboxen in WordPress, dan hebben we een uitgebreide handleiding voor je. <\/p>\n\n\n\n<p>Wat je nodig hebt, is volgen hoe je er zelf een kunt maken. Maar laten we eerst wat meer leren over flip boxes. <\/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\">Hoe maak je Flip Boxes in WordPress in 4 eenvoudige stappen<\/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\/nl\/how-to-create-flip-boxes-in-wordpress\/#0-what-is-a-flip-box-in-wordpress\" style=\"\">Wat is een Flip box in WordPress?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/#1-why-use-flip-boxes-in-wordpress-websites\" style=\"\">Waarom Flip Boxes gebruiken in WordPress Websites?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/#2-how-to-create-flip-boxes-in-wordpress\" style=\"\">Hoe maak je flipboxen in WordPress<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/#3-step-1-install-the-flipbox\" style=\"\">Stap 1: Installeer de Flipbox<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/#4-step-2-create-your-flip-boxes\" style=\"\">Stap 2: Maak uw flipboxen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/#5-step-3-customize-your-flip-box\" style=\"\">Stap 3: Je Flip Box aanpassen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/#6-step-4-insert-the-flip-box-shortcode\" style=\"\">Stap 4: De Flip Box Shortcode invoegen<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-create-flip-boxes-in-wordpress\/#7-final-thoughts\" style=\"\">Laatste gedachten!<\/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\">Wat is een Flip box in WordPress?<\/h2>\n\n\n\n<p>A <strong>flipbox<\/strong> in WordPress is een interactief inhoudselement dat tekst en afbeeldingen combineert met een flippend animatie-effect. <\/p>\n\n\n\n<p>Het heeft meestal twee kanten. Het wordt vaak gebruikt om tekst op een creatieve manier te presenteren in combinatie met een betoverend flip-effect. <\/p>\n\n\n\n<p>Mensen voegen flipboxen toe omdat ze een aantrekkelijk en interactief element zijn dat sterk wordt aanbevolen om de aandacht van bezoekers onmiddellijk te trekken. <\/p>\n\n\n\n<p>Laten we nu eens kijken naar enkele andere scenario's met betrekking tot Flip boxes.<\/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>Maak prachtige tafels <\/strong><br><strong>Met blok-editor<\/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\">Probeer gratis<\/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\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Krijg Pro<\/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\">Waarom Flip Boxes gebruiken in WordPress Websites?<\/h2>\n\n\n\n<p>Flip boxes zijn een krachtig ontwerpelement dat je WordPress-inhoud op verschillende manieren kan verbeteren. Hier lees je waarom ze het waard zijn om te gebruiken:<\/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>Aandacht trekken<\/strong>: Flip boxes trekken de aandacht van bezoekers als een magneet en wekken nieuwsgierigheid op, waardoor ze worden aangemoedigd om verder te verkennen. <\/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>Belangrijke informatie markeren<\/strong>: Met flipboxen kun je belangrijke details precies op de voorkant presenteren en uitleg of verdere details op de achterkant bieden, waardoor de inhoud uitgebreider wordt.<\/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>Presenteer Conentent Elegant: <\/strong>Met flipboxen kun je je inhoud op een elegante manier presenteren. In plaats van gewone tekst of statische vakken, bieden flip boxes een stijlvolle manier om diensten, teamprofielen, CTA's, enz. te presenteren. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p>Nu je een aantal voordelen hebt geleerd van het gebruik van flipboxen op je website, gaan we naar onze belangrijkste tutorial hieronder.<\/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\">Hoe maak je flipboxen in WordPress<\/h2>\n\n\n\n<p>Omdat WordPress geen kernblok heeft om een flipbox te maken, gebruiken we een plugin van derden genaamd <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 heeft een verzameling coole plugin CSS3-effecten om flipboxen aantrekkelijker te maken. Het werkt met elke paginabouwer en is standaard responsive. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-1-install-the-flipbox\">Stap 1: Installeer de Flipbox<\/h3>\n\n\n\n<p>De eerste stap is het installeren van de Flipbox plugin door in te loggen op het dashboard van je website. Navigeer vervolgens naar&nbsp;<strong>Plugins (1) &gt; Nieuwe plug-in toevoegen (2).&nbsp;<\/strong>Zoek op <strong>Flipbox (3)<\/strong>&nbsp;en&nbsp;<strong>de plugin installeren (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=\"Hoe maak je flipboxen 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>Vergeet niet om de plugin te activeren na de installatie. <\/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\">Stap 2: Maak uw flipboxen<\/h3>\n\n\n\n<p>Klik nu op <strong>Flip Box<\/strong> <strong>(1)<\/strong> en <strong>Nieuw maken<\/strong> daarna <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>Selecteer een stijl die je leuk vindt op de pagina en klik op \"Stijl cre\u00ebren\". Als je naar beneden scrolt, zie je verschillende stijlen. <\/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>Geef een <strong>naam<\/strong> naar je flipbox <strong>(1)<\/strong>en selecteer de <strong>layoutnummer<\/strong>. De <strong>lay-outs zijn in de<\/strong> <strong>Stijlen<\/strong> die je eerder hebt gezien (<strong>Elke stijl heeft drie lay-outs<\/strong>). Klik ten slotte op de <strong>Sla<\/strong> knop <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\">Stap 3: Je Flip Box aanpassen<\/h3>\n\n\n\n<p>Alle opties zijn bedoeld om aan te passen. Pas ze aan volgens je behoeften. Hieronder zie je een voorbeeld op dezelfde 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>Selecteer de \"<strong>Open Flip Boxes Van\".<\/strong> knop om je inhoud in te voegen. <\/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>Voer de <strong>Titel voorkant (1<\/strong>) en <strong>Pictogram voorkant (2)<\/strong>en klik ten slotte op <strong>Afbeelding uploaden<\/strong> om een afbeelding voor de voorkant te uploaden <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>Scroll naar beneden op dezelfde pagina en voer de <strong>Info achterkant <\/strong>of gedetailleerde tekst van de inhoud <strong>(1)<\/strong> en de<strong> Knoptekst achterkant (2)<\/strong>. U kunt ook de <strong>knoplink<\/strong> als je wilt <strong>(3)<\/strong>. Daarna moet je een afbeelding instellen voor de achtergrondafbeelding van de achterkant door te klikken op de knop \"<strong>Afbeelding uploaden<\/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>Nadat je alles hebt ingesteld, druk je op de knop \"<strong>Stuur  in<\/strong>\" knop <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>U kunt <strong>voeg meer flipboxen toe als je wilt<\/strong>. Ik wil  volgen<strong> de \"Stap 3\" richtlijnen herhaaldelijk<\/strong> om meer flipboxen toe te voegen aan de huidige flipbox.<\/p>\n\n\n\n<p>U kunt ook <strong>bewerken of verwijderen<\/strong> je flipboxen ook. Je kunt de opties zien door met je cursor naar de flipboxen te gaan. <\/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>Na alle bewerkingen en aanpassingen klikt u op \"<strong>Item per rij<\/strong>&#8221; <strong>(1)<\/strong> om aan te geven hoeveel flipboxen je per keer per rij wilt weergeven. Ik heb drie items geselecteerd omdat ik drie items per rij wil weergeven. Druk nu op de knop <strong>Stuur  in<\/strong> knop <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>Daarna moet je je Flip Box opslaan. Klik gewoon op de knop Opslaan <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\">Stap 4: De Flip Box Shortcode invoegen<\/h3>\n\n\n\n<p>Ga naar <strong>Flip Doos (1) <\/strong>en <strong>kopieer de shortcode<\/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>Ga naar je berichten of pagina's waar je de flipbox wilt weergeven. Navigeer daarvoor naar <strong>Berichten (1) &gt; Alle berichten (2)<\/strong>\u00a0en\u00a0<strong>die post of pagina bewerken (3)<\/strong>.\u00a0<strong>N.B.<\/strong>\u00a0Hetzelfde geldt voor het bewerken van een pagina, maar dan moet je naar <strong>Pagina's<\/strong> <strong>><\/strong> <strong>Alle pagina's<\/strong> eerst.<\/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>Om de flipbox in te voegen, moet je de <strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/shortcode-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shortcode blok<\/a><\/strong>Klik op het pictogram \"+\" (Pictogram blok toevoegen) in de editor (1) en typ \"<strong>Shortcode<\/strong>\" in het zoekvak\u00a0<strong>(2)<\/strong>. Klik op de\u00a0<strong>\"Shortcode\".\u00a0<\/strong>om het in de editor in te voegen<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>Plak nu de shortcode <strong>(1)<\/strong> en je bericht of pagina opslaan of publiceren. <\/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>Hieronder zie je de demo. <\/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\">Laatste gedachten!<\/h2>\n\n\n\n<p>Het maken van flipboxen in WordPress is een eenvoudige manier om het ontwerp en de betrokkenheid van je website te verhogen. Flipboxen zijn een eenvoudige toevoeging die een blijvende indruk kunnen achterlaten op je publiek.<\/p>\n\n\n\n<p>Als je deze stappen volgt, kun je gemakkelijk dynamische en visueel aantrekkelijke elementen integreren die er professioneel uitzien en die de interactie tussen bezoekers en je inhoud verbeteren.<\/p>\n\n\n\n<p>Ik hoop dat de richtlijnen makkelijk te volgen waren. Maar als je problemen hebt ondervonden, laat het me dan weten in het commentaargedeelte hieronder. Ik help je graag verder.<\/p>\n\n\n\n<p>Vergeet ook niet om de tutorial te delen met je vrienden via sociale media. <\/p>\n\n\n\n<p><strong>Meer lezen<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-een-beoordelingsvak-toevoegen-aan-paginas-met-berichten-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe voeg je op 2 eenvoudige manieren een beoordelingsvak toe aan WordPress berichten\/pagina's?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-tabel-header-sticky-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Een tabelkop sticky maken in WordPress (3 eenvoudige stappen)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-verander-je-de-kleur-van-de-zweefknop-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe de hoverkleur van een knop wijzigen in WordPress in 3 eenvoudige stappen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-responsieve-tabel-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Een responsieve tabel maken in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-voeg-ik-een-toggle-knop-toe-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zo voeg je een Toggle-knop toe aan je WordPress website<\/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%2Fnl%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=\"\">aandeel<\/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%2Fnl%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=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fnl%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=\"\">aandeel<\/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\/nl\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/4849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=4849"}],"version-history":[{"count":30,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/4849\/revisions"}],"predecessor-version":[{"id":4932,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/4849\/revisions\/4932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/4850"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=4849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=4849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=4849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}