WordPress HTML Content Slider

Last updated on

This tutorial will show you how to create a WordPress HTML content slider by using the plugin Wonder Carousel.

You only need to select images, enter text or HTML code for title and description, select a skin, the plugin will create an HTML content slider that you can add to a WordPress page or post.

There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Add images, enter text or HTML code for title and description
  • Step 3 - Select an HTML content slider skin
  • Step 4 - Publish the slider

Continue reading →

How to play DailyMotion videos in WordPress carousel

Last updated on

This tutorial will guide you how to play DailyMotion videos in a WordPress carousel. You can play the video in a lightbox popup when clicking an image in the carousel.

There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Create a new carousel
  • Step 3 - Play DailyMotion video in a lightbox popup when clicking an image in the carousel
  • Step 4 - Publish the carousel

Continue reading →

How to create WordPress Logo Carousel

Last updated on

This tutorial will guide you how to create a WordPress logo carousel. You can link the logos to webpages, configure the carousel to auto scroll and pause the carousel on mouse over.

There are 4 steps in the tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Create a new WordPress carousel and add logo images
  • Step 3 - Configure the WordPress logo carousel to auto scroll
  • Step 4 - Publish the WordPress logo carousel

Continue reading →

WordPress Full Screen Background Slider

Last updated on

This tutorial will guide you how to create a fullscreen background slider for your WordPress. At the end of the tutorial, we will create two kinds of full screen sliders.

The first demo shows the full screen slider in the background, while the page displays the normal content you entered in the page editor: WordPress full screen background slider.

The second demo just shows the page header, menu and the full screen slider, it does not display the normal page content: WordPress full screen slider.

If you want to create a WordPress full screen slider without the page header and menu, please view this tutorial: How to Create a Fullscreen WordPress Slideshow.

Continue reading →

WordPress Shoutcast Player

Last updated on

This tutorial will guide you how to create a Shoutcast live streaming audio player for your WordPress website. The player displays the current song title and the played track list.

There are 5 steps in the tutorials:

  • Step 1 - Install Wonder Audio Player
  • Step 2 - Prepare Shoutcast Live Streaming URL
  • Step 3 - Create an Audio Player to Play the Shoutcast Live Streaming
  • Step 4 - Select a Skin for Live Streaming Audio Player
  • Step 5 - Publish the player

At the end of this tutorial, we will also discuss the common problems when creating the player.

Continue reading →

WordPress Tutorial

How to Add a Slider to WordPress

Last updated on

WordPress slider is a great way to highlight the contents of your website and call the attention of your website visitors. This tutorial will guide you how to add a slider to your WordPress website.

To add a slider to WordPress, please take the following 5 steps:

  • Step 1 Install the plugin Wonder Slider
  • Step 2 Create a new slider
  • Step 3 Add images, videos and texts to the slider
  • Step 4 Select a skin and publish the slider
  • Step 5 Add the slider to post, page or the WordPress theme

Continue reading →

How to track WordPress video play events with Google Analytics

Last updated on

This tutorial will show you how to track WordPress video play events with Google Analytics.

There are 4 steps in this tutorial:

  • Step 1 - Install the WordPress plugin Wonder Gallery
  • Step 2 - Create a video player or video gallery with Wonder Gallery
  • Step 3 - Add Google Analytics Tracking ID to the gallery
  • Step 4 - View WordPress video play events in Google Analytics

Continue reading →

How to create WooCommerce On Sale Products Carousel

Last updated on

This tutorial will guide you how to create a WordPress Carousel to display WooCommerce on sale products.

There are three steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Add WooCommerce on sale products to the carousel
  • Step 3 - Publish the WooCommerce on sale Products Carousel

You can view the demo created with this tutorial: WooCommerce On Sale Products Carousel.

For a detailed tutorial on how to add product price, star ratings, total sales and Add To Cart button to the carousel, how to create a WooCommerce best selling products carousel and WooCommerce featured products carousel, please view the tutorial: How to create a WooCommerce Products Carousel.

Continue reading →