Post Carousel

Post Carousel

49,00 €

Create beautiful, dynamic post carousels with full color control.
Post Carousel lets you display posts in a fully customizable, mobile-optimized carousel: term-based colors, typography controls, precise badge positioning, autoplay, arrows/dots, custom heights, and a Gutenberg block with server-side rendering. Perfect for blogs, news sites, event listings, portfolios and more.

GUARANTEED SAFE CHECKOUT
  • Visa Card
  • MasterCard
  • American Express
  • Discover Card
  • PayPal

Description

Post Carousel

The most flexible, design-driven post carousel for WordPress.

Post Carousel allows you to display your posts in a fully customizable carousel with dynamic term colors, image/content layout control, precise badge insets, mobile typography, autoplay and navigation controls — all without writing a single line of code.

Designed for creators, agencies and content-heavy websites that want a polished and branded carousel component that adapts to any theme.

Key Features

🎨 Term-based dynamic colors

Each taxonomy term can have its own background and text color. The carousel automatically picks colors from the post’s assigned terms.

  • Category color badges

  • Automatic color inheritance for background + text

  • Works with all public taxonomies

  • Includes dynamic CSS classes (e.g. .is-catfull-categoryname)

🖼 Fully adjustable layout

Control how the carousel looks on desktop and mobile:

  • Image left / image right

  • Adjustable image width (%), from 20–80%

  • Custom height for desktop and mobile

  • Scroll or clipped content area

  • Inline and responsive typography controls

📱 Mobile-first design

Refine mobile appearance separately:

  • Font sizes for title, meta, excerpt and term badge

  • Mobile breakpoint setting

  • Mobile term badge padding

  • Mobile height setting

🏷 Precision badge placement

Place your taxonomy badge anywhere using exact insets:

  • top, right, bottom, left

  • Default elegant bottom-left placement

  • Custom padding, radius and font size

This gives full design freedom for brand-specific layouts.

🎚 Behaviour controls

  • Autoplay with adjustable interval

  • Arrows + dots

  • First slide auto-active

  • Optional debug output

📦 Gutenberg Block Included

A server-side rendered block (<lpc-carousel>) with all shortcode controls available.
No guessing, no surprises — what you see in the editor matches what you get on the frontend.

🧩 Developer-friendly

  • Full shortcode API

  • WPML-compatible

  • Dynamic taxonomy support

  • Modern CSS grid layout

  • Clean, readable HTML output

  • Lightweight scripts and no dependencies

🔐 One-time purchase with updates

Includes Lieska Licensing Core for automatic updates directly in wp-admin.

Shortcode

[lieska_post_carousel total="4" post_type="post" ...]

All parameters are documented in the user guide (included in the product).

Perfect for

  • Blogs & magazines

  • News & announcements

  • Portfolios

  • Events

  • Product showcases

  • Any site needing a branded, responsive carousel

If you want a post carousel that is not generic, but instead looks like it truly belongs to your site’s design — this is it.

What’s included

✔ The full Lieska Post Carousel plugin
✔ Gutenberg Block
✔ Shortcode API
✔ Term color controls
✔ Automatic updates via license key
✔ Documentation & usage examples
✔ One-time payment (no recurring fees)

Lieska Post Carousel v1.7.5
1.7.1
Ensimmäinen julkinen versio

Reviews

There are no reviews yet.

Be the first to review “Post Carousel”

Your email address will not be published. Required fields are marked *

Installation & User Guide — Post Carousel

Installation

Upload & Activate

  1. Log in to WordPress Admin

  2. Go to Plugins → Add New → Upload Plugin

  3. Upload the ZIP file lieska-post-carousel.zip

  4. Click Install Now

  5. Activate the plugin

Enter Your License Key

  1. Go to Settings → Lieska Plugin Licenses

  2. Scroll to Lieska Post Carousel

  3. Paste your license key

  4. Save

  5. Automatic updates are now enabled

Adding a Carousel to Your Site

You can add a carousel in two ways:

1. Using the Gutenberg Block

  1. Edit any page or post

  2. Click Add Block → Post Carousel (Lieska)

  3. Adjust settings from the right sidebar:

    • Query settings

    • Image & content layout

    • Typography (desktop + mobile)

    • Autoplay settings

    • Term badge styling & insets

    • Heights & mobile breakpoints

  4. Save / update the page

Rendering is server-side (SSR), so the frontend always mirrors the block preview.

2. Using the Shortcode

Add the shortcode anywhere:

[lieska_post_carousel]

To customize it, use the parameters below.

Shortcode Parameters

Query

Parameter Description Example
total Number of posts total="4"
post_type Post type post_type="post"
orderby Order field orderby="date"
order Sort order order="DESC"
tax_slug Taxonomy to filter by tax_slug="category"
terms Comma-separated term slugs terms="news,events"
color_tax Taxonomy used for color picking color_tax="category"

Layout

Parameter Description Example
image_pos left or right image_pos="left"
image_pct Image column width (20–80%) image_pct="40"

Typography (Desktop)

Parameter Description Example
title_fs Title font size title_fs="22px"
meta_fs Meta font size meta_fs="14px"
excerpt_fs Excerpt font size excerpt_fs="16px"
term_fs Term badge font size term_fs="13px"
term_pad Badge padding term_pad="4px 8px"
term_radius Badge border radius term_radius="4px"

Typography (Mobile)

Parameter Description Example
title_fs_m Mobile title size title_fs_m="18px"
meta_fs_m Mobile meta size meta_fs_m="12px"
excerpt_fs_m Mobile excerpt size excerpt_fs_m="14px"
term_fs_m Mobile badge font size term_fs_m="11px"
term_pad_m Mobile badge padding term_pad_m="2px 6px"
mobile_bp Breakpoint (px) mobile_bp="640"

Post Meta Controls

Parameter Description Example
show_date Show post date (1/0) show_date="1"
show_author Show author (1/0) show_author="0"
show_excerpt Show excerpt (1/0) show_excerpt="1"
date_format Custom date format date_format="j.n.Y"

Behavior

Parameter Description Example
autoplay Autoplay on/off autoplay="1"
interval Autoplay interval (ms) interval="6000"

Heights

Parameter Description Example
height Desktop height height="420px"
m_height Mobile height m_height="360px"
content_scroll clip or auto (scrollable text area) content_scroll="auto"

Precise Term Badge Insets

All optional. If none are defined, the badge defaults to bottom-left.

Parameter Example
term_top term_top="10px"
term_right term_right="12px"
term_bottom term_bottom="0"
term_left term_left="0"

Debug

Parameter Description Example
debug Dumps parameters + query debug="1"

Examples

Basic Carousel

[lieska_post_carousel]

Show 6 posts from a category

[lieska_post_carousel total="6" tax_slug="category" terms="blog"]

Mobile-optimized reading layout

[lieska_post_carousel
title_fs="26px"
excerpt_fs="18px"
title_fs_m="20px"
excerpt_fs_m="15px"
m_height="380px"
]

Autoplay + right-aligned image

[lieska_post_carousel
autoplay="1"
interval="4000"
image_pos="right"
image_pct="45"
]

Term Color Settings

You can assign colors to any public taxonomy:

  1. Go to Posts → Categories (or tags, or custom taxonomy)

  2. Add or edit a term

  3. Set:

    • Background color

    • Text color

These colors apply to:
✔ The term badge
✔ The carousel background
✔ All other color-aware UI elements

Dynamic Term Color Circles

The plugin generates helper CSS classes like:

.is-catfull-news
.is-catfull-events

Useful in templates or theme builders to show small color circles.

Gutenberg Block Instructions

  1. Insert Post Carousel (Lieska) block

  2. Configure:

    • Posts to show

    • Layout & image percentage

    • Desktop/mobile typography

    • Badge styling & insets

    • Autoplay + navigation

    • Heights

  3. Save and preview

  4. The block uses server-side rendering, so the output always matches the frontend.

Uninstalling

Deactivating the plugin leaves:

  • Term meta colors (not harmful)

  • No orphaned custom tables

  • No settings in options except the license key (lieska_post_carousel_license_key)

Related products