Pages & Posts

Writing | Fonts & Text Styles | Shortcodes | Featured Image | Custom Fields & More

Here is an overview of how to setup a post or page on your website. Please read this full tutorial before you edit/create your first page.

Go to Pages/Posts > Click ‘Add New’ to create a new entry. Or Edit an existing post/page by clicking its title in the list view.

Examples

Use these Private Demo’s (must be logged into the website to see) to see all styling options.

Demo: Post

Header Area

Post/Page Title

Give all new post/pages an appropriate title. This is important for SEO (search engine optimization). It will also appear in the page url. If you want to edit the page url (without changing the title) you can edit the ‘permalink’.

Page Title Background Image

This is optional. This will appear behind the page title in the dark green header area. Ideal image size is 1170 px wide and under 200kb file size.

Page Excerpt

Please write a 1 sentence intro statement for this page. This will appear below the page title, in the header, and also on the category archive as a short description. This is good for SEO (Search Engine Optimization). Not mandatory but beneficial.

Writing the Post or Page Body

Text formatting and images are all inserted into the post body. You can also add creative media like videos, slideshows and galleries.

Fonts/Text Styles

In the ‘Visual View’ post editor, use the text heading dropdown menu to select a text class (paragraph, H1, H2 etc…). These have been pre-styled to enhance your theme. Do not, try to manually edit style of your text.

Visual View Tab

Use the formatting toolbar and shortcodes to edit your content.

Toolbar Buttons

'Toolbar Toggle' will expand your tool menu. 'Paste As Text' to copy/paste from word doc.

Text View Tab

Use html code to style your content

ShortCodes

Shortcodes are used on your website to insert content or advanced styling to text. Copy/Paste the entire shortcode into the ‘Visual’ editor when desired. *Edit the inner text as noted and add links if required.

Green Button

[green-button url="#"] button-text-here [/green-button]

White Button

[white-button url="#"] button-text-here [/white-button]

Green Outline Button

[greenoutline-button url="#"] button-text-here [/greenoutline-button]

Gallery

On any post or page you have the ability to insert a native WordPress gallery or Flickr gallery embed. For large image collections use a flickr embed. For small image collections 15 or less you can use a native WordPress gallery.

Flickr

Go to a flickr album and generate a short code to copy/paste into the post ‘text’ editor in the desired location.

WordPress Gallery

  1. Above the post text editor click ‘Add Media’
  2. (Popup) in the left column click ‘Create Gallery’
  3. Upload or select images for your gallery slideshow
  4. Bottom right click ‘Create A New Gallery’ button
  5. Update ‘Gallery Settings’ for each image individually (right column)
    • Link to: none
    • Columns: 1
    • Size: full size (or large)
    • Caption: this is the text that appears below an image
  6. Click ‘Insert Gallery’ Button

Yoast SEO

If active on your website this will appear in as an accordian box below your post text editor. Read the SEO Introduction for details on how to use and optimise this tool - or leave blank.

Rightside Editor Settings

The following areas are located on the right side of the post/page editing screen. These boxes control settings related to the publishing, appearance, location and more on the individual post/page. It is important you choose the correct settings.

Access Restrictions

Set who can see the page/post by typing the name of the applicable ‘group’ into the ‘Enforce read access’ field. Read more about your ‘groups’ here.

Publish

Set the Status: publish (live), Draft (work in progress, not public) & Pending (done but waiting admin review to publish).

Set the Visibility: public, password protected, private (only editors & admin can see this). Learn more

See the published date or schedule a post to automatically publish at a later date. You can also edit the date of your post at anytime. This helps if you want to adjust the order of how posts will appear on the public side of your website. Most public lists are based on date (even if the date is not shown).

Page Attributes: For Pages Only

Set the Parent Page: This is optional. If your website uses breadcrumbs or a hierarchy it is recommended that you select the parent to improve navigation.

Do not select a template or set an order number.

Secondary Navigation

Select the correct ‘Secondary Navigation’ to appear in the sidebar of your published page/post. This menu is very important for navigation. On the public view of the website, it will appear in the left sidebar with dark green background.

Format: For Posts Only

On the public side of your website, a post Format will add a custom icon beside your post title (in the list view). This will help viewers recognize the theme of your post. Use the chart below to select the correct post Format.

Category, Tag, Custom Taxonomies

It is very important that you select the appropriate taxonomies for every post on this website. These are used to filter results on every archive page. Keep your taxonomie options organized by only selecting from the available list (you can add more if required).

Categories (Parent)

Are used to classify posts on the website. These are pulled into different archives (lists) in many areas of the website.

Categories (Child)

Are used to classify posts related to a specific Region. This will let us pull together all topics related to a specific region and build a resource list relevant for that group.

Tags

These are not often used. Tag a post with: Highlights to have it appear on the home page.

Featured Image

A Featured image is not required for every page/post. This will appear for the post thumbnail, on the Homepage News & Highlights area. Featured Images will be cropped to match the website dimensions.

Read about Images & Media before you upload.