Drupal Template: 
UQ School Template

The UQ School Template concentrates on high value information only the school website can provide. To create your school website using the UQ School Template, consideration needs to be given to the following pages, viz. Home page, Study page, Research page, Our People page, About page and Contact page. Aside from these core pages, the school is able to add additional content types such as articles, basic pages and events amongst others.

Preparation

To complete the instructions listed in this guide, login to the School Site to start editing.  

  •   Instructions to Login to the School site
    Step 1

    Scroll to the bottom of the page and click on the login link in the footer.

    Login

     

    Step 2

    Login with your UQ Username and password.

    UQ username and password

     

    Step 3

    Click on the home icon (home icon) to view the School site.

    Click Home icon

    You can proceed with editing your School site.

 
How to use this guide
  • The aim of the guide is to provide step-by-step instructions on entering the content that has been developed for the school website.
  • Where required links to guidance for developing content are included.

Click on the images below to navigate to the guidance.

Study page

Our PeopleAbout PageContact Page

Content TypesImagesLinks

Taxonomy

Additional Guidance

Drupal Template: 
UQ School Template

To insert a button on a Website, follow the instructions listed below using:

  1. Link dialog window
  2. Source code

Insert a button using the Link dialog window

Step 1 

Open the Content Type (basic page, article, etc) where the button will be inserted.

 

Step 2

Complete the following:

  1. Highlight the text that will converted to a button
  2. Click the link icon on the WYSIWYG editor to open the link dialog window.

Select text to be converted to a button

 

Step 3

The link dialog window appears. On the Link Info tab

  1. select the link type
  2. insert the link path.

Insert link for button

 

Step 4

On the Advanced Tab, enter button in the stylesheet classes field. 

Tip: ensure the stylesheet class is entered in lowercase.

Insert stylesheet class button

 

Step 5 

Click OK and the button, Register, displays.

Note: the button width setting reflects the text width plus padding. To expand the button width to the 100% width setting proceed to Step 6.

Example of button

The Register button displays:

Add a button - published display

Step 6

Edit the content. Right click on the button and select Edit Link

Edit Button link

 

Step 7

On the Advanced Tab of the link dialog window, enter button expand in the stylesheet classes field. 

Tip: ensure the stylesheet class is entered in lowercase.

Stylesheet class button expand

 

Step 8

Click OK and the button, Register, is saved. 

Updated button in WYSIWYG

The Register button displays at 100% width:

Add a button 100 percent width display


Insert a button using Source Code

Step 1 

Open the Content Type (basic page, article, etc) where the button will be inserted.

 

Step 2

Click Source icon in the WYSIWYG editor.

Select Source code

 

Step 3

Insert the cursor in the location where the button will display. Insert the code of the button type.  In this scenario, the Default Button will be inserted using the code: <a class="button" href="#">Default Button</a>

The # symbol refers to the URL that will be inserted.

inserted code

 

Step 4

Replace the # in the code with the URL that it should link to. In this instance, the # has been replaced with http://jobs.uq.edu.au/caw/en/listing/ and click Save.

URL reference

 

The default button displays:

Default button displays

 


Default Button Code

<a class="button" href="#">Default Button</a>

Replace # in the code with the URL that should be linked to the button.

DEFAULT APPEARANCE: Default button
HOVER APPEARANCE: Default button activated

 

An article is one of several Content Types that can be created in the UQ School Template.

To create an Article, follow the steps below.

Step 1

Click Content to expand the menu. Move the mouse pointer over Add Content to display the add content menu,  then click Article to open the Structure page.

Menu - Add article

Step 2 

The Structure page displays. Complete the numbered items and click Save.

  1. Title
  2. Short title
  3. Summary
  4. Body

Create Article - items 1-4

 

  1. Image
  2. Alternate Text - complete alternate text for the image because it is used for screen readers,  search engines or when the image cannot be loaded.
  3. Title for the image
  4. Publish date

Create an Article - Steps 5-8

 

  1. Related Content - if there is an existing item of content to link to the article, enter a few letters of its title to search and select the content.
  2. Tick Provide a menu link.
  3. Edit the menu link title if different to the Page title
  4. Select a Parent Item for the menu link. Selection of a parent item ensures improved website navigation by displaying a breadcrumb trail at the top of the page.
  5. Select a weight to determine the order of the menu link in the Parent Item. Menu links with smaller weights are displayed before links with larger weights.

Create an Article - Steps 9-13

 

  1. Click the tab Publishing options to finalise the publishing settings.
  2. Tick Published if the article is ready to be published.
  3. To display the article on the front page above the local site footer, tick Promoted to front page.
  4. To retain the article above the local site footer even after more recent articles are published, tick Sticky at top of lists.

Create an Article - Steps 14-17

 

The article is published and displays as follows:

  1. If the Parent Item is News.

Parent Item - News

 

  1. Promoted to the front page

Promoted to front page

 

 

 

This functionality is available to Site Coordinators and Administrators only.

1. Hosting service:

Firstly you need to make sure that your video has been uploaded to a hosting service.

Examples of hosting services are: Youtube or Vimeo

2. Making an iframe:

An iframe allows you to embed these videos onto your site.

Most of these video hosting sites, will provide a share link which will give you access to the iframe.

 

Youtube:

 

 

 

 

 

 

Vimeo:

 

 

3. Adding the iframe to your site:

 

So you can add the iframe directly to page by going into the edit function of a page.

You will need to make sure your text format is on raw HTML.

note: You can change it back straight after you have added your video.

 

 

Overview

Overview

Drupal Template: 
UQ School Template

Instructions

The following video assists to develop an understanding of the UQ School Template and how it fits into the UQ Drupal Content Management System (CMS).

Note: The video can be viewed in the embedded window or via YouTube. If the video is viewed via YouTube, it is possible to navigate to different parts of the video via a hyperlinked Table of Contents. To view the captions, click CC in the video controller.

Login & Navigate UQ Drupal

Login

 

Instructions

Watch the following videos to develop the knowledge of how to login and navigate the Administration Menu in UQ Drupal

Note: The videos can be viewed in the embedded window or via YouTube. If the video is viewed via YouTube, it is possible to navigate to different parts of the video via a hyperlinked Table of Contents. To view the captions, click CC in the video controller.

 

Login to UQ Drupal

 

  • Login instructions

    Step 1

    Scroll to the bottom of the page and click on the login link in the footer.

    Login

     

    Step 2

    Login with your UQ Username and password.

    UQ username and password

     

    Step 3

    Click on the home icon (home icon) to view the School site.

    Click Home icon

    You can proceed with editing your School site.

 

Navigate your drupal website

Home Page

Home Page

Drupal Template: 
UQ School Template

Guidance Notes

The UQ School Template design is based on current best practice and identified needs of school website users.

The focus of the School website is to provide:

  • a "promotional and showcase" site
  • a clear navigation pathway for current and future students.

The Home Page of the UQ School Template is divided into the following sections, viz. the top banner, featured items, about the school and community. Navigate to relevant section for editing instructions.

 
 
 

 

 

  Expand the headings below for further instructions on populating these sections.

 

About Page

About Page

Drupal Template: 
UQ School Template

Guidance Notes

  • Opportunity to introduce the School, identify partnerships, major achievements and awards/rankings.
  • List specialist facilities or services offered and any sub-units managed by the School.

There are two stages for publishing the updated About page and these are as follows:

  1. Update the About page
  2. Moderate and publish the About page 

Update the About page 

Step 1

To create a new draft of the About page, click New draft.

About Page - New Draft

 

 

Step 2

The Edit Basic Page About displays. Replace the explanatory text with a description of the School, notable achievements, research outcomes amongst others.

About Page

 

 

Step 3
Review updated text  and click Save.
 

About Page - updated school text

 

The About page is saved and displays the following:

  1. Update Notification
  1. Revision Details
    1. Revision State is Draft
    2. It is the most recent revision
    3. Moderation State is at Needs Review
  1. Tabs enabling access to:
    1. View the published About page
    2. View the draft About page
    3. Edit the draft About page
    4. Moderate the About page

 Draft About Page

 


 

Moderate and publish the About page

Step 1

Using the mouse pointer, click Moderate to open the History of About page.

Moderate About Page Tab

Step 2

The History of About page displays.  To open the draft, click View in the Revision actions column.

History of About Page

 

Step 3

The draft About page displays. Review the draft.  To edit the draft, click Edit draft.

About Page - Edit Draft

Step 4

The Edit Basic Page About displays. Make the required changes and click Save.

 

Step 5

To publish the revised About page, click Needs Review to display moderation state options.

Update Moderation State to published

 

Step 6 

Select Published and click Apply.

About Page Apply Published

The About page is published and displays the following update:

Revision Details

  • Revision State is Published.
  • It is the most recent revision

About Page Published

 

Study Page

Study Page

Drupal Template: 
UQ School Template

Guidance Notes

The Study page is directed to students seeking an institution to further their education. The school has an opportunity to showcase their study areas to help inform prospective students.

The areas on the study page that can be populated are:

  1. Study Areas
  2. Study Degrees
  3. Continuing Professional Development Courses
  4. Why choose us
  5. What our students say
  6. Contact us

 

Study Areas
 
Study Degrees
 
Study - The Appeal
 
Study - Contact Us

 

 

  Expand the headings below for further instructions on populating these sections.

 

Research Page

Research Page

Drupal Template: 
UQ School Template

Guidance Notes

The Research page provides an opportunity to showcase the Research Areas, Themes or Strengths of the School. To distinguish this school from similar schools at different universities it may be opportune to showcase:

  1. Research strengths
  2. Industry and research partnerships
  3. Projects
  4. Research Interests
  5. Research Groups
  6. Publications.
 
Research Areas
 
Research Text
 
Research Footer

 

 

  Expand the headings below for further instructions on populating these sections.

Our People

Our People

Drupal Template: 
UQ School Template

Guidance Notes

The Our People page provides an opportunity to showcase the different types of Staff that work in the school. Group types have already been populated for the school site and these are listed below.

  1. Executive
  2. Academic
  3. Adjunct and Honorary
  4. Associate
  5. Fellows
  6. Professional Staff
 

NOTE: If the Research Areas and Projects have not yet been created, return to the Research/Staff Profile at a later date and update these fields when available.

 

The Staff Groups section of the Our People page relies on the Staff Group taxonomy and the Research/Staff profile content type. The Staff Group taxonomy consists of a list of terms to group types of staff, such as Academic or Professional. It is recommended that the school determine how they would like to group their staff and add these groups as terms to the Staff Group taxonomy.  In the screenshot below the list of terms included in the Staff Group taxonomy are displayed.  When creating the Researcher/Staff Profile, a term is selected to add a staff member to one of the groups in the Staff Group taxonomy.

 

Staff Group Terms

 

To add to the Staff Group taxonomy or add a Researcher/Staff profile, select the applicable option below and follow the instructions.

Contact Page

Contact Page

Drupal Template: 
UQ School Template

Guidance Notes

Consider the types of visitors to the School site and their needs. Provide visitors to the site with contact details prioritised by the most common types of requests or by the type of audience.

The recommended groups may include the following:

  • Future Students
  • Current Students
  • Research Higher Degree Students

Unit Contact Details

Contact - Enquiry Details

 

 

  Expand the headings below for further instructions on populating these sections.

Content Types

Content Types

Drupal Template: 
UQ School Template

 

To add content such as text, images and documents to the website we created 5 content types consisting of a collection of fields where the content is entered. The content types for the UQ School Template are Article, Basic Page, Event, Project/Grant and Researcher/Staff profile.

The completed information is displayed or used when the content type is saved and published.

Article
Used for creating and displaying content that is time sensitive. It displays a publication date and by default appears on the site's News page when published
Basic Page
Used for creating and displaying content that may rarely change. Most content will be created using the basic page content type.
 
Event
Used for creating and displaying events. Future or current events are displayed in the Upcoming Events tab while expired events are displayed in the past tab on the Events page
Project / Grant
Captures information about projects or grants in the School. Recording the grant type and funding source are mandatory for these content types and the information is displayed when the project or grant page is viewed. It can be associated with Research Areas of the school along with researchers within the school.
Researcher / Staff Profile
Personal and position information are captured along with links to the researchers' UQ eSpace and UQ Researchers profiles.
Images

Images

Drupal Template: 
UQ School Template

 

How to use this information

Display
Reference guides for the display location of images uploaded to the image fields of different content types.
Guidance
Advice in relation to various topics.
 
Insert Image
Step-by-step instructions for inserting images.
Reference
Background information to concepts.
Links

Links

The link, also known as a hyperlink, is a reference to another document or webpage.  There are 4 different link types that are used on the Drupal site.

Internal Path
To link to a page on your site, use an internal path which is a relative path. This is the recommended method for linking to content on your site. 
 
URL
To link to a document on your site or an external website select URL. 
 
Link to anchor in the text
Select this option when linking to text on the same page. 
 
E-mail
Select this option when linking to an email address. 
 
Add a button
Select this option when inserting a button with a link. 
 
Taxonomy - Add terms to vocabularies

Taxonomy - Add terms to vocabularies

Taxonomy

Taxonomy is used to categorise content in Drupal.  Taxonomy consists of several vocabularies that exist in the UQ School Template and these are funding source, grant type, research area, staff group and study area.

Taxonomy List

 

 
Terms

Each of these vocabularies consist of a list of terms that group types. Executive, academic, adjunct and honorary, associate, fellows and professional staff are examples of terms in the Staff Group vocabulary. Terms must be added to the School website for each of the vocabularies.

 

Staff Group Terms
Solutions to common problems

Solutions to common problems

Drupal Template: 
UQ School Template