Play with Elementor! Unlock the hidden version of Post Carousel Shenanigans!

We can easily implement the article rotation effect without Elementor Pro. Installation Elementor respond in singing Essential Addons plugin, you can add a sliding display of the article module on the page, very suitable for "latest articles" "popular recommendations" and other content display. Below are the detailed steps, newbies can also quickly get started!

I. Installation of necessary plug-ins

To implement the post rotation feature, you need to install the following two free plugins first:

1. Install Elementor (free version)
   Login to WordPress Backend
   Go to "Plugins" → "Install Plugins".
   Search for "Elementor", click "Install Now", and then click "Enable".
2. Installing Essential Addons for Elementor
   Continue searching the plugins page for "Essential Addons for Elementor"
   Click on "Install" and enable it
   This plugin adds many useful components to Elementor, including "Post Carousel".

Step 2: Enable Post Carousel Component

1. On the left side of the backend click Essential Addons → Elements
2. Find "Post Carousel" in the list.
3. Make sure the switch is on

Step 3: Insert in the pagerotateassemblies

1. Open a page or create a new page and click "Edit with Elementor".
2. Click on the "+" sign in the upper left corner after the page loads to add a new paragraph
3. Enter "EA Post Carousel" in the component search box on the left.
4. Drag the "EA Post Carousel" to a blank area of the page.

Step 4: Set up article content sources

1. Click on the Post Carousel you just added and the settings panel will appear on the left side
2. Switch to "Content" options → find "Query" settings

3. Select the source of the article in the "Source" field, e.g. Post（Article, Page, Products or Manual.

4. Filter authors, categories, tags as needed
5. Exclude specific articles in "Exclude".
6. Set the number of posts displayed per page (Posts Per Page)
7. Choose how to sort (newest release, random, by title, etc.)

Step 5: Setupopening (chess jargon)Display Style

1. In "Layout Settings", select whether to display the following content: image, title, summary, author information.
2. You can set the image size and the number of words to be displayed in the summary.
3. Adjusting the position and display style of meta information (Meta)

Step 6: Setting up the rotation effect

1. Expand "Carousel Settings"
2. Choose the rotation animation style in Effect: Slide, Fade, Cube, Coverflow or Flip.
3. Set the number of articles per screen in the rotation (Visible Items)
4. Setting Item Gap and Image Height
5. Turn on "Autoplay" and set the speed.
6. The following functions can be enabled or disabled:
   • Pause on Hover
   • Infinite Loop
   • Grab Cursor style (Grab Cursor)
7. Set navigation: arrows only, paging points only, or both

Step 7: Setuplink (on a website)

1. Find the "Link" setting option.
2. Controls whether the following links are enabled:
   • Image click to jump
   • Title click to jump
   • Click on the "Read More" button to go there.

Step Eight:beautificationRotation styles

1. Switch to the Styles tab
2. Set in "Post Style":
   • Mouse hover icon
   • background color
   • Thumbnail Mask Color
   • Border styles and shadow effects

3. Set in "Colors & Typography":
   • Fonts, colors, alignment for title, meta-information, abstracts
   • Styles for navigation arrows and page breaks

Step 9: Save

Click the "Update" button in the lower left corner of the page to save the settings.

summarize

With the Post Carousel module in Essential Addons plugin, we don't need to buy Elementor Pro, we can also create a beautiful article rotation. It is easy to operate, practical and suitable for homepage recommendation, category selection, popular articles display and other scenarios.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off