In this article I’m sharing you how to easily create full width Genesis testimonials slider section using Focus, a free WordPress slider plugin.
Below are the summary of the steps we’ll be doing :
- Create Testimonials custom post type.
- Install Focus WordPress Slider
- Add custom hooks and actions to manage slider display
- Change styling – colors, fonts, etc.
Genesis Testimonials Slider Powered by Focus WordPress Slider
Follow the instructions below to create your full width Genesis testimonials slider.
Step 1 – Create Testimonials Post Type
On this tutorial, we won’t be using any CPT Plugins, but if you preferred using any; just go ahead on the next step.
Add the code below to your genesis child theme’s functions.php to create the custom post type we need.
Step 2- Install Focus WordPress Slider
Go to Plugins > Add New then search ‘focus slider’ or download the plugin manually here : https://wordpress.org/plugins/focus-slider/ then activate the plugin after installation.
Step 3- Manage Genesis Testimonials Slider Display
One of the best compatibility with Focus WordPress Slider with Genesis Framework is that it can be perfectly configured through hooks and filters just like Genesis. Add the code below to re-arrange the slider display and increase excerpt length.
Step 4- Genesis Testimonials Slider Styling
As you can see, the testimonials slider is working perfectly. All we need to do is for additional styling touch to looks well on the theme we are using. Just use the css below and change the color to your preference.
All set! The rest is up to your creativity.