WP Latest posts documentation

Introduction

WP Latest Posts is a WordPress extension used to display your latest content in a smart way.
Note: This support documentation contains information about both the free and commercial versions. It may include the feature you won’t have access to in the free version.

WP-Latest-posts-themes

Main advantages:

  • Unlimited WP Latest Posts instances
  • Insert news blocks in the editor from a button
  • Display as a widget
  • Select the number of columns and pages
  • Slider effect + 5 themes
  • Order content in each block with AJAX
  • Automatic animation
  • Automatic content crop... and more!

 

I. WP LATEST POSTS INSTALL

1.1 Install

WP Latest Posts is composed of a free version, available on the plugin directory, and a paid one - an addon that contains additional themes and configuration.

Install the free version

In order to install our plugin, you should use the standard WordPress installer or unzip and put everything in the folder in the /wp-content/plugin directory.

The free version is available in the plugin directory and can be installed through the WordPress admin.

image5

 

Install the pro addon

The pro addon needs to be purchased and downloaded from JoomUnited. To install, download the zip package from your account (My account menu) and install it using the zip uploader: Plugin > Add new > Upload plugin.

Then click on activate plugin, to see the WP LATEST POSTS menu appear on the WordPress left menu.

image6

 

1.2 Update the plugin

In order to update the WP Latest Posts plugin, you need to use WordPress' default updater. For the free plugin, it works automatically like any other WordPress free plugin. Click on update and you’re done. You can also remove and install the new version. In any case, you won’t lose any content because everything is stored in the database.

 

image7

 

Be sure to always have the latest version and addon package. You need to update both. To update the paid version, you need to login to your JoomUnited account from the WordPress settings: Settings > General.

image8

 

Then use your JoomUnited account login and password. After a successful login, the button turns to blue with the text “Disconnect my JoomUnited account”.

image9

 

Then finally, you can update all the JoomUnited commercial plugins from the WordPress standard updater.

image10

NOTE: The PRO ADDON is required to be updated along with the plugin itself. This is mandatory to maintain stability with all the WordPress core updates (like any plugin).

 

II. WP LATEST POSTS COMMON USE

The main idea of WP Latest Posts is to display your content the way you want using an instance of the plugin as a widget or in the editor. WP Latest Posts works on every WordPress WYSIWYG editor. For example, you can use it in post and pages.

 

2.1 Add a WP Latest Posts instance

When WP Latest Posts is installed you have a left menu entry that allows you to add a new instance of a news block. Click NEW BLOCK to generate a new instance.

image11

 

The interface of WP Latest Posts will be loaded and will help you to configure:

  • The content source
  • The display
  • The image source
  • Advanced parameters

 

2.2 Content source configuration

Add a title and start the configuration. 

content-news-selection

The configuration is divided into tabs.

 

Content-source-Post

 

The content source tab helps to choose the content you want to load in the new instance. You have the possibility to load:

  • WordPress posts from a selection of categories
  • Select individual pages
  • Select post tags
  • Load content from custom post types with taxonomy

 

The custom post type selection will activate a dropdown list where you can select:

  • The custom post type
  • The custom post type taxonomy (not mandatory, if available)
  • The custom post type term or category (not mandatory, if available)

 

Here's an example in WooCommerce

custom-post-woocommerce

 

An ordering can be also defined for each content source.

 

Note that in the PRO version you will have more options, like a date filter

date-select-calendar

 

The Order by is a parameter to set-up how the news is sorted, including by:

  • Date of content publication
  • Title (alphabetical)
  • Random order

order-content

 

2.3 Display and default theme

The display and theme tabs will offer options to set how your content will be displayed in this instance.

Display-Theme

 

 

 

The number of pages with posts will add pagination depending on the amount of content you have and the theme you’ve chosen; this is the same for the columns. For example, if you are loading 10 posts from a category with 2 columns and limited to 3 pages, this is what you’ll get:

image16

 

In this example, there are only 10 articles because the page number is limited to 2. You have also a possibility to add a limit on the element number.

 

Depending on the theme, some parameters may be set automatically. For example, for the smooth slider, you can’t set the column number - it's set automatically depending on the width available.

In the default theme, you can now customize the Read more button, Overlay image, and Arrows' color.

Theme-Settings-2

 

in the TEXT SETTINGS  tab, you'll be able to define all the options related to the text display and functionality. Show title will add or remove the news instance title.

Text-Settings

The crop option will cut short your content, adding a read more button (eventually). You can crop your content using lines (in CSS), the number of words or chars. 

The ANIMATION tab helps you to configure if the slide effect will be enabled by default or not. 

Animation

 

The theme section helps you to define a display style that will be applied to this new instance, as the preview shows.

theme-selection

 

In the default theme, you can use the item configuration block to add or remove some details.

content-selector

In the Grid and Category grid themes, you got an additional option to load more posts in AJAX.

load-more

 

2.4 Image source configuration

The image source configuration is about what and how to load images. You can define to load the featured image or the first article image detected in your content, and the thumbnail size. The 3 default WordPress sizes are available.

Image-Size

 

A crop feature is also available to make the image fit exactly the size that you want. A margin value can be applied to each image to prevent text going over images. You can set a default image in case there’s no image in your content.

image-source

 

2.5 Advanced parameters

The advanced parameters are used to set the date format or to override the read more text. A custom CSS field is also available to apply custom CSS on the news block. The <php> shortcode allows you to add your news instance inside a page layout, for example.

advanced-paramaters

 

III. ADDITIONAL THEMES

 

With WP Latest Posts addon you get additional themes.

 

3.1 Category grid theme

The category grid theme is a masonry wall (nested news wall) with an effect on hover that displays the custom post type of your post. For example in the following image, it’s an image post type.

image22

 

In this theme, you won’t be able to select the number of pages, the pagination, the animation, and the content block position; for display reasons and to be fully mobile-compatible, this is done automatically.

 

3.2 Grid theme

The Grid theme is a masonry wall like the category grid theme (nested news wall). The main difference will be the hover effect and that you’ll have the read more button and the date displayed.

image23

 

In this theme, you won’t be able to select the number of pages, the pagination, the animation, and the content block position; for display reasons and to be fully mobile-compatible this is done automatically.

 

3.3 Smooth hover theme

The smooth hover theme is an automatic slider theme.

image24

In this theme, you won’t be able to select the number of pages, columns, the pagination, the animation, and the content block position; for display reasons and to be fully mobile-compatible this is done automatically.

 

3.4 The timeline theme

The timeline theme is a theme to display your latest content as a timeline.

 

image25

 

In this theme, you won’t be able to select the number of pages, columns, the pagination, the animation, and the content block position; for display reasons and to be fully mobile-compatible this is done automatically.

3.5 Portfolio theme

The Portfolio theme is a masonry wall like the category grid theme (nested news wall). The main difference will be the bigger image when hovering.

 

portfolio-theme

 

In this theme, you won’t be able to select the number of pages, the pagination, the animation, and the content block position; for display reasons and to be fully mobile-compatible, this is done automatically.

 

IV. ADD WP LATEST POSTS IN YOUR CONTENT

4.1 Adding in an editor

To add an instance you’ve previously configured, open a post or a page in any editor. You will get a new button dedicated to WP Latest Posts.

Latest-Insert

When clicked, the button will show all the WP Latest Posts instances you have, and lets you choose one to include in your content.

 

image26

 

When a new instance is added, it materializes as a block in your content.

image27

 

4.2 Adding a widget

WP Latest Posts can also be displayed as a widget. In your widget manager, you should see a widget called WP Latest Posts Widget. Use it!

image28

 

The widget use is quite simple, just select the instance to be loaded.

Enjoy!