Skip to content

Create a Loop of Bootstrap 4 Tabs in WordPress with ACF Repeater

Boostrap Acf Repeater Tabs

This tutorial looks to Create a while loop of Bootstrap 4 Tabs with an ACF Repeater field in WordPress. You need to already have Bootstrap 4 enabled in your theme and ACF Pro plugin installed. Create the ACF Repeater fields for the tabs.   You can create as many tabs as needed, assign the field…

Read More

Create A Responsive Bootstrap 4 Tab/Accordion ACF Repeater Loop

Boostrap Acf Repeater Tabs

Create a Responsive Bootstrap 4 Tab/Accordion ACF Repeater Loop for use in WordPress. Bootstrap 4 Tabs stay as tabs in all viewport sizes which isn’t great responsively for larger content, however, this code has been adjusted to go from Bootstrap tabs to accordions at a certain breakpoint. (There is also another non-Bootstrap script that does…

Read More

Tab to Accordion Responsive Layouts in WordPress

There is a nice responsive Tabs plugin which is jQuery based called aptly called Responsive-Tabs, it handles changing the layout from a tabbed content structure to an accordion layout at a set media query size. The accordion layout is better suited for smaller mobile/tablet sizes. Going from tab to accordion… To a smaller viewport setting……

Read More

Create Tabbed Content in WordPress with ACF Repeater and Tabslet

acf-tabs-wordpress-tabslet-repeater

This tutorial walks through how to create a Tabbed content section in WordPress using Advanced Custom Fields and Tabslet. ACF (Advanced Custom Fields) Pro comes with an addon called the Repeater field which allows a user to perpetually add additional rows of data of certain custom fields to a page or post (or custom post type) in WordPress. This can be…

Read More
Scroll To Top