Skip Navigation
Guidance for editors

Available blocks

EHU Cover block

Add an EHU Cover block to the top of your page if you want a large banner image. Reserve for landing pages/top-level category pages.

You can also change the width of the EHU Cover block – None (1280px wide), Wide width (1400px wide) and Full width (100% wide). Wide width and None are generally preferred.

You should manually add the title of your page to the EHU Cover block and check the “Hide Page Title” checkbox at the bottom of the Page sidebar. You can also input text to appear before (“Pre Title”) and after the title (“Subtitle”). Reserve pre-text for a label (for example “Department”) and the text after for a very short summary or qualifying text – although both are optional. Site-specific CTAs can appear here as well, for example “Book an open day”.

You should manually add the title of your page to the EHU Cover block and check the “Hide Page Title” checkbox at the bottom of the Page sidebar. You can also input text to appear before (“Pre Title”) and after the title (“Subtitle”). Reserve pre-text for a label (for example “Department”) and the text after for a very short summary or qualifying text – although both are optional. Site-specific CTAs can appear here as well, for example “Book an open day”.

Examples

Width: None

Image size: 1280 x 430 pixels (3:1 aspect ratio)

Width: Wide width

Image size: 1400 x 466 pixels (3:1 aspect ratio)

Width: Full width

Image size: 100% pixels wide – height calculated using 3:1 aspect ratio

How to add the EHU Cover block in WordPress

Heading block

The in-page navigation menu appears on most pages and indexes all Heading 2s that appear on the page. Be sure to use properly organised and nested heading styles to make sure that this works correctly.

Heading 3 example

Aenean cursus tellus eu condimentum eleifend. Integer lacinia quam at imperdiet fringilla. Morbi ut blandit lectus. Duis sit amet diam eget dui facilisis tincidunt scelerisque pulvinar sem.

Heading 4 example

Mauris mattis, nisi nec placerat vulputate, eros odio pulvinar augue, laoreet pretium leo eros sit amet lacus. In tempus odio urna, sit amet accumsan risus placerat id. Fusce congue justo vel commodo hendrerit.

How to add the Heading block in WordPress

Paragraph block (Default and Intro text block styles)

Most pages will benefit from intro text, where the first paragraph is slighter larger than standard body text and helps explain the purpose of the page.

Examples

Intro text. Aenean cursus tellus eu condimentum eleifend. Integer lacinia quam at imperdiet fringilla. Morbi ut blandit lectus. Duis sit amet diam eget dui facilisis tincidunt scelerisque pulvinar sem.

Paragraph text. Aenean cursus tellus eu condimentum eleifend. Integer lacinia quam at imperdiet fringilla. Morbi ut blandit lectus. Duis sit amet diam eget dui facilisis tincidunt scelerisque pulvinar sem. Mauris mattis, nisi nec placerat vulputate, eros odio pulvinar augue, laoreet pretium leo eros sit amet lacus.

How to add the Paragraph block (Intro Text and Default block styles) in WordPress

List block (bullet point or numbered list)

Use the List block style (or type “* <space>” or “1. <space>”) to create a bullet point or numbered list. Use the column styles (rather than the Column block) to present the list in two or more columns.

Example

  • Curabitur cursus nunc sed venenatis feugiat.
  • Sed in ipsum sollicitudin, suscipit elit nec, molestie risus.
  • Nunc quis risus nec tellus molestie volutpat in non lacus.
  • Maecenas rhoncus sapien vitae turpis blandit fringilla.
  • Morbi egestas est nec massa eleifend commodo.
  • Aenean at dolor id mi facilisis ultrices sit amet ac urna.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Nulla dapibus metus ac lorem vestibulum venenatis.
  • Sed a turpis vel velit scelerisque feugiat at eu ex.
  • In imperdiet metus id vestibulum vulputate.
  • Praesent quis arcu non lacus tincidunt bibendum.
  • Pellentesque pharetra nulla a justo molestie ultrices.
  • Nulla ultrices velit id vestibulum aliquet.
How to add the List block (with Column styles) in WordPress

Media & Text block

The Media & Text block is the preferred way to align an image with text and/or any other block content.

Example

Example heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus elit vel rhoncus egestas. Aliquam venenatis commodo ex sed pretium. Quisque molestie tellus nec neque fringilla efficitur. Nunc eu varius dui. Quisque libero velit, sodales nec elementum ac, hendrerit vitae ipsum. Aenean et risus in purus tincidunt rutrum. Proin sodales libero ut dolor vulputate, vel mattis erat mattis. Donec in risus quis lorem facilisis fermentum. Nulla sit amet odio ac sem consectetur rutrum et ac sapien. Nulla at elementum mauris, et consectetur nibh.

Example button
An image of business student, Holly Brock.
An image of business student, Holly Brock.

Example heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus elit vel rhoncus egestas. Aliquam venenatis commodo ex sed pretium. Quisque molestie tellus nec neque fringilla efficitur. Nunc eu varius dui. Quisque libero velit, sodales nec elementum ac, hendrerit vitae ipsum. Aenean et risus in purus tincidunt rutrum. Proin sodales libero ut dolor vulputate, vel mattis erat mattis. Donec in risus quis lorem facilisis fermentum. Nulla sit amet odio ac sem consectetur rutrum et ac sapien. Nulla at elementum mauris, et consectetur nibh.

Example button
How to use the Media & Text block

EHU Card block inside Column block

The EHU Card block should typically appear in a Column block layout, rather than as a full-width element, so these blocks are nested inside the Column block.

Cards are typically used to link to sub/child pages, but don’t have to link to anything. You can also change the width of the Column block – None (1200px), Wide width (1400px) and Full width (100%).

Examples

Width: None

Width: Wide width

Width: Full width

How to add the EHU Card blocks (inside a Columns block) in WordPress

EHU CTA block

If you have a single call-to-action (CTA) that you want to highlight, you can use the EHU CTA block.

Reserve for situations where you want to include some qualifying text and/or this is the primary purpose of the page ie “Register for this event” or “Complete the survey now”.

Example

Title of CTA

Subtext to accompany CTA

How to add the EHU CTA block in WordPress

EHU Buttons block

If you want to include one or several call-to-action (CTA) button/s without subtext, you can use the EHU Buttons block.

Example

Button 1 Button 2 Button 3
How to add the EHU Buttons block in WordPress

EHU Expanding Box block

Use the EHU Expanding Box block to show and hide content on your page. Use in combination with any other blocks, nested inside.

You can use the List view button to keep track of which blocks are inside an EHU Expanding Box block – drag and drop blocks to move them round and change the order.

Example

Title (click to open)
How to add the EHU Expanding Box block in WordPress

EHU Number Panel block

Use the EHU Number Panel block with Columns block to illustrate a series of statistics, USPs and/or numbered steps.

Example

1st

Winner

Aenean cursus tellus eu condimentum eleifend. Integer lacinia quam at imperdiet fringilla. Morbi ut blandit lectus. Duis sit amet diam eget dui facilisis tincidunt scelerisque.

2nd

Silver medal

Mauris mattis, nisi nec placerat vulputate, eros odio pulvinar augue, laoreet pretium leo eros sit amet lacus. In tempus odio urna, sit amet accumsan risus placerat id.

3rd

Bronze medal

Fusce congue justo vel commodo hendrerit. Nullam consequat augue ut molestie ultrices. Praesent orci velit, pulvinar id pellentesque in, aliquam sed metus.

How to add the EHU Number Panel block (inside Column block) in WordPress

EHU Icon Panel block

Use this block if you want to include Font Awesome icons and text in a card or panel layout. You can optionally include subtext and a link for each icon.

You don’t need to combine this block with columns to arrange several on a single row. The “Panel” slider lets you change the layout from a small button to a larger panel too:

Examples

Panel slider off

Panel slider on

How to add the EHU Icon Panel Block in WordPress

EHU Promo Panel

Use this block to promote a single item or activity as large promo panel.

You can choose a single image or video to accompany your message. The CTA is mandatory so all EHU Promo Panel blocks need to include a link.

Examples

Open Days

The best way to get a feel for Edge Hill is to see it for yourself. Aenean cursus tellus eu condimentum eleifend. Integer lacinia quam at imperdiet fringilla. Morbi ut blandit lectus. Duis sit amet diam eget dui facilisis tincidunt scelerisque pulvinar sem. Mauris mattis, nisi nec placerat vulputate, eros odio pulvinar augue, laoreet pretium leo eros sit amet lacus. In tempus odio urna, sit amet accumsan risus placerat id. Fusce congue justo vel commodo hendrerit. Nullam consequat augue ut molestie ultrices. Praesent orci velit, pulvinar id pellentesque in, aliquam sed metus.

Book your place
Open Days

The best way to get a feel for Edge Hill is to see it for yourself. Aenean cursus tellus eu condimentum eleifend. Integer lacinia quam at imperdiet fringilla. Morbi ut blandit lectus. Duis sit amet diam eget dui facilisis tincidunt scelerisque pulvinar sem. Mauris mattis, nisi nec placerat vulputate, eros odio pulvinar augue, laoreet pretium leo eros sit amet lacus. In tempus odio urna, sit amet accumsan risus placerat id. Fusce congue justo vel commodo hendrerit. Nullam consequat augue ut molestie ultrices. Praesent orci velit, pulvinar id pellentesque in, aliquam sed metus.

Book your place
How to add the EHU Promo Panel block in WordPress

You can include a regular image gallery mosaic using the standard WordPress Gallery block.

Example

How to add a Gallery block in WordPress

EHU Announcement block

Use this block for disclaimers and message that you want to highlight. You can choose a suitable icon to appear next to your message and increase its visibility using the “Disclaimer plus” slider.

Examples

This is an announcement

This is an announcement

How to add the EHU Announcement block in WordPress

EHU Tab Headings and EHU Tab Content blocks

Use these blocks to create in-page, tabbed content.

Only use this block when the content of each tab doesn’t require the user to scroll on a standard, desktop display.

Example

Praesent tincidunt, tellus in tempor commodo, nulla arcu pharetra dolor, non gravida nisi ipsum accumsan sapien. In nec tortor nec neque condimentum pharetra. Aliquam mauris magna, semper at dolor venenatis, rhoncus ullamcorper felis. Morbi vehicula mattis purus quis facilisis. Aenean at augue consequat, consectetur purus at, pulvinar erat. Ut ac tristique orci. Morbi vitae fringilla mi. In hac habitasse platea dictumst.

Aenean cursus tellus eu condimentum eleifend. Integer lacinia quam at imperdiet fringilla. Morbi ut blandit lectus. Duis sit amet diam eget dui facilisis tincidunt scelerisque pulvinar sem. Mauris mattis, nisi nec placerat vulputate, eros odio pulvinar augue, laoreet pretium leo eros sit amet lacus. In tempus odio urna, sit amet accumsan risus placerat id. Fusce congue justo vel commodo hendrerit. Nullam consequat augue ut molestie ultrices. Praesent orci velit, pulvinar id pellentesque in, aliquam sed metus.

Cras vitae libero vehicula, tincidunt velit non, tincidunt magna. Maecenas pretium lorem sed gravida sollicitudin. Sed semper lacus orci, commodo gravida urna scelerisque nec. Etiam quam lorem, euismod at eleifend vel, sodales sit amet ipsum. Nulla tincidunt metus sapien, dapibus congue odio pharetra sed. Integer quis lacus nulla. In suscipit nulla vel urna venenatis convallis et et orci. Suspendisse dapibus, odio id finibus tempus, sem dolor faucibus risus, nec semper quam nibh et lacus. Cras id finibus quam, ac blandit leo. Suspendisse non sem congue justo sagittis mattis vel eget nunc. Aliquam pulvinar nisi ac lorem condimentum dapibus. Curabitur condimentum, mauris rhoncus accumsan placerat, dui lorem dapibus nisl, non cursus nisl risus sit amet turpis. Fusce metus odio, molestie quis ultricies quis, aliquet sed sem.

How to add the EHU Tab Heading and EHU Tab Content blocks in WordPress

Table block

The standard Table block is fine for basic tables. If you need more complicated functionality (including pagination and sorting), contact the Digital Content team.

Example

Example heading 1Example heading 2
ContentContent
ContentContent
Table caption (optional)
How to add the Table block in WordPress

EHU Quote Slider block

Select and present one or more quotes (associated with a Profile) that have been uploaded to the website.

You can manually add a specific quote and/or use the filters to display quotes associated with an academic subject, department and/or specific tag.

Example

Alice Featherstone wearing a volunteer lanyard

Edge Hill offers constant support for students no matter what the problem is, which is something I found very helpful in my first year.

Alice Featherstone

BA (Hons) Education and English

View student profile

I thoroughly enjoyed my three-year BSc (Hons) degree in Psychology. The tutors were all fantastic, with a wide variety of module options allowing me to broaden my knowledge in the third year.

Hollie Wilkinson

View alumni profile
How to add the EHU Quote Slider block in WordPress

EHU Subject List block

Use this block to present a list of undergraduate or postgraduate subject areas. You can alternatively manually select individual subjects.

Accounting and Finance

View this subject

Animation and Graphic Design

View this subject

Biology and Biosciences

View this subject

Biology and Biosciences

View this subject

Business Management

View this subject

Business Management

View this subject

Chemistry

View this subject

Computing and IT

View this subject

Computing, IT and Mathematics

View this subject

Counselling and Psychotherapy

View this subject

Counselling and Psychotherapy

View this subject

Creative Writing

View this subject

Creative Writing

View this subject

Criminology

View this subject

Criminology and Offending

View this subject

Dance, Drama and Musical Theatre

View this subject

Economics

View this subject

Education and Teaching

View this subject

Education and Teaching

View this subject

Engineering and Physics

View this subject

English

View this subject

English

View this subject

Fastrack: Preparation for Higher Education

View this subject

Film, Media and Broadcast Production

View this subject

Film, Media and Broadcast Production

View this subject

Geography and Geology

View this subject

Health and Social Care

View this subject

Health and Social Care

View this subject

History

View this subject

History

View this subject

International Study

View this subject

Law

View this subject

Law

View this subject

Marketing

View this subject

Marketing

View this subject

Medicine

View this subject

Medicine

View this subject

Mental Health

View this subject

Mental Health

View this subject

Midwifery

View this subject

Midwifery

View this subject

Music Production

View this subject

Nursing

View this subject

Nursing

View this subject

Nutrition, Food and Health

View this subject

Nutrition, Food and Health

View this subject

Operating Department Practice

View this subject

Paramedic Practice

View this subject

Policing

View this subject

Policing

View this subject

Politics and International Relations

View this subject

Postgraduate

View this subject

Psychology

View this subject

Psychology

View this subject

Religion and Philosophy

View this subject

Research

View this subject

Social Work

View this subject

Social Work

View this subject

Sociology and Social Sciences

View this subject

Sociology and Social Sciences

View this subject

Sport and Physical Activity

View this subject

Sport and Physical Activity

View this subject

TESOL

View this subject

Undergraduate

View this subject


EHU Courses List block

Use this block to present a list of undergraduate or postgraduate courses for a given department or subject area (not both). You can alternatively manually select individual courses.

Example

How to add the EHU Courses List block in WordPress

EHU Profiles List block

Use this block to present a list of staff or student profiles for a given subject area or department (not both) and optional tag. You can alternatively manually select individual profiles.

How to use the EHU Profiles List block in WordPress

EHU News List block

List news stories associated with a subject or department (not both) and optional tag. You can also manually select individual news stories.

Examples

Multiple news stories selected using filters and presented using “Grid” view

Single post manually selected and presented using “Detailed only” view

How to use the EHU News List block

EHU Event List block

Display a limited number of events in grid view.

Example


EHU Timeline Event block

Use the EHU Timeline Event block to create a timeline of events, in combination with any other blocks, nested inside.

Edge Hill Founded

Main building lit in suffragette colours

On 7 February 1882 seven Liverpool businessmen and philanthropists – Alexander Balfour, Thomas Matheson, Samuel Smith, William Crosfield, W P Sinclair, S McDairmid and S G Rathbone – founded Edge Hill College.

A large house on Durning Road in the Edge Hill district of Liverpool was adapted and formally opened on 24 January 1885, welcoming 41 new students.

Sarah Jane Yelf

Front entrance of the Main Building in the summer

Sarah Jane Yelf was appointed as the College’s first Principal, with the intention of producing ‘a superior class of Elementary School Mistresses’.

How to add the EHU Timeline Event block in WordPress