Skip to content

WordPress

Our most common workflows, resources, and tools for web content editors.
MarComm 101 & 201

UMAC WordPress How-to

Getting Started

Resources

CBE Web

CBE Websites are built in WordPress using the W Theme. These resources will focus on common content editing tasks.

Access

Login to the multisite network here: https://be.uw.edu/wp-login.php. Your login name is your UWNetID. If Google Apps is enabled for your UWNetID, you can login via the blue Google button and your UW email address. If not, then you’ll need to create a wordpress password for access.

Pages

Pages are the backbone of your content set. Page layout is determined by Page template. Each Page has its place in the information structure determined by its Parent Page. Pages do not support Excerpt or Taxonomy parameters.

Page Template

Link to visual cookbook. Page templates include Default, Big and Small Hero, No Title/Image, and Jumbotron. Generally speaking, most content pages should use the same template for consistency. Most often this Default or No Title/Image. More visual pages are usually used sparingly, for home pages or landing pages for major content sections. (links for examples)

Page Parent

Page Parent is important for establishing site structure. Setting a Page’s parent impacts the URL of the Page, and is what is used to build sidebar navigation menus. Several pages with the same parent are called siblings. The order in which sibling pages are listed is driven by Display Order parameter, smaller numbers showing first.

Sidebar Navigation

If a Page has the sidebar enabled, the first content in the sidebar should be a navigation menu. This menu will begin with the Parent of the current page. Then, all sibling pages will be listed — that is, all pages that share the same parent. For the current page only, any child pages will show, that is, pages whose parent is the current page. It is important to ensure the sidebar and any main main dropdowns are in agreement and link order and names match.

Revisions

On complex pages, it’s easy to break things. Rather than try to rebuild things, locate the Revisions link and browse through the history of the page to restore a working version, then continue your edits.

Posts

Posts differ from Pages in several key ways. Posts are generally structured chronologically, and by taxonomy (usually Category). Posts use Featured Image and Excerpt to offer a short introduction to the full post content, which we use in sidebars, blog pages, and even to populate bulk email.

Taxonomy

All posts should be tagged appropriately. This will differ site to site. Most common will be the Category taxonomy, but you may also work with custom taxonomies such as Role, Research Theme, Person, Community, Topic, etc. Taxonomy allows us to group and filter posts, and is critical to getting content in front of the right audience.

Excerpt

Excerpt should be a short(400 chars) blurb introducing the post to a public audience. Excerpt will show on post archive pages, anywhere the blogroll shortcode is used, and when a post is shared via social media or email.

Featured Image

Each post should have a featured image for visual interest on archive pages and when sharing the post via other media channels. Follow guidelines for image size and dimension, and always provide alt text.

Redirection

When a post’s full content is published elsewhere, we use Redirection. Create a post with excerpt, featured image, title, and taxonomy tags. then, under Tools -> Redirection, redirect the blog post URL to the full post URL.

Text

text/visual editor, watch for markup, divs esp. clear formatting. taxonomy. Excerpt. Redirection

Media

WordPress stores media in the Media Library. Generally, this includes images and documents. Video content should be posted on the college’s Vimeo page and tagged to flow to your Vimeo Channel.

Images

Images for the web are most commonly jpeg, gif, png, or svg. Images should be 72 dpi, and 2000px max on the long edge. If not showing full screen, 800px max is sufficient. No images should exceed 1MB. Keep in mind some folks may be paying for the bandwidth they use to view your site. All images must have Alt Text.

PDFs

PDFs are often the most accessible way to present complex information. Content editors are responsible for implementing accessibility best practices for all PDFs that will become web content.

Attachment Page

Each media library item has an Attachment Page URL. This is a great way to embed a PDF into your site layout, or to offer a single image with full Title, Description, and Photo Credit metadata from the media library. EXAMPLE LINK

  • Faculty and staff profiles are under People on the left hand side of WordPress
  • Select the role on the sidebar category “Roles” – you can click on the “Choose from the most used Roles” to see what titles are available.
  • Check the box on the sidebar category “Persons” listing their name so that associated sidebar posts can be directed to their page. For new profiles, you will have to add their name to the list using the Add button.
  • To remove a profile from the website but keep the post information on WP, unpublish the post.
  • Add profile picture to the sidebar category “Featured Image”. Profile pictures should be sized at an approximate ratio: 640×480
  • Upload resume to the Curriculum Vitae field (scroll down the page)
  • Assign an Appointment to expose additional position title fields.
POUR. alt text. TABLES. PDFs? or separate tab for pdfs?
Visiblity setting. Careful with the Enhanced Text widget. UW Image Cards and shortcodes. Trumba?