Flex Posts – Widget and Gutenberg Block

Description

Flex Posts is a widget to display posts in various different layouts. It is useful for a news site where you need to display a lot of posts in a page.

The widget is responsive so you can place it in any widget area. The widget content will adapt based on the width of its container. In a narrow area like standard sidebar, posts will be displayed vertically, but in a wider area, posts will be displayed in 2 or 3 columns depends on the container’s width.

Widget Settings

  • Title: Set the widget title. Leave it empty to hide the title section.
  • Title URL: Set the title link url. Leave it empty to disable link in the title.
  • Layout: Select a widget layout, from layout 1 to 4.
  • Post type: Select the post type. Options include: Post, Page, custom post types if available, and any.
  • Category: Select a category for the posts, or choose All Categories to disable this filter.
  • Tag(s): Set a post tag (using the tag slug). You can also use comma separated value for multiple tags. Prepending a tag with a hyphen will exclude posts matching that tag. Eg, featured, -video will show posts tagged with featured but not video.
  • Order by: Set the order in which the posts will be displayed. Options include: Newest, Oldest, Most Commented, Alphabetical, Random, Modified Date.
  • Number of posts to show: Set the number of posts displayed.
  • Number of posts to skip: Set the number of posts to displace or pass over.
  • Exclude current post: Choose to show or hide current post.
  • Show image on: Select in which posts the image will be displayed. Options include: All posts, First post only, or none.
  • Image size: Select image size from registered image sizes.
  • Show post title: Choose to show or hide the post title.
  • Show categories: Choose to show or hide the categories.
  • Show author: Choose to show or hide the author.
  • Show author image: Choose to show or hide the author image.
  • Show date: Choose to show or hide the date.
  • Show comments number: Choose to show or hide the comments number.
  • Show excerpt: Choose to show or hide the excerpt
  • Excerpt length: Set the number of words for the excerpt.
  • Show read more link: Choose to show or hide the Read More link.
  • Read more text: Set the text for the read more link. You can leave it empty to use the default text Read More.
  • Show pagination: Choose to show or hide the pagination links.
  • Block title HTML element: Choose the HTML element for the block title. Options include: h1, h2, h3, h4, h5, h6, div, p, span.
  • Post title HTML element: Choose the HTML element for the post title. Options include: h1, h2, h3, h4, h5, h6, div, p, span.
  • Additional class(es): Set a custom class for the widget container. You can use spaces to separate multiple classes.

Gutenberg Block

Since version 1.1.0, Flex Posts also includes a gutenberg block. You can add the widget directly into the post/page content with the WP 5.0 block editor.

Demo

Please visit the live demo here: Flex Posts Demo

Requirements

This plugin has been tested and works with at least PHP 5.3 installed in your environment. But we strongly recommend you to use the latest PHP version, as using older versions may expose you to security vulnerabilities.

Screenshots

  • Widget settings
  • Widget settings / Filter
  • Widget settings / Display
  • Layout 1 in sidebar
  • Layout 1 in content area
  • Layout 2 in sidebar
  • Layout 2 in content area
  • Layout 3 in sidebar
  • Layout 3 in content area
  • Layout 4
  • Block editor

Blocks

This plugin provides 1 block.

  • Flex Posts

Installation

  1. Upload the flex-posts directory to the /wp-content/plugins/ directory.
  2. In your WordPress dashboard, go to Plugins, search for Flex Posts and click Activate.
  3. Go to Appearance » Widgets to add Flex Posts widget into your widget area.
  4. You can also insert the widget from post/page edit screen. Click Add block button, go to Widgets section, and click Flex Posts to add the widget into your content area.

Reviews

Dawout 20, 2024
Very nice plugin, allows you make custom layouts with ease, I tried a lot of display post content plugin and by far this one is the best so far. However could use improvement. Total agree with the review “Almost perfect”. I’m using on very large websites and the bigger problem for me is unable to Exclude certain categories from showing, i’m just nit picking.
Mas 13, 2023
I’ve been using this for over a year now and like it a lot but there are 2 major problems. The first is you just have to scroll through a huge list of categories to find stuff. At first this is okay but as your site gets bigger and bigger it gets difficult to find stuff. I wish it had a search box above the list. Japanese lists are not sorted in the standard あいうえお order and that is also why this needs a search box. The other problem is you can’t select multiple categories to show the right posts if something is in two categories. It would be great if we could use the control key and select multiple items on the list like in other plugins.
Novanm 3, 2022
I wanted a widget that would display a single post; one of my choice. This simple plugin isn’t really intended to do that, but it’s very easy to use and friendly. The plugin allows you to query a keyword, so I just added a unique keyword to my post, and specified that word in the plugin’s config, and set the number of posts to display to 1, simple! And I like the way it looks so much, I’ll be using the plugin after I’m done with the single post I wanted it for.
Read all 24 reviews

Contributors & Developers

“Flex Posts – Widget and Gutenberg Block” is open source software. The following people have contributed to this plugin.

Contributors

“Flex Posts – Widget and Gutenberg Block” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Flex Posts – Widget and Gutenberg Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.11.0

  • Fixed a php error in widget title
  • Added show author image option

1.10.0

  • Added options page
  • Added disable css option
  • Added disable image size option

1.9.0

  • Fixed style not loaded on widget
  • Fixed layout 3 style in full width page
  • Added post title element option
  • Added block title element option
  • Added exclude current post option
  • Added custom order option

1.8.1

  • Fixed widget admin script
  • Added minified style

1.8.0

  • Fixed excerpt function
  • Fixed block deprecated warnings
  • Added show post title option
  • Added rtl style
  • Added image size option
  • Added additional classes option in widget
  • Added conditional logic to the widget/block settings
  • Added disable links in the editor
  • Changed Filter label to Query

1.7.1

  • Fixed language file path

1.7.0

  • Fixed the_date filter bug
  • Added order by modified date
  • Added any post type

1.6.0

  • Fixed excerpt length value bug
  • Fixed compatibility with older WordPress 5.x versions
  • Added alignwide and alignfull support
  • Optimized query results
  • Updated block registration to init hook

1.5.0

  • Fixed styles for WordPress default themes
  • Fixed other styling issues
  • Fixed a notice in thumbnail display
  • Updated compatibility to WordPress 5.3
  • Updated widget css load to lower priority
  • Updated args filter hook

1.4.1

  • Fixed css not loaded correctly

1.4.0

  • Added title URL
  • Added excerpt length
  • Added read more
  • Added pagination
  • Added exclude tags
  • Updated order by random to work with skip
  • Removed post number & skip limit

1.3.0

  • Added post type option
  • Added show image option
  • Added a filter hook to set template directory
  • Updated template tags to make the functions pluggable

1.2.0

  • Added a new layout (Layout 4)
  • Added filter by tags
  • Added order by random
  • Added a filter hook to modify block title
  • Updated image size filter hook
  • Updated row class & styling (changed fp-posts to fp-row)

1.1.1

  • Fixed excerpt display function

1.1.0

  • Added gutenberg block
  • Fixed some style issues

1.0.1

  • Fixed compatibility with old php versions

1.0.0

  • Initial Release.