Latest Post Shortcode, the Easy Way to Display Posts
The “Latest Post Shortcode” helps you display a custom selection of articles as a list/grid (or slider), using your posts, pages, custom post types, products and variations, and attachments, without having to code or know PHP.
What’s New?
Version 14.0.0 introduces changes and additional features.
- Tested up to 6.7.1
- Tested with Elementor up to 3.27.2
- New filters for the available statuses, post types, and taxonomies
- Translation updates
- The block has been prepared for the next styles
- Accessibility improvements
- Added style menu element in the settings modal
- The settings modal styles were updated
- Settings modal options have been reorganized by purpose
- Fixed the card link when there is no read more text provided
- Fixed the space-between vertical alignment for the card elements
- Fixed the slider next/prev vertical position when the slider uses the dots
- Selectors improvements for the card elements
LPS Button in Classic Editor Restriction
Starting with version 12.0.0, the plugin has a new option that allows to remove the LPS button from the Classic editor for specified roles.
You can still use the deprecated version, but starting with version 13 the assets are no longer added by default, you have to enable this option from the setting.
Inline Scroller Output
The plugin has a new output option in 12.0.0, which allows you to display the cards as an inline scroller, for a more compact and minimalistic output. The scroller is using the snap-to-grid feature that all modern browsers are supporting.
The feature comes with the experimental counter options (also reverse). See the inline scroller live demo with more details about the new features, and the showcases of how the Latest Post Shortcode can be configured to create visually striking and tailored content cards.
Next/Prev Pagination
Version 12.0.0 implements the next / prev pagination option for a more compact view, and also additional helper filters that are usefull when you want to customize/replace the non-numeric elements of the pagination with your own icons.
LPS Block Supports & Settings
LPS Block supports for color (text, background, gradients, padding, margin), padding, and margin (if not disabled from the theme.json) can be used in starting with version 12.0.0. The options are not intended to override the block settings for the cards, but can be very useful when using the Gutenberg editor to change the general spacing and aspect of the block.
From Latest Post Shortcode Version 13 onwards, enhanced functionality has been implemented to manage nested blocks within the component hierarchy. This facilitates the creation of a clear visual distinction between content elements positioned above the card output.
WooCommerce Products Options
Starting with version 11.0.0, the plugin enables the price and add to cart options for products and product variations.
Gutenberg Block Variants
Type /lps or /card or /grid in the editor to filter out the blocks.
The initial block variations are the starting point for your custom content output. Check out some simple examples of content output, depending on the settings applied:
Horizontal Cards
The horizontal cards have two options:
- image + info (image on the left and post details on the right)
- info + image (post details on the left and image on the right)
Solving Plugin Translation in WordPress 6.7
With the release of WordPress 6.7, developers were introduced to some changes regarding…
Enhancing the WordPress Media-Text Block: Custom Spacing and Border Radius Fixes
This is my example of a simple way to extend the core…
- Total items: 27
- Load more ➞
This is an example of posts listed with pagination (two items per page), with total items text. Each item is displayed as a horizontal card (image first, then the post details), with image aspect ratio 1:1, stacked on mobile (the card is transformed into a vertical card on mobile), and the post details fill in the whole info space.
[latest-selected-content ver="2" perpage="2" showpages="more" loadtext="Load more ➞" pagespos="1" display="title,excerpt-small" titletag="h3" chrlimit="130" more="…" url="yes" image="medium" elements="25" default_padding="2rem" color_title="#ffffff" color_bg="#3a2d49" image_ratio="1" css="h-image-info has-shadow has-title-nodecoration has-title-uppercase has-radius content-space-between pagination-space-between has-stacked" type="post" status="publish" taxonomy="category" term="online-tools,tips-tricks" orderby="dateD" show_extra="dark_spinner,show_total,trim"]Vertical Cards
The vertical cards (and also the horizontal cards) enable the option for applying some spacing around the image. This gives the card a polaroid aspect.
Emails Catch All
This WordPress free plugin grants unparalleled control over outgoing emails from your application. Configure a catch-all…
Easy Replace Image
This plugin allows you to replace attachment files without deleting the attachment, hence without altering the media…
- Total items: 6
- Load more ➞
This is an example of posts listed with pagination (three items per page), with limit of only 6 items and with total items text. Each item is displayed as a vertical card (image first, and the post details below), image aspect ratio set to 3/2, the card image has the zoom effect and some space around it, and the post details fill in the whole info space.
[latest-selected-content ver="2" limit="6" perpage="2" showpages="more" loadtext="Load more ➞" pagespos="1" display="title,excerpt-small" titletag="h3" chrlimit="130" more="…" url="yes" image="thumbnail" elements="25" size_text="1rem" size_title="1.4rem" image_ratio="3/2" color_title="#000000" color_bg="#ffffff" css="two-columns as-column has-shadow has-title-nodecoration has-radius hover-zoom content-first-top pagination-space-between has-img-spacing" type="post" status="publish" taxonomy="category" term="plugins" orderby="dateD" show_extra="dark_spinner,show_total,trim"]Overlay Cards
This is an example of posts listed with pagination (three items per page), but limited to a maximum of 4 items (only two pages), and it shows also the total of items. Each item is displayed as an overlay card (the image is used as the card background), card aspect ratio is 4/5, the card has the highlight effect and an image with 30% opacity, the card has rounded corners and shadows, and the post details fill in the whole info space.
A Relaxing Autumn Break in Crete, Greece
Seeking a break from the busy summer, we escaped to Crete with our close friends, for a relaxed…
Testing the Ricoh GR IIIx HDF Camera on a Speed Photo Walk
This Saturday I got the opportunity to test the Ricoh GR IIIx HDF camera…
- Total items: 12
- Load more ➞
[latest-selected-content ver="2" limit="12" perpage="2" showpages="more" loadtext="Load more ➞" pagespos="1" display="title,excerpt-small" titletag="h3" chrlimit="130" more="…" url="yes" image="medium" elements="25" color_title="#ffffff" color_bg="#393256" image_opacity="0.2" card_ratio="4/5" css="two-columns as-overlay has-shadow has-title-nodecoration has-title-uppercase has-radius hover-highlight content-first-top pagination-space-between" type="post" status="publish" taxonomy="category" term="travels" orderby="dateD" show_extra="light_spinner,show_total,trim"]Styles Helper
Starting with version 11.0.0, the plugin enables new style options:
- text, title, and background color
- text and title size
- content vertical alignment: start, center, end, and space between
- drop shadow (the whole card)
- title shadow
- card border-radius
- image spacing (if enabled, this is inherited from the card padding, and defaults to 1rem, if nothing else is specified)
- image opacity (this option is for the overlay card)
- stacked on mobile (this option is for the horizontal card, and it transforms the card into a vertical card on mobile view)
- pagination horizontal alignment (when the shortcode is configured to use pagination)
The text, title, and background color options accept hex, RGB, and RGBA format, ex: #ffffff, rbga(255, 255, 255, 0.5), etc. Leave empty these options if you want to use the defaults. Also, if you want to apply the colors, you should remove the card’s generic aspect, as the light and dark options would override the color.
The text and title size options accept px, %, rem, em, vw, or vh as units, ex: 1rem, 24px, 2em, 2vw, etc. The option accepts the clamp() CSS function which creates a beautiful transition of the text size when the resolution changes, ex: clamp(1rem, 0.6rem + 1.25vw, 1.4rem), etc. Leave empty these options if you want to use the defaults.