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)

***

"I have used the tutorials to teach all of my clients and it has probably never been so easy for everyone to learn WordPress ... Now I don't need to buy all these very expensive video courses that often don't deliver what they promise." - Stefan Wendt, Internet Marketing Success Group

***

How To Add An Events Calendar To WordPress

Learn how to add a calendar of events to your WordPress website or blog and how to schedule events …

How To Add An Events Calendar To WordPress

Are you looking for a way to keep prospective and existing customers coming back to your site?

Adding an events calendar to your site can keep your visitors, customers, and newsletter subscribers informed about upcoming in-store, community, or industry events, trade shows, workshops, conferences, etc.

It can also attract new prospects to your business, engage site users, and build authority in your niche or industry.

Additionally, you can monetize your WordPress site with paid event listings, sell event tickets, and more!

In this tutorial, you will learn how to add a calendar of events to your WordPress website or blog and how to schedule events in the events calendar.

How To Add An Events Calendar To WordPress

There are a number of WordPress plugins available that let you add an events calendar to your website or blog. For this tutorial, we’ll use a plugin called The Events Calendar.

The Events Calendar

The Events Calendar

(The Events Calendar)

Plugin Description

The Events Calendar is a free, feature-rich WordPress plugin that lets you easily create and manage a customizable events calendar on your site. It’s suitable for all kinds of businesses, from large hubs listing thousands of events and universities and colleges with thousands of users, to small or sole businesses listing classes, workshops, etc.

The plugin is also available as a premium edition with extensible features that let you expand its functionality to include recurring events, event submissions, event filtering, ticket sales, and more.

Plugin Installation

Although the plugin is described as “built by developers for developers,” it is easy for non-techies to install, set up, and use.

To install the The Events Calendar plugin from your WordPress dashboard, go to Plugins > Add New, enter “events calendar” into the Keyword search field (if you need help, see our tutorial on installing WordPress plugins), and click on the ‘Install Now’ button …

Install The Events Calendar plugin

(Install The Events Calendar plugin)

After installing the plugin, click ‘Activate’ …

Activate the plugin

(Activate the plugin)

Configuring The Plugin

Installing and activating the plugin adds a new menu item to the WordPress dashboard menu.

To configure the plugin’s settings, select the Events > Settings menu …

Events - Settings menu

(Events – Settings menu)

This brings up the ‘Events Settings’ screen …

'Events Settings' screen

(‘Events Settings’ screen)

The plugin is well supported and documented. To learn how to configure the plugin’s settings, select the Events > Help menu …

Events - Help menu

(Events – Help menu)

This brings up a screen with links to the plugin’s support section and help documentation, including a walkthrough on how to configure the plugin’s settings …

The Events Calendar - Support and Help screen

(The Events Calendar – Support and Help screen)

In addition to configuring your calendar settings, it’s a good idea to also plan your event categories before creating event listings.

Select the Events > Event Categories menu …

Events - Event Categories menu

(Events – Event Categories menu)

Adding event categories is just like adding post categories (see our tutorial on how to use post categories if you need help with this step) …

Add event categories

(Add event categories)

One last thing …

Make sure to add links to your Events Calendar on your site’s navigation menus …

Link to your Events Calendar on your main navigation menus

(Link to your Events Calendar on your main navigation menus)

The default URL for your Events Calendar should be something like http://yoursite.com/events (check your plugin settings to confirm the URL).

Using The Plugin

After configuring your plugin’s settings and event categories, you can begin adding events to your calendar.

To view or edit your event listings, select Events > Events

Events - Events menu

(Events – Events menu)

This brings up the ‘Events’ screen with all your event listings …

xxx

(Events screen)

Let’s go through an example on how to set up an event listing …

Let's set up an event listing

(Let’s set up an event listing)

Planning Your Events

Before adding a new event to the calendar, make sure you have the following:

  • Event details – start & end dates/times, cost, etc.
  • Venue details – venue name & address
  • Organizer details – name and contact details, website address, etc.
  • Event listing images – images for your content and listing thumbnail, and a featured image

Useful tip

In addition to content and featured images, we also recommend creating placeholder images for future events. This will allow you to set up “coming soon” events where you add event details later.

We also recommend uploading your content and placeholder images to a cloud storage service (e.g. Amazon S3) and your featured images to your WordPress Media Library.

To create a new event listing, log into your WordPress admin area and select the Events > Add New menu …

Events - Add New menu

(Events – Add New menu)

Note: You can also add a new event by clicking the ‘Add New’ button in the ‘Events’ area …

Events - Add New

(Events – Add New)

This brings up the ‘Add New Event’ screen …

'Add New Event' screen

(‘Add New Event’ screen)

Enter the following details into this screen:

(1) Event Title – Add the title of your event here.

(2) Event Listing content – Add a description of your event here (including content or placeholder images). See section below for useful tips on adding content to this section.

(3) Events Calendar fields – Add your event details here like time & date, location, event organizers, event website, cost, select whether to display Google map, etc. …

(4) Excerpt – Copy and paste an excerpt from your main content’s event description into the Excerpt field …

Event excerpt

(Event excerpt)

(5) SEO Details – If you have configured your site for automated traffic generation and installed an SEO plugin (e.g. Yoast SEO), add your event excerpt or description and a ‘focus’ keyword into your SEO section …

Add SEO details

(Add SEO details)

(6) Tags – Add tags just like you would if creating a post (see our tutorial on how to use post tags if you need help).

(7) Event Categories – Select your event category(ies).

(8) Event Options – Here, you can select options for your listing like Hide From Event Listings, Sticky in Month View (sticky events display first in your list of events), and/or Feature Event (highlights the event on your site).

(9) Featured Image – Add a featured image for your event listing here …

Set event listing options

(Set event listing options)

To help speed up the process when adding similar future event listings, we recommend creating event templates using your WordPress content editor. You can add the main elements as ‘search and replace’ tags and even add rotating advertising banner shortcodes in your template.

Create the template in the WordPress visual editor, then switch to the ‘text’ tab, select all content, paste it into into a plain text file, and save it to your hard drive …

Create event templates

(Create event templates)

This way, to create a new events listing, just:

  1. Open your events template and copy everything t your clipboard,
  2. Select the ‘Text’ tab in the WordPress content editor and paste the content from your clipboard,
  3. Switching back to the ‘Visual’ tab to view and edit the content …

Save time with an events template ...

(Save time with an events template …)

To finish creating the event listing, replace the placeholder image with your event (i.e. content) image …

Add your content image

(Add your event image)

Continue editing the rest of your content to create your event listing and remember to keep saving as you go …

Edit your event template to create your listing

(Edit your event template to create your listing)

Check that all event details and event settings are correct, then click ‘Save Draft’ or ‘Publish’ …

Publish your event listing

(Publish your event listing)

After publishing, preview your event listing to make sure that everything looks ok …

(Preview your event listing)

Also, go to your events section from your main menu …

Make sure that everything displays correctly (also check your event dates) …

Check your event listings

(Check your event listings)

Your event listing has now been added to your events calendar and can be promoted in your email newsletters, social media, etc.

Copy and use the event listing’s URL to promote an individual event, or refer visitors to the events calendar on your site to view upcoming events.

Events Calendar – Additional Features

The Events Calendar plugin lets you store a list of all event venues.

Go to Events > Venues

Events - Venues menu

(Events – Venues menu)

This brings up the Venues screen with a table of all your event venues …

Venues screen - Table of venues

(Venues screen – Table of venues)

Click on an item to edit venue details …

Venue information screen

(Venue information screen)

This lets you set up future event listings or edit existing items by selecting the venue from a drop-down menu …

Venue drop-down menu

(Venue drop-down menu)

Similarly, you can store information about event organizers in the  Organizers section (Events > Organizers) …

Events - Organizers menu

(Events – Organizers menu)

You can also use the premium Events Import feature to import events from Facebook, Google Calendar, iCalendar, etc. …

Events Import

(Events Import)

Note: The plugin also lets your users and site visitors import your event listings into their calendars …

Users can import your event listings into their calendars

(Users can import your event listings into their calendars)

The plugin also includes an Events Calendar widget

Events Calendar widget

(Events Calendar widget)

Use the widget to display a mini calendar on your sidebar …

Display a mini calendar on your sidebar

(Display a mini calendar on your sidebar)

As you can see, this is a comprehensive events listing plugin. If you need help using The Events Calendar features, see the Events Calendar Knowledgebase.

For more information about the plugin, check out the video below, or go here: The Events Calendar

(The Events Calendar – Plugin Overview)

You can also check out the plugin’s premium features by going to Events > Event Add-Ons or visiting the plugin’s main website

Events > Event Add-Ons

(The plugin provides a number of event add-ons with additional features)

Other WordPress Events Calendar Plugins

We have also written about other WordPress plugins that allow you to add event listings on your site or turn your entire website into an event listing directory, run event registrations, etc.  here:

Additionally, if you need help with general WordPress features used to create event listings, see our detailed tutorials below:

Adding an events calendar to WordPress is a powerful enhancement you can make to your website. We hope that you have found the above information useful.

How To Add An Events Calendar To WordPress

Some images sourced from Pixabay.

***

"I have used the tutorials to teach all of my clients and it has probably never been so easy for everyone to learn WordPress ... Now I don't need to buy all these very expensive video courses that often don't deliver what they promise." - Stefan Wendt, Internet Marketing Success Group

How To Convert WordPress Post Categories Into Tags And Vice Versa

Learn how to use the WordPress Categories and Tags Converter tool to convert categories into tags and vice versa. …

How To Convert WordPress Post Categories Into Tags And Vice VersaIf you are new to WordPress and not quite sure about the difference between WordPress post categories and WordPress post tags and how to use these to better organize and classify your content, then check out the tutorials below:

In this step-by-step tutorial, you will learn how to use the WordPress Categories and Tags Converter tool to convert post categories into tags and vice versa.

How To Convert WordPress Post Categories Into Tags And Vice Versa

Suppose your WordPress site has lots of categories that would work better as tags or that you use some tags in your content so often that these should really have been set up as post categories instead.

Let’s use an example to better understand why you may want to convert WordPress post categories into tags or tags into categories.

Let’s say that you decide to start a blog or website about dogs. Your initial plan is to write about different dog breeds, so you create many dog breed categories.

As your site grows with dog-related content, you discover that a better way to organize your content is to use categories like Dog Breeds, Dog Training, Dog Care, Dog Toys, etc. instead of posting content under individual dog breeds.

Many of your post categories would be better used as tags instead …

WordPress Post Categories

(WordPress Post Categories)

Creating new tags and deleting categories that are no longer required or vice versa, however, is not only time-consuming but what happens to posts that were assigned to those categories or tags? You would have to go through all your posts to change categories and reassign new tags.

A simpler way to handle the above is to convert categories into tags and vice versa using the WordPress Categories and Tags Converter tool.

Installing The WordPress Categories and Tags Converter

Before you can use the WordPress Categories and Tags Converter, you must first install the tool.

To do this, select Tools > Available Tools from your main WordPress amin menu …

WordPress Tools - Available Tools menu

(WordPress Tools – Available Tools menu)

This brings you to the ‘Tools’ screen. Click the link in the ‘Categories and Tags Converter’ section …

Categories and Tags Converter

(Categories and Tags Converter)

You can also access the ‘Categories and Tags Converter’ tool by selecting the Tools > Import menu …

WordPress Tools - Import menu

(WordPress Tools – Import menu)

Locate the ‘Categories and Tags Converter’ tool and click on the ‘Install Now’ link …

Install Categories and Tags Converter

(Install Categories and Tags Converter)

Once the importer has been installed, click on ‘Run importer’ to run the tool …

Run importer

(Run importer)

Using The WordPress Categories and Tags Converter

In the ‘Import’ screen, click on ‘Run importer’ to run the ‘Categories and Tags Converter’ tool …

Import - Run Importer

(Import – Run Importer)

The ‘Categories and Tags Converter’ tool provides you with two options:

Convert Categories to Tags

Convert 'Categories to Tags' screen

(Convert ‘Categories to Tags’ screen)

And Convert Tags to Categories

Convert 'Tags to Categories' screen

(Convert ‘Tags to Categories’ screen)

Convert WordPress Post Categories To Tags

To convert WordPress post categories into tags, click on the ‘Categories to Tags’ button …

'Categories to Tags' button

(‘Categories to Tags’ button)

Select all the categories to convert into tags …

Select categories to convert into tags

(Select categories to convert into tags)

Click the ‘Convert Categories to Tags’ button …

Click 'Convert Categories to Tags' button

(Click ‘Convert Categories to Tags’ button)

WordPress will process the request …

Category to tag conversion process completed!

(Category to tag conversion process completed!)

Info

All posts currently assigned to the category being converted into a tag will have that tag added to the post.

To confirm that the conversion process has been carried out successfully, select Posts > Tags in the main WordPress admin menu …

Posts - Tags menu

(Posts – Tags menu)

The ‘Tags’ screen should display all the categories you have converted into tags …

Tags screen

(Tags screen)

Convert WordPress Post Tags To Categories

To convert WordPress post tags into categories, click on the ‘Tags to Categories’ button …

'Tags to Categories' button

(‘Tags to Categories’ button)

Select all the tags to convert into categories …

Select tags to convert into categories

(Select tags to convert into categories)

Click the ‘Convert Tags to Categories’ button …

Click 'Convert Tags to Categories' button

(Click ‘Convert Tags to Categories’ button)

WordPress will process the request …

Tag to category conversion process completed!

(Tag to category conversion process completed!)

Info

When converted, all posts associated with tags being converted into a category will be assigned to that category.

To confirm that the conversion process has been carried out successfully, select Posts > Categories in the main WordPress admin menu …

Posts - Categories menu

(Posts – Categories menu)

The ‘Categories’ screen should display all the tags you have converted into categories …

Categories screen

(Categories screen)

Congratulations! Now you know how to use the WordPress Categories and Tags Converter tool to convert post categories into tags and vice versa.

How To Convert WordPress Post Categories Into Tags And Vice Versa

***

"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)

***