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

You can change the following in the widget settings:

  • Layout (Layout 1 – 4)
  • Title
  • Filter by Category
  • Order by
  • Number of posts to show
  • Number of posts to skip
  • Show/hide categories
  • Show/hide author
  • Show/hide date
  • Show/hide comments number
  • Show/hide excerpt

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
  • 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
  • Block editor
  • Layout 4

Installation

  1. Upload the flex-posts directory to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  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

Very effective and versatile

This is a brilliant plugin. I have been using Flex Posts with the Gutenberg editor to create magazine-style landing pages with sections showcasing posts from different categories. This plugin makes it super easy and the results look great. I have also found additional CSS styling to be a breeze as the html generated by this plugin is very clear and logical with classes for all of the elements. Very well done! The four supplied post layouts are great, but can be styled further by displaying with or without images, or just the first post image - enabling the creating of an index page similar to Apple News or popular news sites. Being able to insert FP as widgets in the sidebar as well as a blocks in the main page makes it even more versatile. FP allows you to select posts of all, or a single category, and further filter them by tags. Brilliant for creating sections of distinct content. The only missing feature is the ability to exclude certain tags (e.g. display all posts in recipes, but exclude those tagged 'reviews'). This is nit-picking as the overall functionality is brilliant. Each FP block can display up to 100 posts (!) and these can be shown newest first, oldest first or random - which bring readers to content they might otherwise not come across - It also keeps your page live with fresh content. You can make FP sections look different by displaying or excluding excerpts, author, date, category etc. This makes even no-image lists look interesting. One surprising omission is that there is not option to display a read-more link or button - something that is standard on most plugins like this. Instead readers are forced to click on the title or image to get to the full article. In practise I have found this works just fine. Another feature I would like to see added in future updates is a way to change excerpt length as FP seems to pull this from WP global settings, but it would be nice to be able to set it on a per-block basis. The only issue I have run into is a conflict with Lazy Loader plugin although it only affects the back-end editor, not the front-end view. If I try to edit a page with Flex Posts in Gutenberg editor it does not pull in preview posts unless I disable Lazy Loading plugin first. This is a irritation but not a major flaw as everything still works even if you leave Lazy Loading active - you just don't get to see the live-preview in the Gutenberg editor. Congratulations to the Author for creating a very professional plugin.

Simple plugin

Love the plugin. It does what it says it should do. No complaints. Made this account just to give it a review. Though, it would be greater if there's an Order By Random. ๐Ÿ™‚

love it

I really love this plugin, please add the filter by tag feature for the next version, and more layout thanks.

Excellent plugin, but requires php 7.x

One of the best plugins for this "genre". However, I can only make it to work on my localhost running php v7.x. On my Godaddy host with php v5.6 the plugin even refuses to activate. Adding backwards support will increase the number of people using this awesome plugin. Thanks, Nick.
Read all 5 reviews

Contributors & Developers

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

Contributors

Changelog

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.