How to add a WordPress slider to the end of all posts in Genesis Framework

Last updated on

Genesis is a popular WordPress theme framework. This tutorial will guide you how to display a WordPress slider at the end of all WordPress posts in Genesis framework.

There are three steps in this tutorial:

  • Step 1 - Create a WordPress slider with Wonder Slider and copy the provided slider shortcode
  • Step 2 - Install Genesis Simple Hooks plugin
  • Step 3 - Add the slider shortcode to Genesis hook

Step 1 - Create a WordPress slider with Wonder Slider and copy the provided slider shortcode

In Wonder Slider, create a WordPress slider and copy the provided shortcode.

You can view the quick start video: How to create a WordPress slider, you can also view the following quick start tutorial: How to Add a Slider to WordPress.

Step 2 - Install Genesis Simple Hooks plugin

In your WordPress backend, left menu, go to Plugins -> Add New, search "Genesis Simple Hooks" and install the plugin. It's an official plugin created by the developer of Genesis framework: https://wordpress.org/plugins/genesis-simple-hooks/.

Step 3 - Add the slider shortcode to Genesis hook

After you have installed the Genesis Simple Hooks plugin, in your WordPress backend, left menu, go to Genesis -> Simple Hooks.

In the Simple Hooks settings page, find the hook genesis_after_entry_content, add the slider shortcode to the input box and check the option Execute Shortcodes on this hook?.

[[wonderplugin_slider id=1]]

genesis_after_entry_content hook

Save changes and check your WordPress website. The slider will be added to the end of all posts and pages.

Add the slider to WordPress posts only

If you only want the slider to show up at the end of all posts, you can check the option Execute PHP on this hook? and change the code to:

<?php if (is_single()) { ?>
[[wonderplugin_slider id=1]]
<?php } ?>

genesis-posts-only

Add the slider to WordPress pages only

If you only want the slider to show up at the end of all pages, you can check the option Execute PHP on this hook? and change the code to:

<?php if (is_page()) { ?>
[[wonderplugin_slider id=1]]
<?php } ?>

genesis-pages-only