Cleanslate gives its users a relatively wide array of tools to best format and brand their articles, the trick is knowing what options are available and how to apply them. This tutorial will cover how to properly format a blog article and will link to helpful resources elsewhere.
Basic formatting
Getting around in Cleanslate
Cleanslate has several video tutorials that explain how to use the content editor, the page manager, and the file manager... among other things.
Highlighted tutorials:
- Using the Undo & Redo Buttons
- Editing HTML Markup
- Using the Editing Toolbar
- Using the Formatting Toolbar
- Adding Images and Videos
- Using the History Button
- Editing Indentions
- Creating Links
- See Your Content Changes Immediately
- Moving and Reorganizing Pages
Configuring thumbnails and hero images
These topics have already been covered on the Creating a blog article page.
Photo cropping recommendations Configure thumbnails Configure hero imagesTypography and styling basics
- Refer to WVU's core branding principles when making WVU branded materials for the web.
- In order to maintain proper heading hierarchy, only use header tags h2-h6 in ascending order. (h1 is already in the header by default)
- Make sure all paragraphs are wrapped in paragraph tags:
<p>text goes here</p> - Use HTML tags to declare different kinds of type content, use CSS classes to style
typography and other aesthetic aspects
- Basic Formatting: Bootstrap classes are used to provide styles for basic heading sizes, text styles (weights, line-heights, cases, etc), spacing, lists, buttons, alignment, tables, figures, images, and a lot more!
- Branded Formatting: The WVU Design System outlines how to apply the proper branding throughout your site. The following links are particularly useful resources: applying different fonts and suggested type hierarchy, how to use WVU colors, styling buttons, styling lists, implementing elements of the brand (slashes, bars, patterns), background effects and utilities, and most importantly, a cheat sheet for quick reference of the most commonly used branding classes.