Scribd
Upload
13 views

How To Use Your Content Document

Uploaded by

Razan Badran
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
13 views

How To Use Your Content Document

Uploaded by

Razan Badran
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Welcome to your content document!

This content document will help our teams collaborate to determine what
text and images you want on your website. Before you begin reviewing and
editing the content doc, please review the following brief guide.

Welcome to your content document! 1


What you see at the top of the document 1
How to work with the content in the document 2
What your pages can look like 4
What you see at the top of the document
The top of the document represents your navigation - or the names and structure
of the pages on your website. This is called a sitemap.

The sitemap will look something like this (in


this example we’re using the case.edu/wcms
website).

You’ll notice that the whole numbers (1, 2,


and 3) represent the pages that live in the
main navigation - or the gray bar - at the top
of the website.

The labels listed underneath those (1.1, 1.2,


2.1, etc.) represent the pages nested under
the main navigation - or “child pages” - of
the main navigation. Sometimes you can have pages nested under those pages,
such as 3.3.1.

This listing is how the pages will be structured/displayed on your website.


Please do not edit this section of the document unless you have been advised
to do so!

For example, the above navigation looks like this on a live CWRU website:
In the above example, the “1. About” section looks like this:

Once your team has worked with UMC to determine the navigation for the website,
it’s best if this doesn’t get altered during the content process unless a change has to
be made. In this instance, you can leave a comment or reach out to us via email.
How to work with the content in the document
Each page listed in the navigation will have a place in the content document.
This means that every label you see in the listing at the top of your document
represents a page on your website.

Clicking on the title of a page in the sitemap will take you to the section of the
content document where the text/images for that page should live as you work on
them. This is where you can add/edit/adjust/remove the text and images you want
to appear on your live website once it is built.

It will look something like this:

The page within the content document is set up with the page’s navigation structure, the
page name, a space for the meta description which our teams will fill out for you, the
previous URL (if applicable), and space for the page’s content at the top.

The only portion we ask you to edit will be to add any content you’d like to appear on
the page beneath the Content section.
If you have questions as you work on the text you can leave comments in the document. To
do this, highlight the text in the document you would like to comment on and click on the
plus sign on the right-hand side.

It will look like this


What your pages can look like
As you work on your content document, you might want to know what features your pages
can have.

Hero Image
A hero image helps set the tone of your website or web page and offers a place for a short
image caption. You can add up to five full-width Hero Images at the top of the page, but keep in
mind: the more photos you add to a page, the longer it takes to load. For this reason, we
recommend the hero image generally only be used on landing pages or pages in your top-level
navigation.

Example Form:
Image:
https://drive.google.com/file/d/1d5Zawnkm9V4vpJtfKqlh5dKPxNnRLF3k/view?usp=drive_link
Image Caption: Receive training and support through University Marketing and
Communications.
Caption Link: NONE
Right Sidebar

Aside Section
Aside sections are used when you have important information, such as a location or
contact info, an important notice, or other information that needs to be displayed
prominently but needs more information than just a link to learn more. Aside sections
allow for a title, image, text, and a button but do not need to include all four elements.

Example Form:
Aside title: Be On Brand
Aside photo (if applicable): None
Aside text: A lot of important factors go into the Case Western Reserve brand. Our brand
book explains them all.
Aside button link text (if applicable): Download It Now
Aside button link URL location (if applicable):
https://case.edu/brand/sites/default/files/2023-11/Case-Western-Reserve-University-Identit
y-Guidelines.pdf
Buttons
Buttons are used to quickly link out to other important places on your website, such as to
event calendars or additional resources for your users. Buttons can be standalone buttons
or listed in groups, called Stacked Buttons.

Example:
Button link text: Apply Now
Button link URL location:
https://case.edu/law/admissions/international-llm-admissions/apply-international-llm-prog
ram

You might also like