Welcome to the Kitchen Sink

The Kitchen Sink is a display and example of the Omni CMS snippets and items used to create the web page content .  These are the snippets and items available to the Web Stewards.  The Kitchen Sink also explains the different parts of the ESU website.

Structure of the ESU Website

The ESU website is structured into three main sections: Site Header, Site Footer and Page Content.

  • Site Header -- Top most section of the website, contains the ESU logo, main navigation links and links to important actions such as Apply, Email and Calendar.
  • Site Footer -- The bottom most section of the website, contains information such as contacting the university, legal, ESU main Social links and links to pertinent actions.
  • Page Content -- Between the Site Header and Site Footer, contains the bulk of the information for a page. Web Stewards will have control over editing this section. This section is broken into three sections: Hero Section, Main Content, and Explore More/Contact.
    • Hero Section -- Contains the Header Image(s), title and sub title of the section.
    • Main Content -- Where the bulk of the message will be made.
    • Explore More/Contact Section -- Displays the links to the web pages in the Web Section and this Web Section contact information.

Web Sections -- Organization of the Website -- "How Will People Find My Content"

Web Sections are the core organizational units of the ESU website. A section is a group of web pages on a single area of interest to its intended audience (generally, prospective or current students). Example sections would be "Admissions", "President's Office", “Financial Aid,” “Housing & Residence Life,” “Facilities Management,” or “Entrepreneurship.”

People will find your content if its placed with your Web Section or you direct them to another Web Section or page.

  • In most cases, each ESU department will organize its content as a single section.
  • However departments with a wide range of services, or departments that serve multiple audiences, may choose to separate its content into multiple sections.

The Section Name is present and prominent on every page of the section – in the browser’s tab/window title and on the top of every page’s content. Site navigation is provided on the bottom of each page within the “In This Section” widget, with the name of the section prominently on the top, and the navigation link structure fixed & consistent within the section.

Page Content Section

The Page Content Section of an ESU webpage is where the main details and information for a particular section is found. For example if a student is looking to Apply, the Main Content of the Application page would be the details on how to fill out an application.

Lets explain the different parts of the Main Content section in more details.

Hero Section


The Hero Section will contain the following...

  • A large “hero” image or images.
  • This may be consistent on each page of the section, or it may vary.
    • The hero image is taller on the section homepage than other pages.
    • It is hidden altogether at phone-size widths.
  • The page title.
  • The section title, a link to the section homepage, in smaller font just above the page title.
    • This is omitted on section homepages, because its page title is the section title.
  • An optional Top Call-to-Action link (not shown).
    • This should be used rarely: only if the page’s primary goal is to drive the audience to complete one particular task, and that task requires little to no explanation before clicking the link. An example would be “Apply Now” on a scholarship page.
  • Breadcrumbs, a menu leading back to the ESU homepage and each page in between.

Main Content


Of course, pages are required to contain some text. And this is where the main content, thought, or text of the page will reside.

All pages must begin with at least one sentence or header, above any other content elements except Alerts.

In addition to introducing the page, the first sentence of content may be automatically used as the page description on search engines.

Guidelines are available for the layout and editing options on the main content. Go to the ESU Web Content Standards page for more details

For help with Web Page development or to change the look and layout of your page(s), contact the Web Services department.

Explore More / Contact Section


Section Navigation Tab (Explore More)

Not Updated by Web Stewards

    • A hierarchical display of where this page falls within the section. Sections may be up to four levels deep (where the homepage is level one). Each section should generally have no more than 9 pages with the same parent.
  • Related Links (tab to the right of section navigation, not shown)
    • Links to other relevant sections or pages of the ESU website.
    • With approval, this may also contain links to relevant, authoritative content beyond the ESU website. Departments are responsible for linking only to appropriate external content.

Contact Message / Contact Information

  • Contact Message
    • Visitors who read this far down the page have not found what they were looking for higher up. This message invites users to contact the department for further information about the services & information above, rather than giving up.
  • Contact Information
    • The building name, phone and fax numbers, and the leadership title, name, email and phone number are in a fixed format. The named individual should be the department chair/director or equivalent who leads providing the services described on the page. The phone numbers and email address may be those of that named leader or of some other point of contact, such as a department secretary or a generic e-mail address for the department.

There are several other content sections of the website to know. They are useful in the general, standardize links, navigation and information. They are not managed by the Web Stewards.

Site Header and Site Footer

These are two standardized sections that appear constant on every page. They will give consistent navigation details, legal details, and contact details. So that the user at any time can reference them. These sections are managed by the ESU Web Services department.

Here are more details of the Site Header and Site Footer sections.

Site Header

The site header is located above the Hero Image. it contains:

  • The institutional logo (linking to the ESU homepage),
  • Quick Links, primarily for an internal audience (Email, myESU, etc.)
    • Give & Apply Now buttons
    • Search (web pages and faculty/staff directory)
  • Top-level navigation (About, Academics, Admissions, Student Life, …)

Site Footer

The site footer is located at the very bottom of the page. It contains the address, legal and related information along with social media and other fixed links (menu).

Other Content Help

There are other sections of importance that will help with understanding the structure of the ESU website:  Search Results on Google and the A-Z Page.

Search Results on Google

Search Results on Google.com and on the website’s internal search (powered by Google) will feature sections more prominently than before. More traffic to ESU pages comes from search than any other channel, including internal navigation.

A-Z Page

The A-Z page lists every section of the ESU website. Because the A-Z Page linked from the site-wide header, every section’s homepage is (at most) two clicks from the ESU homepage.

Contact Us

Can't find what you are looking for? Please contact Omar Williams, Steve LaBadie, or Frank Bright

Contact Information

Campus Address
Science & Technology Center
Phone:
(570) 422-3995
Title of Department Leader
Senior Manager of Web Services
Name
Omar Williams