---
title: Posts (Archive Posts)
description: "## Overview The **Post Grid widget in SiteCraft** allows you to display blog posts or custom post types in structured grid layouts. With 6 predefined styles and built-in pagination, you can create dynamic archive sections with flexible design and query…"
url: "https://sitecraft.themeshala.com/docs/posts/"
updated: "2026-04-27"
category: Dynamic Widgets
---

# Posts (Archive Posts)

## Overview

The **Post Grid widget in SiteCraft** allows you to display blog posts or custom post types in structured grid layouts. With 6 predefined styles and built-in pagination, you can create dynamic archive sections with flexible design and query controls.

---

## Key Features

- 6 unique post grid layouts
- Display posts and custom post types
- Archive-based query support
- Multiple column layouts
- Featured image, title, meta, and excerpt
- Built-in pagination support
- Optional “Read More” button
- Fully responsive design

---

## How to Enable the Widget

Before using the Post Grid widget, make sure it is enabled.

**Steps:**

1. Go to **SiteCraft → Dashboard → Widgets**
2. Find **Post Grid Widget**
3. Toggle to enable it
4. Click **Save Changes**

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-switcher.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-switcher.png)

---

## How to Add the Widget in Elementor

1. Open your page with **Elementor Editor**
2. Search for **“Post Grid”** under SiteCraft widgets
3. Drag and drop it into your section
4. Choose a layout and configure settings

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-scaled.png)

---

## Content Settings

Control post query and layout.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-content-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-content-scaled.png)

**Options:**

- **Layout** – Choose one of 6 styles
- **Post Type** – Posts or custom post types
- **Query Type** – Archive / Latest *(if available)*
- **Posts Per Page** – Number of items
- **Columns** – Grid layout
- **Show Elements** –
  - Featured Image
  - Title
  - Meta (date, author, category)
  - Excerpt
  - Read More button
- **Pagination** – Enable/disable

---

## Style Settings

Customize the appearance of the post grid.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-style-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-style-scaled.png)

**Available Controls:**

- **Typography** – Title, meta, excerpt
- **Text Color** – Customize colors
- **Image Styling** – Size, border radius
- **Card Styling** – Background, padding, border, shadow
- **Spacing** – Gap between items
- **Button Styling** – Colors and hover effects
- **Pagination Styling** – Colors, spacing, active state
- **Hover Effects** – Animations and transitions

---

## Advanced Settings

Fine-tune layout and responsiveness.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-advanced-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/posts-el-advanced-scaled.png)

**Includes:**

- Margin & padding
- Responsive visibility
- Motion effects
- Positioning
- Background & border

---

## Use Cases

Perfect for:

- Blog archive pages
- News sections
- Magazine-style layouts
- Custom post listings

---

## Result

You can now create dynamic, multi-layout blog sections using the **SiteCraft Post Grid Widget**, complete with pagination for better content navigation.