Add a banner based on Custom Taxonomy Term in a Beaver Themer Posts Module loop
How you can add a banner to a post in a loop in a Beaver Builder posts module using a custom layout based on a custom taxonomy term. First up is to create you Custom Taxonomy either with a plugin or add code yourself. Once the taxonomy is ready, assign certain posts to it. Next…
Read MoreOutput a Custom Taxonomy Archive by using Loop in WordPress
You can’t use a WordPress archive taxonomy page for a custom taxonomy as the custom terms are the archive – but you may want a sort of global taxonomy page that contains all the custom terms. Here is a custom taxonomy loop code snippet, which allows you to output a set of custom taxonomy terms…
Read MoreImage Carousel Thumbnail Slider with SwiperJS and ACF in WordPress
Here is a guide on how to make an image carousel thumbnail slider with SwiperJS and ACF in WordPress. (I have done a similar tutorial with LightersliderJS but that library is no longer updated). Using SwiperJS, I just want to display simple thumbnails below the main image which on click/touch show the image in the…
Read MoreOutput WordPress Custom Query Posts Loop in Bootstrap Modals
Here is some code to output a custom loop via Shortcode that will display a posts full content in a Bootstrap Modal without linking back to the single post page. This is done on a WordPress theme that has the Bootstrap framework already loaded. A new loop is created only showing the post title and…
Read MoreCreate a WooCommerce Featured Products Loop of Featured Images
Here is a guide on how to create a WooCommerce featured products loop of featured images. The featured product option is chosen from the star column in the WordPress dashboard backend of the WooCommerce products, ‘featured‘ it is a term that belongs to the taxonomy named ‘product_visibility‘. View the code on Gist. So…
Read MoreImage Carousel Thumbnail Slider with ACF Gallery Field in WordPress
Here is a guide on how to make an image carousel thumbnail slider with ACF in WordPress using the ACF gallery field. Lightslider, a lightweight image slider seems to fit the bill perfectly – I need it to just display simple thumbnails below the main image which on click/touch show the image in the main slide…
Read MoreCreate An ACF Repeater Bootstrap Accordion in WordPress
Create An ACF Repeater Bootstrap Accordion for use in WordPress. Accordions can be a handy way of managing larger amounts of data to display only certain bits at a time this guide shows how to use a Boostrap accordion with ACF, a non-bootstrap guide is here. Create the ACF Repeater fields for the Bootstrap accordion.…
Read MoreCreate A Bootstrap 4 Carousel Slider With ACF Image Repeater
Here is how to create a Bootstrap 4 carousel slider of images with ACF Pro Repeater field in WordPress. There are a few options in that the Bootstrap carousel can be plain, add navigation and add a caption, 4 examples can be seen below in the demo lower in the post. Create the ACF…
Read MoreCreate a Loop of Bootstrap 4 Tabs in WordPress with ACF Repeater
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 MoreCreate An ACF Repeater Accordion in WordPress
Create An ACF Repeater Accordion for use in WordPress. Accordions can be a handy way of managing larger amounts of data to display only certain bits at a time. Create the ACF Repeater fields for the accordion. You can create as many accordion fields as needed, assign the field group to a post or…
Read More