Layout

When you use the 'Landing page' content type, you can rearrange your page content into different column arrangements with the 'Layout' component.

This component enables you to tailor your layout to the amount and type of content you have on your page.

The default option is to have your page components arranged vertically in the centre of the page. However, from the 'Layout' page component, you can choose to have two or three columns with different proportions. The proportions of each layout are indicated in brackets.

Whichever layout you choose, the summary box will always stay along the top of the page, immediately under your page title. This ensures a consistent look across all University webpages, and means that visitors to your site can easily browse your pages and find the information they need.

Below are examples of page content displayed in each of the layout options available. In order, these are:

Single column layout (default)
Two column layout (50/50)
Two column layout (60/40)
Two column layout (40/60)
Three column layout (25/50/25)
Three column layout (33/34/33)

Single column layout (Default)

University of Edinburgh Accessibility Statement

We have a comprehensive web accessibility statement, detailing how content can be adjusted to users' needs and how we can address equality of access to information and services.

Inclusive language

Your websites built in EdWeb 2 should follow the University's inclusive language principles.

In this YouTube video by Silktide, they discuss how they designed NHS websites to follow the Web Content Accessibility Guidelines version 2.2 (WCAG 2.2). A lot of the issues they discuss and the changes they made are similar to what we should take into acccount for our EdWeb 2 sites.

It is especially important as a public body that we follow these guidelines so all users have equal access to our content.

Web Content Accessibility Guidelines 2.2

Here you can read the full Web Content Accessibility Guidelines (WCAG 2.2), as composed by the World Wide Web Consortium (W3C).

Two column layout (50/50)

University of Edinburgh Accessibility Statement

We have a comprehensive web accessibility statement, detailing how content can be adjusted to users' needs and how we can address equality of access to information and services.

It is especially important as a public body that we follow these guidelines so all users have equal access to our content.

A group of people are sitting around a table in the library cafe, talking to each other using British Sign Language

Inclusive language

Your websites built in EdWeb 2 should follow the University's inclusive language principles.

Web Content Accessibility Guidelines 2.2

Here you can read the full Web Content Accessibility Guidelines (WCAG 2.2), as composed by the World Wide Web Consortium (W3C).

Two column layout (60/40)

Inclusive Language

Your websites built in EdWeb 2 should follow the University's inclusive language principles.

Web Content Accessibility Guidelines 2.2

Here you can read the full Web Content Accessibility Guidelines (WCAG 2.2), as composed by the World Wide Web Consortium (W3C).

University of Edinburgh Accessibility Statement

We have a comprehensive web accessibility statement, detailing how content can be adjusted to users' needs and how we can address equality of access to information and services.

It is especially important as a public body that we follow these guidelines so all users have equal access to our content.

Two column layout (40/60)

Inclusive Language

Your websites built in EdWeb 2 should follow the University's inclusive language principles.

Web Content Accessibility Guidelines 2.2

Here you can read the full Web Content Accessibility Guidelines (WCAG 2.2), as composed by the World Wide Web Consortium (W3C).

University of Edinburgh Accessibility Statement

We have a comprehensive web accessibility statement, detailing how content can be adjusted to users' needs and how we can address equality of access to information and services.

It is especially important as a public body that we follow these guidelines so all users have equal access to our content.

Three column layout (25/50/25)

It is especially important as a public body that we follow these guidelines so all users have equal access to our content.

University of Edinburgh Accessibility Statement

We have a comprehensive web accessibility statement, detailing how content can be adjusted to users' needs and how we can address equality of access to information and services.

Web Content Accessibility Guidelines 2.2

Here you can read the full Web Content Accessibility Guidelines (WCAG 2.2), as composed by the World Wide Web Consortium (W3C).

Inclusive language

Your websites built in EdWeb 2 should follow the University's inclusive language principles.

Three column layout (33/34/33)

Web Content Accessibility Guidelines 2.2

Here you can read the full Web Content Accessibility Guidelines (WCAG 2.2), as composed by the World Wide Web Consortium (W3C).

University of Edinburgh Accessibility Statement

We have a comprehensive web accessibility statement, detailing how content can be adjusted to users' needs and how we can address equality of access to information and services.

Inclusive language

Your websites built in EdWeb 2 should follow the University's inclusive language principles.

It is especially important as a public body that we follow these guidelines so all users have equal access to our content.

This article was published on 2024-02-09