How to create a WP Show Post

Sometimes you will want to put posts on your school or department home page that has multiple columns or only shows a specific number of posts.  To do this we need to create a WP Show Posts list item.

  • click on the “add new” link under WP Show Posts in your WordPress dashboard.
  • Enter a list title & select the post type (post is most common)
  • Under the taxonomy drop-down select category (most common), once you do that your current post categories will appear.  You can check one or all categories
  • go through each tab and setting until you have your desired look and layout.
  • copy the short code in the usage box on the right side
  • click save
  • paste the short code on the page where you want your posts to appear (homepage is most common), then save.
WP Show Posts add new list page
WP Show Posts add new list page

How to Create a Post Category

There are two methods to create a post category…

Method 1: The simplest way to create a new post category is when you create a new post.  On the new post screen go to the right side of the screen towards the middle of the page and click the add new category link.  This will create a new blank box where you can enter  your new category.

screen shot of category box
categories box located on the right side of the new post page

 

 

 

 

 

 

 

 

 

 

Method 2: The second way to create a category is to the categories section within the posts area of the dashboard.  From this screen you can create a new category or you can edit or delete an existing category.

screen shot of the edit categories page
categories screen, located under the posts section in the WordPress dashboard.

How to logout of WordPress

While in the Dashboard for your WordPress site, hover your cursor over the text “Howdy, your first and last name“.

Screenshot of Howdy Username at top right corner of Dashboard

 

Click on the text “Log Out”.

Screenshot of Logout Option on Dashboard

How to edit Site Identification and Tagline

While in the Dashboard, hover your cursor over “Appearance” in the left menu, then click on “Customize”.

Screenshot-Appearance and Customize

 

Click on “Site Identity”.

Screenshot - Site Identity Menu Item

 

Enter the name of your WordPress site in the “Site Title” field. Enter your address in the “Tagline” field. To create a line-break after the address, type “<br>” in the field. Be sure to click the “Save & Publish” button to save your information.

Screenshot-Site Title and Tagline Fields

Screenshot-Add break tags within Tagline

 

Know the Difference between Pages and Posts

Although “pages” and “posts” are created in the same manner and have titles and body text, their end uses are different.

Pages are generally reserved for static content. Examples are: About Us, and Contact Us and other pages on the menu.

Posts are similar to pages but can be categorized. Posts are most commonly used news, updates and other content that you might want displayed in more than on area of your webpage (or category). Generally posts are content that changes and/or may expires after a time-frame. These are usually displayed on the homepage.

How to Create a New Page

While in the Dashboard, hover your cursor over “Pages”, then click on “Add New”.

screenshot-Menu-AddPage

 

Enter the page title in the field. Enter text in the content area below. Be sure to click on the “Publish” button to save changes.

screen shot of the Add New Page

How to Create a Hyperlink to a Website (Opening in New Window)

To create a hyperlink to a website (without opening in a new window), be sure you are editing in “Visual” mode. (see the tabs at top right)

Highlight the snippet of text you wish to make into a hyperlink.

screenshot - highlight text

Click on the chain link icon on the menu. A box will pop up. Enter the URL of the website you wish to link to. Then click on the “gear wheel” icon to view link options.

screenshot - link options icon -

The link options window will pop up. Enter the URL of the website you wish to link to. Then check the box marked “Open link in a new tab”. Click on the “Add Link” button. Be sure to click on the “Publish” or “Update” button to save the page when finished.

screenshot-link options with checkbox to open link in new window

 

 

How to Hyperlink to a PDF (Method 1 – Copy/Paste URL)

While in the Dashboard, hover your cursor over “Media” and then click on “Library”.

screenshot-media library

 

Click on the “Add New” button.

screenshot- add new item in media library

 

Click on the gray “Select Files” button in order to browse for the PDF you wish to upload.

screenshot - select file

 

Select the folder containing the PDF you wish to upload. This folder may be on your local hard drive (e.g. “c” drive), the Shared drive, or on your external thumb drive. Click on the PDF you wish to upload then click “Open”.

 

screenshot - browse for file

 

 

The PDF will appear in your Media Library. Look to the Right section of screen and find the URL field. Copy this entire URL.

screenshot - select file and copy url

 

Once the PDF URL is copied, open the page, post, or menu item where you would like to create the PDF hyperlink. Paste the PDF URL into the field for URL.

 

 

Siteimprove Accessibility Report (Classic Mode) – Instructions

All main pagemasters will receive regular emails entitled Siteimprove Reports – CPS Accessibility.

Click on the Download link in order to view this report.

screenshot of SiteImprove Accessibility Report Email

 

 

On the Website Overview Screen, notice three (3) circular areas. Pagemasters are responsible for correcting A and AA issues, but AAA issues (far right) can be ignored.

 

screenshot of Siteimprove website overview

 

 

Additionally, pagemasters are only responsible for correcting the “Errors”, where indicated by Exclamation (!) points. “Warnings” and “Needs Review” can be ignored.

screenshot - siteimprove issues A and AA

 

Click on the number beside the Exclamation (!) point, in order to see the list of A or AA issues.

screesnot-closeup of number of AA issues

 

 

 

The Overall Progress screen lists the WCAG A/AA Standards that are being breached on the website.

In the example below, two Standards are listed: “Color contrast is insufficient” and “Element not highlighted on focus”.

screenshot-overall progress

 

After clicking on a link to a Standard (shown above), a Description of the WCAG 2.0 Standard will display in more detail.

siteimprove - description of WCAG 2.0 error

 

Additionally, an explanation of how the error can be fixed will display.

screenshot - siteimprove description of how to fix error

 

Further down the page will be a Bar Graph/Timeline depicting the number of pages containing this breach. It is desirable to see the bar (number of errors) drop over time.

screenshot - bar graph of pages with issue

 

Following the Graph is a List of Pages URLs on which this Error occurs. Click on a Page URL to view more information.

screenshot - Siteimprove - List of pages with issues

 

The detailed view the of Page URL will show the Error on the page (e.g. with a colored border around it) and more information about the error will appear at Left and Bottom.

Siteimprove QA Report (Classic Mode) – Instructions

All main pagemasters will receive regular emails entitled Siteimprove Reports – QA (Quality Assurance).

Click on the Download link in order to view this report.

screenshot-qa report download from email

 

On the Website Overview Screen, notice two (2) circular areas. Pagemasters are responsible for correcting Broken Links and Misspellings.

Broken Lnks and Misspellings

 

Click on “pages affected” if you have one (1) or more broken links indicated in the circular display. This will show a list of pages being affected by the broken link.

screenshot - number of pages affected by broken link

 

 

Click on the magnifying glass icon for more details about where to find the corresponding broken link(s) or broken links in (PDFs).

screenshot of broken link list

screenshot - broken links in PDFs

The detailed view of the broken link will show where the it may be found on a page. In the example below, the PDF linked from the menu is a broken link. The pagemaster should remove the link or upload the PDF to the Media Library in WordPress.

screenshot of broken link found on the menu of a page