It is best you initially create your slide images to the maximum size pixel dimensions that you need in your layout. On the left side in the plugin settings are the width and height and transition values, enter what suits your layout, also leave the responsive setting on so the slider will display on all devices. See the Widget in the WP Dashboardĭownload and install the plugin and add your slides The above code needs to be added to your functions.php file, the code contains 2 functions and actions, the first registers the new widget area and the second positions it only on the front page. 'description' => _( 'This is the Slider area', 'genesischild' ),Īdd_action( 'widgets_init', 'themeprefix_extra_widgets' ) Īdd_action( 'genesis_after_header','themeprefix_slider_widget' ) Register a New Widget Areaįirst thing is to register and position a new widget area for the slider. The slider will appear directly below the main menu above the sidebar and main content. This guide adds a slider to the home page only of the sample Genesis WordPress theme using Cyclone Slider 2 plugin, light weight and free.

That said, here is a guide to slap one in front and center of the home page. Sliders have been slammed a lot recently, notably for their effectiveness and usability, however within certain contexts they are still relevant and more importantly still popular with clients, their use may be more relevant to certain industries, their usage may be better suited to subtle areas of the page. Simply add the following CSS to your themes Custom CSS field in the Divi Theme Options.full-image-slider. To keep things short, we came up with a responsive solution that should work in most cases. Partly because of the weird combination of hardcoded properties, partly due to dynamically set properties via JavaScript and finally, there are some media queries involved as well. Either way, it is not what you want, right? There is no way around writing some CSS and to be honest, in that case, it was not the easiest thing to do. You either end up with a stretched or cropped background image or a way too small slide image. Well, we are sorry but this is just not possible with the standard module.

Add slideshow to wordpress theme 2017