4 best practices - university of florida · • set up a website in t4 with the uf 2015 template...

20
OneIT for the #GatorGood t 4 Best Practices Setting up your website

Upload: others

Post on 25-May-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

OneIT for the GatorGood

t4 Best Practices Setting up your website

bull Welcome bull Introductions bull Break around 300 pm bull Course Satisfaction Survey

httpstrainingitufleduservicessatisfaction-survey

Survey

bull Who is comfortable with the following

bull HTMLCSS bull JavaScript bull Using TERMINALFOUR

Objectives

bull Set up a website in t4 with the UF 2015 template bull Gain a deeper knowledge of t4 components including

bull Sections bull Content Types bull Page Layouts bull Elements of _site-config

bull Apply best practices while working with content in t4

UF Branding httpidentityufledu

Resource 1 httpidentityufledu

header from Page Layout

content

content

content

footer from Page Layout

Your resource for everything T4

Resource 2 httpswebservicesitufleduterm

inalfouruf-2015-template

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 2: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

bull Welcome bull Introductions bull Break around 300 pm bull Course Satisfaction Survey

httpstrainingitufleduservicessatisfaction-survey

Survey

bull Who is comfortable with the following

bull HTMLCSS bull JavaScript bull Using TERMINALFOUR

Objectives

bull Set up a website in t4 with the UF 2015 template bull Gain a deeper knowledge of t4 components including

bull Sections bull Content Types bull Page Layouts bull Elements of _site-config

bull Apply best practices while working with content in t4

UF Branding httpidentityufledu

Resource 1 httpidentityufledu

header from Page Layout

content

content

content

footer from Page Layout

Your resource for everything T4

Resource 2 httpswebservicesitufleduterm

inalfouruf-2015-template

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 3: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Survey

bull Who is comfortable with the following

bull HTMLCSS bull JavaScript bull Using TERMINALFOUR

Objectives

bull Set up a website in t4 with the UF 2015 template bull Gain a deeper knowledge of t4 components including

bull Sections bull Content Types bull Page Layouts bull Elements of _site-config

bull Apply best practices while working with content in t4

UF Branding httpidentityufledu

Resource 1 httpidentityufledu

header from Page Layout

content

content

content

footer from Page Layout

Your resource for everything T4

Resource 2 httpswebservicesitufleduterm

inalfouruf-2015-template

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 4: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Objectives

bull Set up a website in t4 with the UF 2015 template bull Gain a deeper knowledge of t4 components including

bull Sections bull Content Types bull Page Layouts bull Elements of _site-config

bull Apply best practices while working with content in t4

UF Branding httpidentityufledu

Resource 1 httpidentityufledu

header from Page Layout

content

content

content

footer from Page Layout

Your resource for everything T4

Resource 2 httpswebservicesitufleduterm

inalfouruf-2015-template

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 5: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

UF Branding httpidentityufledu

Resource 1 httpidentityufledu

header from Page Layout

content

content

content

footer from Page Layout

Your resource for everything T4

Resource 2 httpswebservicesitufleduterm

inalfouruf-2015-template

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 6: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

header from Page Layout

content

content

content

footer from Page Layout

Your resource for everything T4

Resource 2 httpswebservicesitufleduterm

inalfouruf-2015-template

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 7: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Your resource for everything T4

Resource 2 httpswebservicesitufleduterm

inalfouruf-2015-template

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 8: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Exercise 1 Goals

You should be able to

Identify and change the page layout of your section Preview the section

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 9: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Exercise 1 Setting the Page Layout

bull There are 4 main types of Page Layouts

1 Homepage Layout 2 Inner ndash General 3 Inner ndash Blank 4 Inner ndash Alpha List

bull Advanced Some sites have their own custom page layouts

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 10: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Configuration

_site-config bull Comes default with all UF2015 template sites bull DO NOT change the name of this section ndash it WILL break your site

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 11: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Resource 5 httpswebservicesitufleduterminalfour

uf-2015-templateconfiguration

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 12: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Resource 6 httpqianzhaodevwebservicesufledu

tutorial

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 13: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Exercise 2 Goals

You should be able to

Change a sites logo name and title Remove social media headers Revert saved changes to content

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 14: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Exercise 2 General Configuration

1 Set the site name amp title 2 Select a site logo

bull Find the desired Category in the Media Library

3 Change social media links bull Use History to undo the change

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 15: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Exercise 3 Goals

You should be able to

Create a section Look up Content Type info on the Web Services page Add content to your site using Content Types Edit HTML within TinyMCE with Tools Source code

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 16: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Content types

Resource 7 httpswebservicesitufleduterminalf ouruf-2015-templatecontent-types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 17: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

Exercise 3 Creating a main landing page

bull Add a new section bull Look up content page on webservices site bull Add a Landing Page Hero Full content type to your new section

bull Attempt to replicate our demo page with this section

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 18: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

General Q amp A

Congratulations you have created a full page on your own

Lingering Questions about T4 Now is the time

PowerPoint and link to video at httpswebservicesitufleduterminalfourdownloads

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources
Page 19: 4 Best Practices - University of Florida · • Set up a website in t4 with the UF 2015 template • Gain a deeper knowledge of t4 components including: • Sections • Content Types

UF1Information Technology

Resources

1 UF branding guidelines httpidentityufledu 2 UF 2015 Template info pagehttpswebservicesitufleduterminalfouruf-2015-template 3 Sandbox for TERMINALFOUR httpssandboxwcmitufledut4pagesite-structure 4 Page Layouts httpswebservicesitufleduterminalfouruf-2015-templatepage-layouts 5 Site configuration httpswebservicesitufleduterminalfouruf-2015-templateconfiguration 6 Site-config map httpqianzhaodevwebservicesufledututorial 7 Content types httpswebservicesitufleduterminalfouruf-2015-templatecontent-types

  • t4 Best Practices
  • Slide Number 2
  • Survey
  • Objectives
  • UF Branding httpidentityufledu
  • Slide Number 6
  • Slide Number 7
  • Your resource for everything T4
  • Exercise 1 Goals
  • Exercise 1 Setting the Page Layout
  • Configuration
  • Slide Number 12
  • Slide Number 13
  • Exercise 2 Goals
  • Exercise 2 General Configuration
  • Exercise 3 Goals
  • Content types
  • Exercise 3 Creating a main landing page
  • General Q amp A
  • Resources