Pages are made up of modules. You can pick and choose from a large menu of different module types and customise them with your content.

On this page you can find instructions for the following modules:

• Small content block with collection highlight
• Small content block with images
• Card grid
• Small content block with key messages
• Large call-to-action block
• Search field
• Article content with sidebar
• Map content grid
• Small content block with records
• Taxonomy term list
• Logo lists

To get to the module menu you’ll first need to create a page (of any type), add a title, a parent page if relevant, and a template, and clicking Create A Page.

Then click Select in the Add A Content Module section on the left hand side of the screen.

The module menu looks like this: 

Select which module you want to use by clicking it, and then clicking Add. 

The module will appear at the bottom of the page. 

Small content block with collection highlight 

The module looks like this in Pagemaker:

And is used to highlight specific collections and direct your users to them. 

(You’ll need to have created and published at least one collection to use this module!)

This is great for curating the user journey, and can also be used to highlight the efforts of your co-collaborators, students, volunteers etc on the homepage. It also lets your users jump straight to those specific collections, instead of having to go via the map. 

Add a title and a description into the Title and Description fields.

You can also include a call-to-action button with a link that your users can click on to go elsewhere on the web. This module automatically links to the collection mentioned, so you can use this button to link to other relevant information, like the collections database or the institution the information is from. 

Start typing in the collections description field to return a list of collections.

When saved and published, it’ll look like this:

Small content block with images

This module can draw on imagery from your map, or from your project more generally. It doesn’t automatically link to records, collections, or other Humap content. It can be used to direct your audience and brighten up the page. 

The module fields look like this:

You can add between one and three pictures, as well as a title, description, and a button that can link to anywhere on the web. 

When published it looks like this:

Card grid

The card grid module is used to direct your audience and highlight specific pieces of content.

 

Add a title and a description into the Title and Description fields. You can then use the dropdown menu to pick between the quickstart and content item display style (both seen below).

You can also add an image file by clicking upload or dragging and dropping the file on the rectangle.

If you are adding an image, give it a title, a link, and a brief description for context and accessibility by typing or pasting into the relevant fields.

This is how the quickstart style looks:

…and this is how the content item style looks:

You can toggle between the quickstart display and content item using the dropdown menu, without having to reinput the data if desired. 

Small content block with key messages 

This module is great for quickly communicating your project purpose to your users, and directing their experience.

You can have between one and four key messages. 

Add a title and a description into the Title and Description fields. You can then type or paste a URL into the Button Link field and name the button in the Button Text field. 

You can also add an image file by clicking upload or dragging and dropping the file on the rectangle, and title the image in the Title field beneath the images.

The final module will look something like this:

Large call-to-action block 

This block is designed to get a reaction from your users with a call-to-action. This can direct them to do almost anything – click the link, go to the original database, donate, add their own content etc.

Add a title and a description into the Title and Description fields, then type or paste a URL into the Button Link field and type the name of the button into the Button Text field.

The module will then look like this:

Search field 

Search fields are a way for your user to immediately start searching for specific content on the map. In Pagemaker the module looks like this:

We recommend adding a title by typing into the Title field, but it’s not compulsory.

On the page, it looks like this:

Article content with sidebar 

This module is great for short-medium length text about your project. 

In Pagemaker it looks like this:

Type or paste text into the Content field. There are several options for formatting text in the toolbar along the top of the field.

You can also add an image file by clicking upload or dragging and dropping the file on the rectangle.

If you are adding an image, give it a title, a link, and a brief description for context and accessibility by typing or pasting into the relevant fields.

On the page it looks like this:

Map content grid 

The map content grid module is excellent for showcasing your hard work and directing your users. 

You can choose whether you want to display records, collections, or overlays in this style, so you’ll need to have some of your desired content type published on the map before you can select it here. 

In Pagemaker it looks like this:

Add a title and some descriptive text into the Title and Description fields. Then, use the dropdown menus to decide if you would like Humap to automatically display new content or whether you’d like to curate the map content grid, and what kind of content you would like to display. 

You can also add a button with a call-to-action and a link if desired. 

On the website this module looks like this:

Small content block with record highlights

This module is a way of directing users to specific records, manually curated by you. 

Add a title and a description into the Title and Description fields.

You can create call-to-action button & link by pasting or typing a URL into the Button Link field and naming the button in the Button Text field.

Start typing in the Records search field to return a list of records.

Click your desired record(s) and then click Save. 

When published, it’ll look like this:

Taxonomy term list 

Taxonomies and taxonomy terms are one way of organising content on Humap. Think of them like categories and subcategories: for example, if “period” is the taxonomy, the terms could be “13th Century”, “18th Century”, “First World War” etc. 

You’ll need to have created taxonomies and taxonomy terms in the relevant section of the admin dashboard before you can use this module. 

In Pagemaker the module looks like this:

Add a title into the Title field, and then click Select a Taxonomy to generate a list of taxonomies.

Click which one you would like to showcase. It’ll look something like this on the website:

 

Logo list 

Use this module to reference and link out to your website and your collaborators. 

In Pagemaker the module looks like this:

Add some (optional) text into the Description field.

You need an image file of the logo – preferably high definition and either on a transparent background or at a colour match with the page. 

You can also add an image file by clicking upload or dragging and dropping the file on the rectangle. Add a title into the Title field in the uploader and type or paste the URL of the group represented by the logo into the URL box.

You can upload several logos. They’ll look like this on your page: