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
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.
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.
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.
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 buttonExample 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 buttonEHU 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
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
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 3EHU 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
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.
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
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
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 placeThe 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 placeGallery block
You can include a regular image gallery mosaic using the standard WordPress Gallery block.
Example
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
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.
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 1 | Example heading 2 |
---|---|
Content | Content |
Content | Content |
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
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
Animation and Graphic Design
Biology and Biosciences
Biology and Biosciences
Business Management
Business Management
Chemistry
Computing and IT
Computing, IT and Mathematics
Counselling and Psychotherapy
Counselling and Psychotherapy
Creative Writing
Creative Writing
Criminology
Criminology and Offending
Dance, Drama and Musical Theatre
Economics
Education and Teaching
Education and Teaching
Engineering and Physics
English
English
Fastrack: Preparation for Higher Education
Film, Media and Broadcast Production
Film, Media and Broadcast Production
Geography and Geology
Health and Social Care
Health and Social Care
History
History
International Study
Law
Law
Marketing
Marketing
Medicine
Medicine
Mental Health
Mental Health
Midwifery
Midwifery
Music Production
Nursing
Nursing
Nutrition, Food and Health
Nutrition, Food and Health
Operating Department Practice
Paramedic Practice
Policing
Policing
Politics and International Relations
Postgraduate
Psychology
Psychology
Religion and Philosophy
Research
Social Work
Social Work
Sociology and Social Sciences
Sociology and Social Sciences
Sport and Physical Activity
Sport and Physical Activity
TESOL
Undergraduate
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
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.
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
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
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
Sarah Jane Yelf was appointed as the College’s first Principal, with the intention of producing ‘a superior class of Elementary School Mistresses’.