Product:
Tutorial:
You can use the Wonder Carousel plugin to easily create image or video carousels for your WordPress website. This tutorial will guide you on how to add buttons to the carousel that will jump to other slides when clicked.
How to load image and video list from a JSON web service in WordPress Carousel
Product:
Wonder Carousel Version 18.8 or above
This tutorial will show you how to load image and video list from a JSON web service in the plugin Wonder Carousel.
How to load Wonder plugin JS files as non-render blocking and improve the webpage loading performance
Product:
All Wonder Plugins
Tutorial:
By default, Wonder plugins load the plugin JS files in the WordPress header. While this provides best compatibility with all kinds of WordPress themes, JS files in the header will be render-blocking. That's, the webpage will only be rendered after the JS files are loaded.
There are two methods to load the JS files as non-render blocking and fix the issue.
- First method: load Wonder plugin JS files in the WordPress footer
- Second method: use a third-party plugin to aggregate the JS files and load it as non-render blocking
We will also discuss plugin conditional loading at the end of this tutorial:
- Plugin conditional loading: only load plugins on selected pages or posts
How to add a CSS class unique to the category of the carousel item in WordPress post carousel and WordPress custom post type carousel
Product: Wonder Carousel Version 18.4 or above
Level: Advanced
Tutorial:
You can use the Wonder Carousel plugin to easily create a WordPress post carousel or WordPress custom post type carousel. This tutorial will guide you how to add a CSS class unique to the category of the item in the carousel.
Continue reading
Display ACF (Advanced Custom Fields) Image in Wonder Carousel
Product:
Wonder Carousel and Wonder 3D Carousel
Tutorial:
You can use the Wonder Carousel and Wonder 3D Carousel plugin to create a carousel from WordPress custom post types. By default, the plugin will use the featured image of the post as the carousel image. This tutorial will guide you how to define an image custom field using ACF (Advanced Custom Fields), then show the images in the custom post types carousel.
Continue reading
Display ACF (Advanced Custom Fields) Relational Link in WordPress Carousel
Product:
Question:
I'm using Wonder Carousel Pro to create a Custom Post Type (ACF) carousel. The Custom Post Type contains a relational link type Advanced Custom Field "outside_link" that returns a url and the link text. I'd like to display that links in the carousel.
Continue reading
How to Add Carousel in WordPress
This tutorial will guide you how to add a carousel slider in your WordPress.
You can create horizontal carousel sliders or vertical carousel sliders for your WordPress. You can add images, YouTube, Vimeo, HTML5 videos, texts, HTML code, PDF documents and WooCommerce products to the carousel. You can also create the carousel dynamically from WordPress posts and pages.
You can open a link when clicking the images in the carousel, or display the image or play the video in a lightbox popup.
You can view the demo carousels on this page: WordPress Carousel Demos.
WordPress YouTube Carousel
This tutorial will show you how to create a WordPress YouTube carousel and add it to WordPress page.
You can add single YouTube videos to the WordPress carousel, or add a YouTube playlist to create a WordPress YouTube playlist carousel. The WordPress YouTube playlist carousel will automatically and dynamically retrieve videos from the YouTube playlist and update itself when the playlist changes.
There are 4 steps in this tutorial:
- Step 1 - Install Wonder Carousel
- Step 2 - Create WordPress YouTube carousel
- Step 3 - Create WordPress YouTube playlist carousel
- Step 4 - Add WordPress YouTube carousel to WordPress page
WooCommerce Featured Products Carousel
This tutorial will show you how to create WooCommerce featured products carousel and add it to your WordPress page. There are 4 steps in this tutorial:
- Step 1 - Install Wonder Carousel
- Step 2 - Create WooCommerce featured products carousel
- Step 3 - Add price, star rating, total sales and Add To Cart button to the carousel
- Step 4 - Add the WooCommerce featured products carousel to WordPress page
How to add a WordPress logo carousel to Divi theme
Divi page builder of Elegant Themes is one of the best WordPress drag and drop page builder on the market. This tutorial will guide you how to add a WordPress logo carousel to the Divi visual builder.
There are 3 steps in this tutorial:
- Step 1 - Install Wonder Carousel
- Step 2 - Create a WordPress logo carousel
- Step 3 - Add the logo carousel to Divi visual builder
