WebPublish Theming Update

Size: px

Start display at page:

Download "WebPublish Theming Update"

Tyrone Hood
5 years ago
Views:

1 WebPublish Theming Update A Guide to New WebPublish Style Options July, 2018

2 Table of Contents Theming Update Outline Updates Across All Sites New Styling Options How to Use this Guide Site 1 Site 6 Site 11 Site 16 Site 2 Site 7 Site 12 Site 17 Site 3 Site 8 Site 13 Site 18 Site 4 Site 9 Site 14 Updated News Aggregator Site 5 Site 10 Site 15

3 Theming Update Outline On Wednesday, July 25, 2018, IT Services will be deploying a theming update to WebPublish. While there are a few changes that will be made across all sites, this update will also make available a number of new styling options that you can request to have applied to your site. Once the update is complete, if you would like to apply any of the new styling options to your WebPublish site, please have your site owner submit a request via the IT Services Help Form. Please include the name and URL of your website in your enquiry.

4 Updates Across All Sites Feature After Update Slideshow Slideshow will be displayed with squared corners Slides without captions will display without a caption box, providing a seamless look Slide captions will no longer be italicized News Feeds Only the linked page title will be displayed on the aggregator page - Heading 1 title will be accessibly hidden Tags will be displayed inline The Read More link will be removed The RSS feed icon will be larger Collapsible Content A non-text content accessibility issue existed is resolved.

5 New Styling Options Background Option to use white background Option to remove drop-shadow that currently appears around the main content area Postscript Region Two options to differentiate this region from the main content region: A subtle hairline Light grey shading Note that you can also choose not to use any styling for this region. Site-wide Block Styling New Block Classes If enabled, all blocks will display with the following formatting: No shadow or border Titles underlined with your choice of red, gold or grey Blocks without titles will appear with a hairline along the top border when they are placed beneath another block A number of new content-specific CSS block classes can be used to enhance the formatting of your blocks: Profile, Calendar, Employment Opportunities, Blog, Accessible Documents, Quicklinks, Generic List

6 How to Use this Guide Each slide contains a screenshot of a WebPublish site featuring a combination of the new styling options that will be available to you. Sites are numbered from 1 to 18 - see the Notes section of each slide for an outline of the styling options featured therein. If you are viewing the PDF version, you can hover over the images or the Comments icon (speech bubble) to view a description of the site. You are welcome to use this guide as a reference when submitting a request for new styling options for your site (e.g., Please enable the options featured on site 3 of the guide). Note that the sites featured in this guide are not exhaustive of all possible combinations of styling options for your site. For instance, you can keep a textured or gradient background and still use the new block styling option.

7 Site 1

8 Site 2

9 Site 3

10 Site 4

11 Site 5

12 Site 6

13 Site 7

14 Site 8

15 Site 9

16 Site 10

17 Site 11

18 Site 12

19 Site 13

20 Site 14

21 Site 15

22 Site 16

23 Site 17

24 Site 18

25 Updated News Aggregator

HTML 5 and CSS 3, Illustrated Complete. Unit M: Integrating Social Media Tools

HTML 5 and CSS 3, Illustrated Complete Unit M: Integrating Social Media Tools Objectives Understand social networking Integrate a Facebook account with a Web site Integrate a Twitter account feed Add a