LogoLogo
  • GovCMS Content Administration Training Manual
  • Contributing and Feedback Guide
  • Introduction to GovCMS
    • Introduction to GovCMS
    • Overview of user roles
  • Training Videos
    • GovCMS how-to videos
  • Unit 1: Intro to the Admin Backend
    • How to login to GovCMS
      • Exercise 1.1 - Login and Setting up TFA
    • How to log out from your site
    • Administration menu overview
      • Exercise 1.3 - Add a non-admin user
    • The Frontend Homepage Layout
      • Exercise 1.2 - View the Site Frontend content
    • How to access the content management area
    • Overview of content management area
    • Content management - filters overview
      • Exercise 1.4 - Filtering Content
  • Unit 2: More about GovCMS
    • Content types overview
    • Overview of content create/edit form
    • Form fields and form widgets
    • Fields and properties
    • Structured content in GovCMS
    • Overview of Rich text editor
    • Embedding media files
    • Text format
    • Content references in GovCMS
  • UNIT 3: MANAGING CONTENT IN GOVCMS
    • Creating Content
      • Exercise 3.1 - Create some content
    • Editing content
      • Exercise 3.3 - Edit a piece of content
    • Archiving content
      • Exercise 3.4 - Archiving content
    • How content changes can affect the site
  • UNIT 4: MANAGING CONTENT REVISIONS
    • Managing content revisions
      • Exercise 4.1 - View revisions history
      • Exercise 4.2 - Revert a content revision
  • UNIT 5: CONTENT MODERATION IN GOVCMS
    • Content moderation in GovCMS
      • Exercise 5.1 - Content moderation
  • UNIT 6: Files and media assets
    • Managing files and media assets in GovCMS
    • Media library
      • Exercise 6.1 - Uploading and using media
      • Exercise 6.2 - Manage media - Bulk Operations
  • UNIT 7: MANAGING URL ALIASES AND REDIRECTS
    • URL aliases and redirects
      • Exercise 7.1 - Update a page's URL alias
      • Exercise 7.2 - Create a URL alias
      • Exercise 7.3 - Create a Redirect (advanced)
  • UNIT 8: META TAGS AND SEO
    • Meta tags and SEO
    • Tokens and default meta tags
      • Exercise 8.1 - Update meta tags of content
  • UNIT 9: USING TAXONOMY TO CATEGORIZE CONTENT AND MEDIA
    • Taxonomy and Vocabulary
    • Overview of Taxonomy form widgets
      • Exercise 9.1 - Add taxonomy terms
      • Exercise 9.2 - Add taxonomy to a Page
  • UNIT 10: MANAGING SITE NAVIGATIONS AND BREADCRUMBS
    • About site navigation
    • About breadcrumbs
    • Managing menu items
      • Exercise 10.1 - Add an item to a menu
  • UNIT 11: CAPTURING DATA WITH FORMS
    • Capturing data with forms
      • Exercise 11.1 - Create a basic Webform
    • Webform components
      • Exercise 11.2 - Attach a form to a Webform page
      • Exercise 11.3 - Create an event registration form
  • UNIT 12: ADVANCED CONTENT EDITING
    • Advanced content editing
    • Advanced - content bulk operations
      • Exercise 12.2 - Bulk operations - delete test content
  • Appendix A - Glossary
    • Glossary
  • About Salsa Digital
    • Who is Salsa Digital?
Powered by GitBook
On this page
  • Example Homepage
  • Overview of homepage regions
  • Contextual Links

Was this helpful?

Edit on GitHub
Export as PDF
  1. Unit 1: Intro to the Admin Backend

The Frontend Homepage Layout

PreviousExercise 1.3 - Add a non-admin userNextExercise 1.2 - View the Site Frontend content

Last updated 2 years ago

Was this helpful?

Example Homepage

The screenshot below shows what the default front page of a freshly installed GovCMS site (with some demo content added) looks like.

Overview of homepage regions

The horizontal sections are also often referred to as “regions”. From top to bottom, these are:

  1. The Site logo and search bar.

  2. The Main navigation menu.

  3. A “hero” block with a full-width image and a welcome message.

  4. Informational text with a link to a page with further details.

  5. Some more informational text using different colours for background and text.

  6. A listing of some pieces of content, rendered as “tiles”, with links to the actual content.

  7. A section with a secondary navigation menu.

The top section that contains the site logo and the main navigation menu (sections 1 and 2 in the screenshot above) is usually referred to as the “header”, while the section at the very bottom of the page (7) is referred to as the “footer”.

Tip: Remember, because GovCMS allows web developers and designers to lay out and style the site according to the needs of each agency, the homepage and other pages may differ visually to the GovCMS site you will use during a training course.

However, the content administration experience will generally be consistent across GovCMS sites, because this task is performed after you login to the administrative interface.

Contextual Links

Hover your mouse over the various sections of the page. Notice that for some of them, a small round button with a pencil icon appears over the top-right corner. These are called “Contextual Links” and they provide an easy way to quickly access some common tasks, related to the element the contextual menu belongs to. In the left-hand screenshot below you can see what the contextual icon looks like when hovering over one of the tiles in the Content example (demo). When you click on the pencil icon, the available actions/tasks are revealed, as shown in the screenshot below.

Image of example GovCMS Homepage
Image of Contextual links 1
Contextual links 1