Setup process for WordPress version 3.4+

IT Services maintains a central installation of WordPress which has the most recent version of the ANU WordPress theme installed. All other websites or blogs representing the University in an official capacity using WordPress as a CMS should use this ANU WordPress theme.

Example pages:

Setting up WordPress

  1. Log a job with the IT Service Desk to have a WordPress website created on weblogs.anu.edu.au
  2. Familiarise yourself with the web publishing guide then register your website by requesting a Site ID
  3. Go to your website and login to the WordPress admin interface (http://yoursitename.weblogs.anu.edu.au/wp-login.php)
  4. Go to Settings > General
    ensure your site details are correct
  5. Go to Appearance > Themes
    activate the theme: ANU WordPress version 3.4
  6. Go to Plugins > Installed Plugins
    activate the plugin: ANU Site Admin version 2.0
  7. Go to ANU Admin > ANU Admin
    enter your global settings:
    • Site ID = The ID number for your website
    • Styles Version = 3
    • Requires SSL? = Check option if your site uses https://
    • Remove dates from index? = Check option if you don't want to display dates next to titles (excludes archives)
    • Site Short Name = The name of your site, for use in the menu and search headings, and in title tags for all your pages
    • Responsible Officer = The position title of the person responsible for the content on the website
    • Responsible Officer Contact = The contact point for your responsible officer. Can be a URL or an email address
    • Site Contact Name = Name of the contact for enquiries about the website
    • Site Contact = The contact point for enquiries about the website. Can be a URL or an email address
    • About Page URL = Path to location of the About this Site page (if it exists)
    • Show Search box = Check option if your want the default search box to appear
    • Analytics = Insert any code needed for page tracking and analytics
  8. Go to Settings > Media
    enter your image settings:
    • Thumbnail size: Width = 100, Height = 100
    • Crop Thumbnail = Checked
    • Medium size: Max Width = 320, Max Height = 640
    • Large size: Max Width = 440, Max Height = 440
    • Auto-embeds = Checked
    • Maximum embed size: Width = 440, Height = 440

Setting up pages and links

Pages

To create pages, go to Pages > Add New. You'll need two pages to setup a basic site similar to the examples shown above: a home page to display content and features, and an index page to show a list of recent posts. Pages can be displayed based on the Order number field in the Page Attributes panel - so make sure you set that field correctly on each page, as in the example image.

Post - screen options

To view extra fields on the Post page, click on the Screen Options tab at the top right corner. Check the following options: Categories, Post Tags, Featured Image, and Excerpt.

Featured image

Our WordPress template uses automatically sized images for thumbnails, features and post images. Open the post or page where you want to display a default image, and locate the Featured Image box in the bottom right corner under Page Attributes. Click Set featured image. You will see an uploading screen identical to that used when inserting an image into a blog post. Follow the on-screen prompts to choose the image from your computer and upload it or choose it from one of the images already in your Media Library. Once the image has successfully been uploaded, look underneath the sizing options, and click Use as featured image. Don’t forget to click Update on your post/page to save your changes.

You should upload featured images at high resolution, oriented in landscape = 1600 x 1075 pixels (these dimensions scale perfectly for feature images -- 320x215). WordPress will automatically scale your images for use on the website.

Custom front page

To change the front page from displaying your latest posts to displaying a custom page, go to Settings > Reading. You'll need to edit the Reading Settings to set your Front page to display a static page. You should also set your Posts page to whatever you named your recent posts index.

Links

The Related sites menu is created using a widget that displays a list of links of a particular category type. Go to Links > Link Categories to create a Link Category named "Related Sites", then go to Links > Add New to create the menu items as individual links and set the category field to Related Sites.

Setting up home page features

Each website homepage may use a feature block to highlight stories of interest. Please refer to the guidelines for homepage features as described in the Web Style Guide.

To store up to 12 items on the ANU Features page, go to ANU Admin > Features. These may or may not be displayed on your homepage depending on the selection of the Enabled checkbox.

  • Enabled = Check option to display the feature
  • Feature Title = Title of feature
  • Feature Text = Brief summary of feature
  • Feature Image URL = Path to location of the feature image
  • Feature Read More URL = Path to location of the page with details on the feature

Setting up widgets

To edit widget blocks, go to Appearance > Widgets.

Home page widgets

To customise the look of your home page, setup the widget blocks as follows:

Story block

home-storyblock is usually empty, however if you wish to add text underneath the features on the home page, drag a Text widget to home-storyblock and insert any HTML code you require. See the example homepage for an indication of where this content is located.

Post block

home-postblock is usually empty, however if you wish to add text underneath the main block of text on the home page, drag a Text widget to home-postblock and insert any HTML code you require. See the example homepage for an indication of where this content is located.

Text block

home-textblock is usually empty, however if you wish to add text to the bottom of the home page, drag a Text widget to home-textblock and insert any HTML code you require. See the example homepage for an indication of where this content is located.

Sidebar

home-sidebar is usually empty, however if you wish to add text in the right column above the categories and recent posts, drag a Text widget to home-sidebar to insert any HTML code you require. See the example homepage for an indication of where this content is located.

Recent posts

To add a list of your latest posts to the home page, drag a Recent Posts widget to recent-sidebar.

Social networking icons

To add web 2.0 icons underneath your navigation, drag a Text widget to social-sidebar and insert the following code into the textarea:

<p class="text-right margintop padtop nopadbottom">
<a class="padright" href="http://twitter.com/ANUmedia" title="ANU Media on Twitter" ><img alt="ANU on Twitter" src="http://style.anu.edu.au/_anu/../../images/icons/twitter-24.png" width="24" height="24" /></a>
<a class="padright" href="http://www.facebook.com/TheAustralianNationalUniversity" title="ANU on Facebook" ><img alt="ANU on FaceBook" src="http://style.anu.edu.au/_anu/../../images/icons/facebook-24.png" width="24" height="24" /></a>
<a class="padright" href="itmss://deimos.apple.com/WebObjects/Core.woa/Browse/anu.edu.au" title="ANU on iTunes U" ><img alt="ANU on iTunes U" src="http://style.anu.edu.au/_anu/../../images/icons/itunes-24.png" width="24" height="24" /></a>
<a class="padright" href="http://www.youtube.com/user/ANUchannel" title="ANU YouTube Channel" ><img alt="ANU YouTube Channel" src="http://style.anu.edu.au/_anu/../../images/icons/youtube-24.png" width="24" height="24" /></a>
</p>

You may need to modify the code to suit your own area.

Page widgets

The following widgets are common across all pages in your site.

Navigation

To create a navigation menu in the left column, drag a Pages widget to nav-sidebar and use settings as per the example image.

Related sites

To create a related sites menu in the left column, drag a Links widget to related-sidebar and use settings as per the example image.

Categories & archives

To add lists of categories and archives to the right column, drag a Categories widget and an Archives widget to cat-sidebar and use settings as per the example image.

nav-sidebar widget

related-sidebar widget

cat-sidebar widget

Breadcrumbs

In order to appropriately display individual posts, search results, and archive pages please activate the Breadcrumb NavXT plugin.

  1. Go to Plugins > Installed Plugins
    activate the plugin: Breadcrumb NavXT
  2. Go to Settings > Breadcrumb NavXT
    You may be prompted to complete the installation, this will setup the plugin with default values. You will need to amend these values.
  3. Select the General Tab
    • Breadcrumb Separator = &nbsp;&raquo;&nbsp;
    • Home Title = Home
    • Home Anchor = [blank]
    • Blog Anchor = [blank]
    • Main Site Breadcrumb = Unchecked
    • Main Site Home Title = [blank]
    • Main Site Home Anchor = [blank]
    • Click Save Changes
  4. Select the Posts & Pages tab
    • Post Taxonomy = Pages
    • Click Save Changes
  5. Select the Categories Tab
    • Archive by Category Prefix = [blank]
    • Archive by Category Suffix = [blank]
    • Click Save Changes
  6. Select the Tags tab
    • Archive by Tag Prefix = [blank]
    • Archive by Tag Suffix = [blank]
    • Click Save Changes

Extra plugins

There are a number of additional plugins installed in WordPress. Most of these have a Visit plugin site link. Please ensure you familiarise yourself with the user documentation before activating any additional plugins, as they are not supported by ANU staff.

Please note that these instructions are not a complete guide to using WordPress - many of the tips given here assume a basic knowledge of working with and administering WordPress. Please refer to WordPress documentation if you require further help.

Updated:  17 June 2014/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle