How to create a fullscreen WordPress slideshow

Product:

WonderPlugin Slider

Tutorial:

This tutorial will guide you how to create a fullscreen WordPress slideshow with the plugin WonderPlugin Slider.

An online demo is as follows: https://www.wonderplugin.com/a-fullscreen-slideshow/

Step 1 - View the following tutorial and create a WordPress page without header, menu, sidebar and footer: https://www.wonderplugin.com/wordpress-tutorials/how-to-create-a-wordpress-page-without-header-menu-sidebar-and-footer/

Step 2 - In WonderPlugin Slider, create a new slider, in step 1, add your images, in step 2, select the skin "Header". This skin will create a slideshow without thumbnails, navigation bullets and arrows.

Step 3 - In step 3 Options tab, Slider Options, check the option "Responsive" -> "Create a full width slider" and "Extend to the parent container height".

Step 4 - In step 3 Options tab, Advanced Options, add the following text to the Custom CSS input box:

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
}

Step 5 - Save the slideshow and add the slideshow shortcode to the WordPress page created in the first step of this tutorial.

An online demo is as follows: https://www.wonderplugin.com/a-fullscreen-slideshow/