> For the complete documentation index, see [llms.txt](https://modernpress-io.gitbook.io/modernpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modernpress-io.gitbook.io/modernpress/widgets/posts.md).

# Posts

### Introduction

The **Post Widget** in **ModernPress** allows you to display blog posts in multiple stylish layouts, making it perfect for news websites, magazines, and blogs. With customizable meta information, flexible positioning of images, and overlay styles, this widget enhances the way posts appear on your site.

***

#### Key Features:

✅ 11 Unique Layouts\
✅ Meta Information (Author, Date, Categories)\
✅ Multiple Image Placements (Top, Side, Overlay)\
✅ Two Newspaper-Style Layouts\
✅ Grid, List, and Classic Blog Styles

***

### Adding the Post Widget

{% stepper %}
{% step %}
Open your WordPress Dashboard.

{% endstep %}

{% step %}
Edit a page with **Elementor**.

{% endstep %}

{% step %}
Search for **"Post"** in the **ModernPress Widgets** panel.

<figure><img src="/files/I0AUIAfCUcl3rJso3aIH" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}
Drag and drop the widget into your section.

{% endstep %}

{% step %}
Select your desired layout and customize settings.

<figure><img src="/files/VnwnF4zu7N2ECVzAXs4J" alt=""><figcaption></figcaption></figure>

{% endstep %}
{% endstepper %}

***

### Layouts Overview

#### Layout 1 - Classic Blog (Image on Top)

📌 Displays post image above the title and excerpt.\
🎨 Best for **traditional blog designs**.

<figure><img src="/files/ypx0w5oncZYGJvfq9TnW" alt=""><figcaption></figcaption></figure>

#### Layout 2 - Image on Side (Left or Right)

📌 Post image appears beside the text.\
🎨 Ideal for **news and compact blog layouts**.

<figure><img src="/files/xEfpYztD9bGeMc5M7Ct4" alt=""><figcaption></figcaption></figure>

#### Layout 3 - Overlayed Title & Description

📌 The title and excerpt overlay the post image.\
🎨 Great for **modern and stylish blog sections**.

<figure><img src="/files/lB52w12YZG4P5xRweYa1" alt=""><figcaption></figcaption></figure>

#### Layout 4 - Meta-Focused (Author, Date, Category)

📌 Highlights post metadata with a clean layout.\
🎨 Works well for **personal blogs and editorial sites**.

<figure><img src="/files/kTSU1dbdPlQd7DQjQhIV" alt=""><figcaption></figcaption></figure>

#### Layout 5 - Grid View

📌 Displays posts in a multi-column grid.\
🎨 Perfect for **portfolio-style or magazine blogs**.

#### Layout 6 - List Style

📌 Posts are arranged in a single column with small images.\
🎨 Suitable for **news sites and article directories**.

#### Layout 7 - Minimal Text-Based Layout

📌 Focuses on the title and excerpt with a small image.\
🎨 Best for **text-heavy blogs or clean designs**.

<figure><img src="/files/y0DGd5nqgKFGukPOA0Cg" alt=""><figcaption></figcaption></figure>

#### Layout 8 - Newspaper Style 1

📌 A structured layout mimicking newspaper article arrangements.\
🎨 Ideal for **news websites and magazines**.

<figure><img src="/files/DKU9Z3nxwXZEMWWurasF" alt=""><figcaption></figcaption></figure>

#### Layout 9 - Newspaper Style 2

📌 A more complex newspaper-style layout with multiple columns.\
🎨 Great for **editorial and journalism websites**.

<figure><img src="/files/CgmAAqei730MmOQXEM2l" alt=""><figcaption></figcaption></figure>

#### Layout 10 - Full-Width Featured Post

📌 Highlights a single post in a large full-width format.\
🎨 Works well for **featured stories and trending articles**.

#### Layout 11 - Mixed Layout

📌 A combination of multiple styles, dynamically arranged.\
🎨 Best for **creative storytelling and magazine blogs**.

***

### Customization Options

#### Content Settings

📰 **Post Query** – Select posts by category, tags, or latest entries.\
🖼 **Image Position** – Choose top, side, or overlay styles.\
✍️ **Meta Information** – Show/hide author, date, and categories.

<figure><img src="/files/0hkkV7dPg1YT9VYRkkFx" alt=""><figcaption></figcaption></figure>

#### Style Settings

🎨 **Typography** – Customize fonts, sizes, and colors.\
📏 **Spacing & Alignment** – Adjust margins and paddings.\
🔲 **Border & Shadows** – Enhance post cards with hover effects.

<div><figure><img src="/files/Tzof3YuwVPNpmkrzRbjX" alt=""><figcaption></figcaption></figure> <figure><img src="/files/edgJ4SpyFc68Z52evCBH" alt=""><figcaption></figcaption></figure></div>

#### Advanced Features

🖌 **Custom Excerpt Length** – Control the length of post summaries.\
📱 **Responsive Adjustments** – Optimize for mobile and tablet views.

***

### FAQs

<details>

<summary>Can I control how many posts are displayed?</summary>

Yes! In the **Content Settings**, you can set the number of posts to display.

</details>

<details>

<summary>Can I exclude specific categories or posts?</summary>

Yes! Use the **Post Query** settings to include or exclude specific posts or categories.

</details>

***

### Need Help?

For support, contact us at <support@modernpress.com>.