uf wordpress template presentation

61
UF WordPress Template Web Services

Upload: university-of-florida

Post on 15-Jan-2015

2.279 views

Category:

Education


2 download

DESCRIPTION

Introduction to the wordpress version of the website template available to University of Florida constituents.

TRANSCRIPT

Page 1: UF WordPress Template Presentation

UF WordPress Template

Web Services

Page 2: UF WordPress Template Presentation

WordPress Overview

• Current Version: 3.3.1 (6.3m downloads)• Powers over 70 million websites• Easy installation and updates• Dashboard for control of settings and content• Simple Post and Page editor• Integrated tools and options

Page 3: UF WordPress Template Presentation

Installing UF Template

• Download and install WordPress– http://wordpress.org/

• Download UF template– http://www.it.ufl.edu/webservices

• Upload the UF Template to your WordPress Themes folder – /wp-content/themes/

Page 4: UF WordPress Template Presentation

Activate Template

Page 5: UF WordPress Template Presentation

Theme Options

Page 6: UF WordPress Template Presentation

Theme Options

• Navigate to Appearance > Theme Options• There are seven option areas:– General– Site Title– Header Call to Action– Homepage Layout– Featured Content– Super Admin– Sharepoint Calendar

Page 7: UF WordPress Template Presentation

General Options

Page 8: UF WordPress Template Presentation

Webmaster Email

Page 9: UF WordPress Template Presentation

Google Analytics Account Number

• This is for Google Analytics tracking• Enter the domain’s account number here and the

tracking code will be inserted into the website• Uses one of the following formats: – 'UA-xxxxxxx-x‘– 'UA-xxxxxxx-xx'

Page 10: UF WordPress Template Presentation

Make a Gift URL

Page 11: UF WordPress Template Presentation

Enable Mega Drop Down Menu

Page 12: UF WordPress Template Presentation

Collapse Sidebar Navigation

Page 13: UF WordPress Template Presentation

Site Title Options

Page 14: UF WordPress Template Presentation

Title Font Size

Page 15: UF WordPress Template Presentation

Header Call to Action Options

Page 16: UF WordPress Template Presentation

Header Call to Action

Page 17: UF WordPress Template Presentation

Homepage Layout Options

Page 18: UF WordPress Template Presentation

Homepage Layout for Widgets

• Three column: 50%, 25%, 25%

Page 19: UF WordPress Template Presentation

Homepage Layout for Widgets

• Three column: 33%, 33%, 33%

Page 20: UF WordPress Template Presentation

Homepage Layout for Widgets

• Two column: 66%, 33%

Page 21: UF WordPress Template Presentation

Homepage Layout for Widgets

• Two column: 50%, 50%

Page 22: UF WordPress Template Presentation

Homepage Layout for Widgets

• One column: 100%

Page 23: UF WordPress Template Presentation

Color Scheme

Page 24: UF WordPress Template Presentation

Featured Content Options

Page 25: UF WordPress Template Presentation

Select a Category

Page 26: UF WordPress Template Presentation

Half Width Image

Page 27: UF WordPress Template Presentation

Full Width Image

Page 28: UF WordPress Template Presentation

Disable Timeline Scrubber

Page 29: UF WordPress Template Presentation

Story Stacker

Page 30: UF WordPress Template Presentation

Story Stacker – Disable Dates

Page 31: UF WordPress Template Presentation

Super Admin Options

Page 32: UF WordPress Template Presentation

Social Media Links

Page 33: UF WordPress Template Presentation

Custom CSS

• Enter any custom CSS into this box• Any text entered here will be wrapped in

<style> tags and inserted into the <head> of every page

• Use this to tweak certain styles of the website

Page 34: UF WordPress Template Presentation

Sharepoint Calendar

Page 35: UF WordPress Template Presentation

Widgets

Page 36: UF WordPress Template Presentation

Widgets

Page 37: UF WordPress Template Presentation

Widget Areas

Page 38: UF WordPress Template Presentation

Homepage Widget Areas

Page 39: UF WordPress Template Presentation

Page Left Sidebar Widget Area

Page 40: UF WordPress Template Presentation

Page Right Sidebar Widget Area

Page 41: UF WordPress Template Presentation

Post Sidebar Widget Area

Page 42: UF WordPress Template Presentation

Footer Widget Area

Page 43: UF WordPress Template Presentation

Menus

Page 44: UF WordPress Template Presentation

Menus

• The UF Template has two customizable menus• Each menu is tailored for a specific use• Header Links Menu – Places links in the header above the search bar

• Role Based Navigation Menu– Places links under the page content and above the

footer– Useful for links for target groups

Page 45: UF WordPress Template Presentation

Menus

Page 46: UF WordPress Template Presentation

Header Links Menu

Page 47: UF WordPress Template Presentation

Role Based Navigation Menu

Page 48: UF WordPress Template Presentation

Role Based Navigation Menu

Page 49: UF WordPress Template Presentation

Page Layout and Display

Page 50: UF WordPress Template Presentation

Default Page

Page 51: UF WordPress Template Presentation

Full Width Page

Page 52: UF WordPress Template Presentation

Full Width Page

Page 53: UF WordPress Template Presentation

Two Column Page

Page 54: UF WordPress Template Presentation

Two Column Page

Page 55: UF WordPress Template Presentation

Two Column Full Width Page

Page 56: UF WordPress Template Presentation

Example Sites

• webservices.ahc.ufl.edu• shcc.ufl.edu• plastic.surgery.ufl.edu• radonc.med.ufl.edu• egh.phhp.ufl.edu• phhp.ufl.edu• cancer.ufl.edu• vetmed.ufl.edu

Page 58: UF WordPress Template Presentation

Lynda

• Lynda is an online training resource partner of UF and is free to all faculty, staff, and students.

• Lynda’s online training library has over 1,100 courses, covering topics such as HTML, CSS, WordPress, JavaScript, jQuery, and Photoshop.

• Go to http://www.it.ufl.edu/training and click the Lynda logo to access the free University of Florida log-in.

Page 59: UF WordPress Template Presentation

Tutorials

• www.it.ufl.edu/training/tutorials/• Tutorials cover configuring Theme Options,

Widgets, Menus, and Featured Content

Page 60: UF WordPress Template Presentation

Thank You

Download Templatewww.it.ufl.edu/webservices

Page 61: UF WordPress Template Presentation

Q&A Session