How To Create A Site Map With Post Images And Descriptions In WordPress

Learn how to create an HTML site map with post images and descriptions for your visitors without touching code in this WordPress ‘quick tips’ tutorial …

How To Create A Site Map With Post Images And Descriptions In WordPress

How To Create A Site Map With Post Images And Descriptions In WordPressSite maps are useful for helping visitors find what they are looking for quickly and easily on your site.

In this WordPress ‘quick tips’ tutorial, we’ll show you a simple and easy way to make your site map more attractive to visitors by including post thumbnail images and descriptions without modifying any code on your site.

In other tutorials, we show you how to create an HTML site map for your visitors and an XML sitemap for search engines.

To learn more about the differences between an HTML site map and an XML sitemap, what they are used for, and how to add them to your WordPress site, see these tutorials:

Most Visitor Site Maps Are Plain And Boring …

Normally, visitor site maps tend to look a little plain or boring, as most consist of a simple list of all the pages and posts on your site …

An HTML site map

(An HTML site map)

As explained in our tutorial on how to add an HTML site map to WordPress, you can easily add a site map for your visitors by installing a plugin (there are many site map plugins to choose from), and then copying and pasting the plugin’s shortcode in the page where you would like your site map to display …

Add a site map shortcode to your Site Map page

(Add a site map shortcode to your Site Map page)

Take Your Visitor Site Map To The Next Level …

Add Post Descriptions To Your Visitor Site Map

Instead of creating a site map for your visitors using a site map plugin, you can add a site map with post descriptions like this …

Add a site map with post descriptions for your visitors

(Add a site map with post descriptions for your visitors)

The above was created using a free plugin called Content Views.

Content Views

Content Views - Post Grid & List for WordPress

(Content Views – Post Grid & List for WordPress)

Content Views is a free WordPress plugin that lets you organize, filter, sort, and display content from selected posts, pages, or custom post types using different views and layouts (e.g. grid, table, list) and insert these views anywhere on your site using a shortcode …

Content Views WordPress plugin

(Content Views WordPress plugin)

The plugin is very easy to use and lets you create unlimited custom views and layouts without touching code.

Tip

‘Content Views’ is a powerful and versatile plugin that can do a whole lot more than just add an attractive site map to your site. For a tutorial that shows you how versatile and useful this plugin is, go here:

Add Images And Post Descriptions To Your Visitor Site Map

The free version of the plugin let’s you add post descriptions but offers limited functionality compared to the premium version (called ContentViews PRO), such as little control over  your post descriptions and no thumbnail images taken from your content.

To have full control of your post descriptions and the ability to display post thumbnail images on your site map, you will need to upgrade to ContentViews PRO

Site map with post images and descriptions

(Site map with post images and descriptions)

To add this enhanced site map to your site, create a “view” (i.e. a layout) that includes all of your posts and copy the shortcode to your clipboard …

Content Views Shortcode

(Content Views Shortcode)

Then paste the views shortcode into your content where you would like the site map to display …

Add the 'content views' shortcode to your Site Map page

(Add the ‘content views’ shortcode to your Site Map page)

Creating a ‘view’ is simple. Here is the process in a nutshell:

After installing the plugin, do the following:

1 – Create a new view and give it a title (e.g. Sitemap).

2 – In the ‘Filter Settings’ tab, select Content Type > Post (note: the premium version of the plugin lets you combine posts, pages, media, and other custom post types).

3 – Make sure that the ‘Include Only’ field is left blank to select all posts published on your site. To exclude posts from displaying on your site map, add the post ids of the posts you would like to exclude into the ‘Exclude’ field.

4 – Leave the ‘Limit’ field blank to display all posts on your site map.

5 – You can sort your list of posts if you like (e.g. alphabetically, by published or modified date, by comment count, etc.)

Content View - Filter Settings

(Content View – Filter Settings)

To configure how the site map will display to visitors, switch to the ‘Display Settings’ tab and change the settings to suit your preferences.

For example, to display a list of posts with one item per row, a  thumbnail image on the left, the post title and the post excerpt, do the following:

6 – In the Layout section, select ‘Grid’ view.

7 – Select 1 item per row.

8 – In the Format section, select ‘Show thumbnail on the left/right of text’ and adjust any other settings to suit (e.g. wrapping text around image), including Thumbnail Position (Left or Right)

9 – Configure your settings for Post Title, Post Thumbnail, and Content.

Content View - Display Settings

(Content View – Display Settings)

Below are screenshots of how the Fields Settings options have been configured for the Thumbnail image, Post Title and Post Description used in our example site map (using ContentViews PRO).

Useful Info

You can change the order of how your post images, post titles and post descriptions display in your views using drag and drop to reposition element layouts.

Post Title

For site map post titles, we just left the default settings (H4 heading) …

Content Views: Fields Settings - Title

(Content Views: Fields Settings – Title)

Post Thumbnail Image

For our example site map, we have configured the following settings:

  • Selected 150×150 thumbnail image size,
  • Enabled ‘Show all images in same size’ checkbox,
  • Added a style to the image (Shadow)
  • Selected to show an ‘Image’ if no featured image found (this automatically grabs an image from your content) …

Content Views: Fields Settings - Thumbnail

(Content Views: Fields Settings – Thumbnail)

Post Description

For the site map used in our example, we have configured the following settings:

  • Selected ‘Show Excerpt’,
  • Limited excerpt to 25 words,
  • Selected ‘Use manual excerpt (without modifying)’. This displays the post excerpt for each entry in the site map (instead of grabbing the first 25 words of each post, which the free version of the plugin does).
  • Enabled the ‘Read More…’ text to display for each entry (the premium version of the plugin lets you customize this section, including text, typefaces, button colors, etc.) …

Content Views: Fields Settings - Content

(Content Views: Fields Settings – Content)

As you can see, we have gone from adding a plain looking site map for your visitors like this …

Visitor site map created using a site map plugin

(Visitor site map created using a site map plugin)

To adding a site map with post descriptions like this …

Visitor site map created using Content Views plugin

(Visitor site map created using Content Views plugin)

To adding a site map with an attractive layout for visitors that includes post thumbnail images and customized post excerpts like this …

Visitor site map created using ContentViews PRO plugin

(Visitor site map created using ContentViews PRO plugin)

We hope that you have found this ‘quick tips’ tutorial on how to create a visitor site map with post images and descriptions in WordPress useful.

Tip

For loads of useful WordPress tips, sign up to our FREE 101+ WordPress Tips, Tricks & Hacks For Non-Techies e-course!

How To Create A Site Map With Post Images And Descriptions In WordPress

(Source: AustralianPrints.com)

***

"These tutorials have so much information and are easy to understand. If you use WordPress or plan to in the future these will help you with everything you need to know." - Valisa (Mesa, Arizona)

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not affiliated, associated, endorsed, or sponsored by WordPress, nor have they been tested, certified, or reviewed by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items advertised, linked to, or reviewed on this site.

***

Have you found this tutorial useful? Please feel free to use the share buttons below and share this article with others.

How To Reorder WordPress Posts, Pages, Categories & Tags

Learn how to sort and reorder posts, custom post types, pages, categories, tags, WooCommerce products, and other taxonomies inside WordPress …

How To Reorder WordPress Posts, Pages, Categories, Tags & Custom Taxonomies

How To Reorder WordPress Posts, Pages, Categories, Tags & Custom TaxonomiesBy default, WordPress sorts posts by the date they are published in reverse chronological order (i.e. from newest to oldest).

While this works fine in most situations, there may be times when you may need to rearrange the order of your posts or reorder how custom post types, pages, categories, tags, etc. display on your site.

In this step-by-step tutorial, you will learn how to sort and reorder posts, custom post types, pages, categories, tags, WooCommerce products, and other taxonomies inside WordPress without touching code.

How To Reorder WordPress Posts & Custom Post Types

WordPress orders posts in the same order that you publish them (i.e. based on the date and time they were published), but displays these on your site in reverse chronological order (i.e. from newest to oldest).

To understand what this means to your visitors, take a look at the screenshot below …

Default WordPress post sort order

(Default WordPress post sort order)

As you can see from the above example, if you write a series of posts meant to be read in sequential order (e.g. first Step 1, then Step 2, then Step 3, etc.) and publish these as you write, then WordPress will, by default, display the last published post first at the top of your list.

If you need to reorder posts, these are your options:

  1. Manually change the post’s publish date and time.
  2. Change code in your WordPress templates (not a  great option for non-techies, so we’ll skip this method).
  3. Use a plugin that will let you do this easily.

Change Post Publish Date And Time Manually

WordPress lets you reorder posts by changing its publish date & time …

You can reorder posts by changing their publish date & time

(You can reorder posts by changing their publish date & time)

This is fine if you only have a handful of posts, but it can become cumbersome and frustrating, especially if you have a large number of posts to reorder.

Also, if your posts require an accurate timestamp, then changing its publish date and time is not really an option.

Info

WordPress does let you sort posts in the backend (i.e. inside your admin area) by clicking on the column headers icons (e.g. sort posts by title in ascending or descending order, sort by date published, etc.) but it won’t save this order on the frontend (i.e. what users see). It’s just a way to help you find things more easily when working with posts.

This sorting method won't reorder posts for your site visitors

(This sorting method won’t reorder posts for your site visitors)

Reorder Posts Using Plugins

An easier way to reorder posts in  WordPress is to use a plugin. There are a number of plugins you can use to do this.

In the example below we’ll show you how to reorder posts in WordPress using a plugin called Post Types Order.

Post Types Order

Post Types Order

(Post Types Order)

Post Types Order is a free WordPress plugin that lets you order posts and custom post types using drag and drop.

Reorder posts using drag and drop

(Reorder posts using drag and drop)

To install the plugin, go to to Plugins > Add Plugins (see our tutorial on installing plugins if you need help) and search for ‘post order’.

Find the Post Types Order plugin and click on ‘Install Now’ …

Add Plugins

(Add Plugins)

Activate the plugin after installing it …

Activate the plugin

(Activate the plugin)

After installing and activating the plugin, click on the Settings Page link …

Click on Settings Page

(Click on Settings Page)

This takes you to the plugin’s settings page. You can leave the default settings as they are …

Post Types Order plugin settings

(Post Types Order plugin settings)

Scroll down to the bottom of the screen and click the ‘Save Settings’ button …

Click Save Settings

(Click Save Settings)

To reorder your posts, go to Posts > Re-Order

Posts > Re-Order

(Posts > Re-Order)

Drag and drop posts to rearrange their order …

Drag and drop to reorder posts

(Drag and drop to reorder posts)

Scroll to the bottom of the screen and click on ‘Update’ to save the new order of your posts …

Update post order

(Update post order)

Your posts will now display to visitors in the order you have arranged these wherever your website displays lists of posts …

Reordered posts

(Reordered posts)

The plugin also lets you easily reorder custom post types. Check out the video below to get a better idea of what you can do using the Post Types Order plugin …

(Reordering custom post type posts in WordPress)

For more details, visit the plugin’s website here: Post Types Order

Info

You can’t use this plugin to sort hierarchical post types (e.g. pages). To do this you will need to upgrade to the premium version of the plugin, which offers advanced features for ordering other taxonomy types (e.g. pages, categories, etc) or use one of the plugins shown in the section below.

How To Reorder WordPress Pages

WordPress pages are hierarchical post types, meaning that you can nest pages under other pages to create a hierarchical order …

WordPress Pages are hierarchical

(WordPress Pages are hierarchical)

If you need to reorder pages, these are your options:

  1. Manually change the order of your page by changing the publish date and time, order ID, or nesting it under a different parent page.
  2. Change code in your WordPress templates (not a  great option for non-techies, so we’ll skip this method).
  3. Use a plugin that will let you do this easily.

Manually Change Page Order

Just like posts, WordPress lets you reorder pages by changing its publish date & time (1). Additionally, you can reorder pages by changing the number in the Order field (2), or nesting it under a different Parent page (3) …

You can reorder pages by changing their publish date & time

(You can reorder pages using the WordPress Quick Edit feature)

You can perform all of these changes for each page you want to reorder using the WordPress Quick Edit feature.

Just like posts, this is fine if you only have a handful of pages to rearrange, but it can become cumbersome and frustrating if you you want to sort a large number of pages.

Reorder Pages Using Plugins

An easier way to reorder pages in WordPress is to use a plugin. Here are some plugins you can use to reorder pages in WordPress.

Simple Page Ordering

Simple Page Ordering

(Simple Page Ordering)

Simple Page Ordering is a free WordPress plugin that lets you order pages, hierarchical custom post types, or custom post types with “page-like” attributes using drag and drop.

The plugin is also “capabilities aware,” meaning that only users with permissions to edit other users’ pages (e.g. editors and administrators) can reorder content.

Info

This plugin cannot be used to sort general WordPress posts, as posts are not displayed by menu order – they’re displayed by chronology. To sort WordPress posts and pages using the same plugin, consider a premium plugin like Advanced Post Types Order.

To install the plugin go to your Add Plugins screen, search for “page order” in the Keyword search field, locate the plugin and click on the ‘Install Now’ button …

Install the plugin

(Install the plugin)

Activate the plugin after installation …

Activate the plugin

(Activate the plugin)

After activating the plugin, go to your Pages screen and drag and drop items to rearrange their page order …

Sort pages using drag and drop

(Sort pages using drag and drop)

The plugin also offers integrated help (click the “help” tab at the top right of the screen) …

Simple Page Ordering - help

(Simple Page Ordering – help)

Learn more about this plugin here: Simple Page Ordering

How To Reorder WordPress Categories & Tags

“Taxonomy” is just another way or organizing, classifying, or grouping different data in WordPress. For example, Categories and Tags are the default taxonomies used to organize WordPress posts.

Depending on what you want to do and the theme you are using on your website, you may need to sort or reorder how your categories, tags, or custom taxonomies display to users.

For example, if you use the Categories widget to display a list of post categories on your sidebar, your categories will be sorted in alphabetical order by default …

Default category sorting

(Default category sorting)

You may, however, want to rearrange the order that your categories display to your site visitors …

Custom category sorting

(Custom category sorting)

You could create a custom menu to display categories on your sidebar, but there could be other instances where you want to rearrange the order of your categories (or tags, or other taxonomies).  The easiest way to do this is using plugins.

The plugins below allow you to sort categories, tags, and custom taxonomies in WordPress.

Yikes Simple Taxonomy Ordering

Yikes Simple Taxonomy Ordering

(Yikes Simple Taxonomy Ordering)

Yikes Simple Taxonomy Ordering is a free WordPress plugin that lets you order all taxonomy terms on your site with a simple to use, intuitive drag and drop interface. This plugin works for WordPress core taxonomies (Categories and Tags) and any other custom taxonomies you have created.

To install the plugin go to your Add Plugins screen, search for “simple taxonomy ordering” in the Keyword search field, locate the plugin and click on the ‘Install Now’ button …

Add the plugin

(Add the plugin)

Activate the plugin after installation …

Activate the plugin

(Activate the plugin)

After activating the plugin, select Settings > Simple Tax. Ordering to configure the plugins settings …

Settings > Simple Tax. Ordering menu

(Settings > Simple Tax. Ordering menu)

Specify which taxonomies to enable by clicking on the drop down menu and selecting from the available options (categories and tags) …

Yikes Simple Taxonomy Ordering settings

(Yikes Simple Taxonomy Ordering settings)

Click the ‘Save Changes’ button when you’re done to update the plugin settings …

Save changes to update plugin settings

(Save changes to update plugin settings)

Now you can sort and reorder your categories using drag and drop …

Reorder post categories

(Reorder post categories)

You can do the same to sort and reorder your post tags …

Reorder post tags

(Reorder post tags)

Learn more about this plugin here: Yikes Simple Taxonomy Ordering

Another plugin you can use to sort categories and other taxonomies is Category Order And Taxonomy Terms Order.

Category Order And Taxonomy Terms Order

Category Order and Taxonomy Terms Order

(Category Order and Taxonomy Terms Order)

Category Order and Taxonomy Terms Order is a free plugin created by the same developers of the Post Types Order plugin.

After installing and activating the plugin, you can access the plugin’s settings by going to Settings > Taxonomy Terms Order

Settings > Taxonomy Terms Order

(Settings > Taxonomy Terms Order)

To use the plugin, go to Posts > Taxonomy Order and sort items using drag and drop, then save t update your settings …

Taxonomy Order screen

(Taxonomy Order screen)

The plugin developers also offer a premium version of this plugin with advanced features.

To learn more about this plugin, go here: Category Order and Taxonomy Terms Order

How To Reorder WooCommerce Products

If you use WooCommerce to sell products online, you can sort how your products display on the front end of your shopping pages using the plugin’s built-in drag and drop functionality.

If you have WooCommerce installed, go to your main admin menu and select WooCommerce > Products, then click on the Sorting tab …

WooCommerce Product Sorting Menu

(WooCommerce Product Sorting Menu)

You can now sort products using drag and drop …

Sort products in WooCommerce using drag and drop

(Sort products in WooCommerce using drag and drop)

You can also rearrange the order of your products when editing you product by clicking on the Advanced tab and entering a number into the Menu order field (e.g. 0, 1, 2, 3, 4, 5, etc.)

WooCommerce product menu order

(WooCommerce product menu order)

Useful Tip

You can also use negative numbers to sort items (e.g. -1, -2, etc). This is useful if, for example, you have already sorted products and you want a product to didsplay above all others.

You can also change the default product sorting method on your shop’s front end catalog by going to your WordPress Customizer, selecting WooCommerce > Product Catalog, and choosing one of the Default product sorting options:

  • Default sorting (custom ordering + name)
  • Popularity (sales)
  • Average rating
  • Sort by most recent
  • Sort by price (asc)
  • Sort by price (desc)

WooCommerce default product sorting

(WooCommerce default product sorting)

For more details, see the WooCommerce plugin page here: WooCommerce

Congratulations! Now you know how to sort posts, custom post types, pages, categories, tags, WooCommerce products, and other taxonomies inside your WordPress site.

How To Reorder WordPress Posts, Pages, Categories, Tags & Custom Taxonomies

Ladybug image: Pixabay

***

"Your training is the best in the world! It is simple, yet detailed, direct, understandable, memorable, and complete." Andrea Adams, FinancialJourney.org

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not affiliated, associated, sponsored, or endorsed by WordPress, nor have they been reviewed, tested, or certified by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items advertised, linked to, or reviewed on this site.

***

Did you enjoy this article? If so, please consider using the social buttons below and share this page with anyone thinking of starting their own business online.