Please refer to the following resources to learn more about CleanSlate. For a full listing of resources developed by University Relations, please visit CleanSlate Content Publishing.
The information is ordered in such a way as to help you work through the materials in a progressive manner while building your skills. You’ll be required to know how to complete basic tasks in order to gain access to your office’s web area in the Extension Service site.
Refer to the example pages demonstrating good examples and those needing improvement as you work in the “demo” area and eventually your own space. The page also includes other design suggestions and guidelines.
If you cannot log into WVU CleanSlate, please email Wes Nugent. You an “invite” email message and then assign you to the Extension Service and Extension Demo 2 websites.
If you are able to login, you should see the field where you type your WVU Login username and password (same ones for WVUID, email).
Working in Pages
Just as with WVU Slate, you will mostly work in the Pages area in CleanSlate.
You should become comfortable:
- Managing Pages (Watch a video about managing pages)
- Creating Pages (Watch a video about creating pages) Note: Use the Backpage or Backpage Multi-region template when you create pages.
- Publishing Pages - Since most CleanSlate users will be "Writers," they will not
have publishing rights. When you have created or updated pages that need reviewed
and published, please request that using the "Request CleanSlate Assistance"
section on each page. Note: This section will only display when you are editing
Refer to the screenshot if you are unsure about the assistance section on
- Editing a Page
- Deleting a Page (Publishers and Administrators can delete CleanSlate pages)
- Moving a Page (Watch a video about moving a page)
- Using Filters for Find a Page (Watch a video about using filters to find a page)
Editing Content on Pages
- Top Half of the Editing Toolbar (Watch a video explaining the CleanSlate top toolbar) – includes saving and publishing, view options, and more
- Bottom Half of the Editing Toolbar (Watch a video explaining the CleanSlate bottom toolbar) – Includes formatting, table editing, and more
- Saving and Publishing
- Different Ways to View Site Pages
- Undoing Changes with Undo and Redo
- Adding Media (Images and Video) to Pages (Watch a video about adding media)
- Media Note: Remember that you should upload files (PDF documents, images) before you can link to them. You can "upload on the fly," but it is easier to upload before editing a page, and you can define metadata like alt text. Also, DO NOT upload a file that is created and maintained by a state unit or another county. Those types of files will be uploaded ONE TIME and then linked on pages as needed. If some file you need is not on the website, please contact the state unit or other county, or Wes Nugent. An example of this type of file is the PDF version of the 4-H Health Form or the Media Release Form.
- Use History to See Page Changes
- Formatting Text – Heading settings, etc.
- Modifying Text with Bold, Italics, etc.
- Horizontal Rule
- Removing Formatting – Great way to remove a link from text!
- Editing HTML Code – Good way to “tweak” the HTML coding. May not be for everyone.
- Increasing/Decreasing Indentation
- Creating Links (Watch a video about creating links)
- Adding Email Links – Type “mailto:” in the Standard Link “URL” box—mailto: John.Doe@mail.wvu.edu—to use email link. Note: to minimize harvesting of email addresses for spam, Extension's standard is to hide/obfuscate email addresses wherever possible, and at minimum, please try to write text as "email John Doe" with the mailto: address not visible on the page.
- Expanded Link Functionality – Select “Blank (a new window or tab)” under Options “Link Target” box to make the action of clicking on the link open a new tab.
Please refer to the Media Note above.
Before uploading image files -- especially photos -- make sure the file is a size
suitable for the web. For example, if you are using a file taken with a digital
camera or smartphone, you will need to resize the file to make it smaller. A tool
to do this is Image Resizer.
Use the handout to download and use this tool.
- Managing Files (Watch a video about managing files)
- Uploading Files (Watch a video about uploading files)
- Important Note: When you want to
replace a file that you previously uploaded, make sure you select the
"Replace" at the Files screen. Once you make that choice, you'll be guided
through the process of identifying the file you want to replace and its replacement.
(The former CMS system, slate, replaced files automatically if they had an
identical name. The new system, CleanSlate, does not work that way.)
- Deleting Files (Publishers and Administrators can delete CleanSlate files)
- Filtering (Searching for) Files (Watch a video about filtering files)
- Labeling Files to help with organization
- Displaying Images Using a Gallery — Refer to Labels as needed.
- Snippets (Watch a video about snippets)
- Submenu Snippet
- Go to the section of a page where you want the page’s submenu (listing of visible Child Pages). Select Snippet. Drag Radius Snippet to page location. Type: <r:sub_menu/>. Click on [Insert Snippet]. You probably would want to use one of the regions on the right side of your page to place a page’s submenu (which aids in navigation).
- Using Editor Comments (Snippet) – Go to the section of a page where you want to place a comment that only you and other editors/publishers will see. Select Snippet. Drag Comment Snippet to page location. Type what you need. Click on [Insert Snippet]. The Editor Comment snippet can be used as a placeholder and later removed or can be used as a “permanent” note as a guide for an editor/publisher.
- Tables – Add using “top toolbar” and edit using “bottom toolbar”
- Bookmarks – Use as “anchor” to quickly “jump” to sections on a page (Watch a video about bookmark anchors)