Using Posts For Dynamic Agend Info Cards

Posts is an Elementor element/widget that is very useful for being able to show dynamic content from various parts of your website. Whether that be news articles; blog posts; products; events and much more.

Agend’s theme provides extra capabilities when it comes to displaying that content so it looks good, it shows what information you want to (and hide the info you don’t), it is consistent throughout the website no matter what the content, and is re-usable for fast and easy content management.

By design, it looks similar to the static Agend Info Card widget that’s available. Read more about that here.

An example can be seen below:

Adding the Posts widget to your page #

Add a new section and choose the layout you wish to use.

On the left menu, click the “Elements” dice-looking icon to bring up all Elements and do a search for “Posts”. Drag and drop the widget that looks like the following into your new section:

Configuring the Posts widget #

There’s a significant amount of options to help you configure your Agend website and each scenario will be down to what your organisation’s brand, style and purpose for the content is. The documentation below will go into what the high-level configuration options are, but we encourage you to try out other options to get the exact look you’re after.

Posts Layout #

This is the area where the main look-and-feel items are configured. The major item is to choose which Skin will suit your needs best. In our example, we’re going to choose “Agend Theme (divided cards)”. This provides a very flexible and aesthetically pleasing method for displaying data of all sorts.

The options you then have below all relate to what content you want to show in each of those “cards” and how many to show:

The main “Layout” section of the widget configuration has the following options:

As shown, most are self-explanatory or have instructions about what each item does. Again, we encourage you to try a variation of combinations to suit your particular needs.

The next part describes more about what content you want to show for each card:

As can be seen above, this is where you have further control on what information gets shown, how it gets shown and how call-to-actions (CTAs) and other information is automatically added to each card for uniformity.

Source of the Posts Data #

The Query section is where you are able to identify what is going to provide the Source of the cards (eg Posts, Pages, Products etc). This can be seen below:

In the example above, the section will display “Posts” (eg news articles) that are posted at any time (eg Date is set to “All”), the cards are set to order by “Date” and the order is “DESC”, meaning that it’ll show all news items from most recent to oldest.

“Ignore Sticky Posts” simply means that when ticked, posts that are marked as “Sticky” won’t get shown in this widget like they normally would as “Sticky” posts will always display, no matter if they fit the query or not.

Pagination #

If you wish to show more than the 6 posts as per this example on the site, “Pagination” can be set to show via a number of methods. These can be seen below.

Tip: Duplicate the widget for quick content entry #

By right clicking on the Posts section, choose “Copy” as seen below. You can then paste that into a section to replicate the Posts widget and you can then simply edit the specifics (source, how many to display and so-on) to quickly create new and consistent copy:

Powered by BetterDocs