UF WordPress Template Presentation

61
UF WordPress Template Web Services

description

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

Transcript of UF WordPress Template Presentation

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