Display Posts Shortcode

The Display Posts Shortcode allows users to easily display listings of posts.

Add the shortcode in a post or page, and use the arguments to select based on tag, category, post type, and many other possibilities.

There are also some extra options to display something more than just the title: include_date, include_excerpt, and image_size.

You can also display the list in a Text Widget. See Embed Codes in widgets for details and examples.

For example [display-posts category ="news" ] will give you this:

 

The display-posts-shortcode Wiki on GitHub gives more details.


[display-posts post_type="page" post_parent="743"]

Will show pages whose parent has the id of 743

 

An way to find out the id of a page: In the Post or pages list, hover over the post title and the id is in the link shown in your status bar:

Screenshot how to find post ID from All posts page on dashboard


Here we include an excerpt and the date and limit the number of posts to three.

[display-posts category ="releases" include_excerpt="true" include_date="true" posts_per_page="3"]

  • Glow Blogs Updated 1 Feb 2024 (2/2/2024) - Fixed an issue with Google Analytics, the ‘Sessions and Views in the last 30 days graph for last 30 days’ is now showing properly. There may still be a problem with very old blogs not being able to display the Analytics data. Fixed upload of m4a audio files in block editor Audio Block. Plugin updates … Continue reading Glow Blogs Updated 1 Feb 2024
  • Glow Blogs Update: More Blocks & More (9/27/2023) - Glow Blogs has undergone an update, including fixes for various issues and notable improvements. Fixes Improvements Still to fix
  • Glow Blogs Update June 2023 (6/28/2023) - The WordPress version is now 6.2 We have included new themes Twenty Twenty-two & TwentyTwenty-Three WordPress 6.2 and the new themes bring Full Site Editing to glow blogs.

And here we don’t have a list but put each post in a div.

[display-posts category="issues-news-2" include_excerpt="true" wrapper="div" posts_per_page="3"]

Glow Blogs Twitter Changes - Twitter/X keeps changing the goal posts for integration with other systems. Recently they have stripped out most of the functionality for free third party use.
Forms in the Block Editor - We have just added a lot more blocks to use in the Block Editor. Unfortunately the Forms are not working properly. The Developers are working on a fix. Workaround In the meantime the Jetpack Contact form still word as expected in the classic editor. If you switch to the classic editor for a post or … Continue reading Forms in the Block Editor

We can use some custom css, this is added via the Jetpack Custom CSS module.

[display-posts category="issues-news-2" include_excerpt="true" wrapper="div" posts_per_page="3" wrapper_class="examplecss"]

Glow Blogs Twitter Changes - Twitter/X keeps changing the goal posts for integration with other systems. Recently they have stripped out most of the functionality for free third party use.
Forms in the Block Editor - We have just added a lot more blocks to use in the Block Editor. Unfortunately the Forms are not working properly. The Developers are working on a fix. Workaround In the meantime the Jetpack Contact form still word as expected in the classic editor. If you switch to the classic editor for a post or … Continue reading Forms in the Block Editor

 


 


.page-id-388 .site-content .entry-header,
         .page-id-388 .site-content .entry-content,
         .page-id-388 .site-content .entry-summary,
         .page-id-388 .site-content .entry-meta,
         .page-id-388 .page-content {
    margin: 0 auto;
    max-width: 800px;
}

/* for display posts shortcode page */
.page-id-1403 .examplecss .listing-item {
    width: 30%;
    float: left;
    padding: 3px;
}

.page-id-1403 .examplecss a.title {
    display: block;
    width: 100%;
    font-weight: bold;
    text-decoration: none;
    background: lightyellow;
    border: solid 1px #ccc;
}

.page-id-1403 .examplecss .excerpt-dash {
    display: none;
}

If your posts use featured images you can use them too. Here is an screenshot example from the Blogging Bootcamp #2 blog.

Screen Shot displayposts example with Featured Images

 

This uses:

[display-posts category="announcement" wrapper="div" wrapper_class="ann-grid-layout" image_size="thumbnail" order="ASC"]

And this CSS:

.page-id-632 div.listing-item {
    float: left;
    width: 150px;
    margin: 3px;
    border: solid 1px #eee;
    padding: 3px;
}

.page-id-632 .ann-grid-layout {
    width: 500px;
}

Leave a Reply

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

Help for Glow Blogs

Report a Glow concern
Cookie policy  Privacy policy

Glow Blogs uses cookies to enhance your experience on our service. By using this service or closing this message you consent to our use of those cookies. Please read our Cookie Policy.