Creating Post Slider/Carousel using AnyWhere Elementor Pro

You can use Post Blocks widget to create the Post Slider.

Note: You will need "AnyWhere Elementor Pro" ver 2.8 or greater for this. 

The process of creating Post Slider using Post Block widget includes 2 stages. 

  • Preparing design of the individual slide (using Block Layout)
  • Using Block layout created in the step above to create Post Slider or even carousel. 

Preparing the layout of single Slide 

Here is a sample slide layout for reference. It includes Post Title, Post Excerpt, and a Read More button. 

Follow the steps below to design a block layout (layout for a Slide) 

  • Go to AE Template -> Add New 
  • Add a suitable title and do configuration as mentioned below. 
    • Render Mode: Block Layout
    • Preview Post: Select a post that you want to see as a preview while designing the layout in the Editor. 
  • Also, select Template as "Elementor Canvas" so that you will get the plain canvas to design the layout. 
  • Now click on "Edit with Elementor" to design this layout in Elementor editor. 
  • In Elementor drag widgets Title, Post Excerpt and Post Readmore. Place them and design as per your layout. 
  • You can add featured images to section background. 
  • Give proper height, padding to the main section of the slider. Make sure to design it all in one main section and used a child section or columns as required. 

  • Once it is complete then just save and you can now exit this editor.  

  • It's half done. You have completed designing the layout of a slide for your Post Slider. 

Adding Post Slider to your Page/Post

  • Open the page on which you want to add Post Slider in Elementor editor mode. 
  • Drag AE - Post Blocks widget at the desired location in your layout. 
  • Now you will see the Block layout you have created under Block Layout dropdown. 
  • Under the "Query" section set all options to define the source of the Posts to be used in Slider. 

  • Under the "Layout" section define the way you want to display your posts. 

  • There are multiple options available like Grid, List & Carousel. For Slider, you will have to select the Carousel and set the number of slides below to 1. 

  • Once you have selected Carousel as layout, you will see another section below "Carousel". There you will get a lot of other options to configure the carousel (like speed, navigation controls, effects, etc. )

  • Configure these options as per your requirement. You will also get a lot of styling options under the Style tab to change the color and size of slider controls.

Still need help? Contact Us Contact Us