--- title: "Divi Post List Pro" url: "https://divipeople.com/docs/post-list.md" canonical: "https://divipeople.com/docs/post-list/" published: "2025-11-20" modified: "2026-07-09" author: "Fahim Reza" tags: - "Divi Blog Pro" --- # Divi Post List Pro **Divi Post List Pro** displays your posts in a compact, clean list — each row with a small thumbnail, title, excerpt, and meta. It is perfect for sidebars, "latest posts" sections, footers, and any minimal content area, and it can also switch into a multi-column grid when you need more density. ## Key Features - **List or grid layout** — vertical list by default, or a grid with 1–8 responsive columns. - **Compact rows** with a small featured image and optional list icon. - **Powerful query controls** — post types, categories, custom taxonomies, include/exclude by ID, offset, and ordering. - **Pagination built in** — numbered pages or Previous/Next navigation. - **SEO-friendly titles** — choose the heading level (H1–H6 or paragraph) per module. ## Adding the Module 1. Edit a page with the **Divi Visual Builder**. 2. Add a new module and search for **Post List Pro**. 3. Your latest posts appear as a list — open the module settings to configure the query, elements, and design. ## Content Settings ### Query The Query toggle controls which posts appear in the list. 1. **Post Type** – Choose the content type to display: Posts, Pages, or a public custom post type (default: Post). 2. **Included Categories** – Show only posts from the selected categories. 3. **Custom Taxonomy** – Filter by a custom taxonomy instead of categories. 4. **Taxonomy Terms** – The terms (IDs or slugs) to match within the chosen taxonomy. 5. **Order By** – Sort posts by Date, Title, ID, Author, or Random (default: Date). 6. **Sort Order** – Ascending or Descending direction. 7. **Post Limit** – How many posts to show per page (default: 6). 8. **Date Format** – Customize the displayed post date using standard WordPress date formats. 9. **Post Offset Number** – Skip a number of posts before the list starts (default: 0). 10. **Include Posts by IDs** – Display only the posts whose IDs you list. 11. **Exclude Posts by IDs** – Hide specific posts even when they match the query. ### Layout Settings The Layout Settings toggle controls which elements each list item shows. 1. **Show Image** – Toggle the featured image thumbnail (default: On). 2. **Image Size** – Thumbnail, Medium, Large, or Full. 3. **Show Title** – Toggle the post title (default: On). 4. **Title Heading Level** – Render titles as H1–H6 or a plain paragraph. 5. **Show Excerpt** – Toggle the post summary (default: On). 6. **Excerpt Length** – Number of characters shown in the excerpt (default: 150). 7. **Show Author** – Display the author name (default: Off). 8. **Show Date** – Display the publish date (default: Off). 9. **Show List Icon** – Display a small icon/bullet in front of each item (default: On). ## Design Settings The Design tab styles every part of the list with Divi's full typography, color, spacing, border, and shadow controls. - **List Style** – Layout Type (List or Grid, default: List), Grid Columns (1–8, default: 4, responsive), Item Spacing, and Content Alignment (default: Left). - **Image Style** – Thumbnail Width (default: 60px), Height (default: 60px), and Spacing (default: 12px). - **Post Title** – Typography, color, and hover styling for titles. - **Post Excerpt** – Typography and spacing for the summary text. - **Meta** – Typography and color for the author and date line. - **Post Box** – Background, border, box-shadow, and spacing of each list item. - **Pagination** – Pagination Type (None, Numbers, or Previous/Next), alignment, and colors. ## Tips & Notes > **Sidebar usage** > Post List Pro is designed to stay readable in narrow columns. In a sidebar, keep the default List layout, use the Thumbnail image size, and reduce Excerpt Length (or turn the excerpt off) for the cleanest result. > **Heading hierarchy** > If the module appears in a sidebar next to page content that already uses H2/H3 headings, set **Title Heading Level** to a lower level (or paragraph) to keep a correct on-page heading structure for SEO. ## FAQ ### Can the post list show multiple columns? Yes. Set **Design → List Style → Layout Type** to Grid, then choose the number of columns (1–8) per device. ### How do I hide the small icon in front of each item? Turn off **Layout Settings → Show List Icon**. ### How do I change the thumbnail size? Use **Design → Image Style** to set the exact width and height in pixels (default 60×60), and **Layout Settings → Image Size** to control which WordPress image size is loaded. ### Does Post List Pro support pagination? Yes. Set **Design → Pagination → Pagination Type** to Numbers or Previous/Next. Posts per page follow **Query → Post Limit**.