On composed pages and in content types, you can use content blocks: extra paragraphs (paragraphs or media) that you can create in Drupal under "sections" and add to your content.
With these content blocks you can, for example, completely customize the body of a landing page as an editor. In this case, you can choose from 13 different content blocks, which you can place in any order on the page. You can also use (a number of) content blocks in most content types in addition to the already predefined fields.
This article describes the different content blocks and layout options.
A banner (event) allows you to enter a banner with an image, title, subtitle and link. Multiple images and colors are available. You can place a maximum of two banners next to each other.
Input interface
If you want to use this banner you have to create an event first.
- Enter a title, which will be displayed as text in the banner. Fill in a subtitle if necessary.
- Start typing to link the URL of the event content type.
- Under the layout tab choose the desired color and one of nine images.
A banner (text) allows you to enter a banner with a background text, title, subtitle and link. Multiple texts and colors are available. You can place a maximum of two banners next to each other.
Input interface
If you want to use this banner you first need to create the content type you want to refer to.
- Enter a title, this will be displayed as text in the banner. Fill in a subtitle if necessary.
- Start typing to link the URL of the content type you want to refer to.
- Under the layout tab, choose the desired colour and one of four background texts.
Photo banner allows you to enter a banner with a photo, title and link. You can choose the image yourself. You can place a maximum of one photo banner next to each other.
Input interface
- Click add media. Drupal's media database will open in a pop-up window.
- Search on the image name to select an existing image. Check the desired image and then click the 'Insert selected' button (at the bottom of the list) to add the image.
- Click 'Choose file' to upload a new file from your computer.
- Enter a title, it will be displayed as text in the banner.
- Start typing to link the URL of the content you want to link to.
A post allows you to post text. You can format the text with the styles in Drupal and you can add links and buttons. You can post a maximum of one post side by side.
Input interface
- To add a button, first apply a link.
- Then you can choose the desired button from the styles menu (primary or secondary button).
Contact allows you to add contact information to the page. You can add a text, email address (functional inbox), phone number, contact department and contact person.
Input interface
- Adjust the title if necessary.
- For e-mail address, preferably enter a functional e-mail address. If necessary, add a contact person and link the contact department to the contact information (organizational unit).
Content allows you to highlight existing content items stored in Drupal. You then see the "map view" that consists of a clickable title, a short summary and possibly an image. You can bundle multiple content items with a title. You can place up to three content items next to each other.
Input interface
- Add a title if necessary (optional).
- Add a description if necessary; this will be displayed below the title.
- Click 'select content' to select a content item stored in Drupal.
- A pop-up window will open where you can filter by content type and/or search by title. Click 'apply' to perform the search.
- Check the desired content item and then click the 'Select Content' button (at the bottom of the list). Repeat the steps to add multiple content items.
- If necessary, add a link to other page. This is displayed in the form of a button below the added content items.
- Check if you do not want to show the images of the added content items.
Columns allow you to put content blocks next to each other. On a landing page choose whether to add two or three columns, on a landing page with a left menu you can add up to two columns of content blocks.
Input interface
- Click on Add columns.
- Under "Rows," choose Add Two Columns or Add Three Columns. Select the content block you want to place in the column. You can choose from:
You can use foldouts to show certain content only when the visitor chooses to view it. The goal of a foldout is to focus the content on a page on the most important customer goals and not overwhelm the customer with content that is only relevant to a small fraction of readers, like information about exceptions.
Don't use foldouts to make long pages more visually appealing. If there is a lot of content on a particular topic that makes the page very long, consider breaking the page up into subpages.
Foldouts are also used to embed forms in a page. However, a different content block has been developed for this. If you want to add a form to a foldout, use the 'add web form' content block.
With 'Latest items' you can show the three most recent blog posts, projects, trainings or vacancies next to or below each other. (If you want to do this with news and/or events, choose the content block 'add news or events'. These content blocks may eventually be integrated with each other.)
Input interface
1. Choose the kind of content type of which you want to show items.
2. Optionally enter a heading to be displayed above the overview with the latest items.
3. Optionally enter a description that should be displayed between the header and the overview of latest items.
4. Choose how the items should be displayed: horizontally or vertically, and whether or not images should be displayed next to the title and description of the item. Note: Images cannot be displayed next to vacancies.
5. When you show blog posts, projects or training courses, you can indicate whether only items may be shown for which the 'show in central overviews' checkbox has been enabled on the content type, or whether items may also be shown where this is not the case.
6. If desired, choose additional filters: by target group, keyword, theme and/or organisational unit.
7. Optionally add a button that points to a complete overview of all items of this type. Here you can enter which page the button should refer to and what the text on the button should be.
With media and text, you can post a text and an image or video. You can format the text with the styles in Drupal and you can add links and buttons. You can place the text to the left or right of the image. You can place a maximum of one media and text block next to each other.
Input interface
- Check whether you want to place the image/video to the left or right of the text.
- Click 'add image' or 'add video' and then 'add media'. Drupal's media database will open in a pop-up window.
- Search on the image/video name to select an existing image/video from the media bank. Check the desired image/video and then click the 'Insert selected' button (at the bottom of the screen) to add the image/video.
- Is the image/video not yet in the media bank? Then click 'Choose file' to upload an image from your computer or add an external video via a URL (YouTube or Vimeo).
- Add a post. You can format the text with the styles in Drupal and you can add links and buttons.
With a microstory you can enter a text with title and button. You can format the text with the styles in Drupal. You can bundle multiple microstories with a title. You can have up to three microstories next to each other.
Input interface
- Click on "add microstories. A paragraph will be added.
- Enter a title to bundle multiple microstories or microbanners (optional).
- Under 'Microstories', choose 'Add microstory'. New entry options open.
- Enter a title (required).
- Add a post.
- Start typing to link the URL of the content you want to link to. Add a link text, it will be displayed as a button.
A microbanner allows you to insert an image with an overlay containing a title, text and link. You can bundle multiple microbanners with a title. You can put up to three microbanners next to each other.
Input interface
- Click on "add microstories. A paragraph will be added.
- Enter a title to bundle multiple microstories or microbanners (optional).
- Under 'Microstories', choose 'Add microbanner'. New input options open.
- Select a background image from the media library.
- Enter a title (required). And add a subtitle if necessary.
- Start typing to link the URL of the content you want to link to. Add a link text.
News or event allows you to highlight news items and/or events. You will then see three events and/or news items side by side.
Input interface
- Choose whether to show only news, only events, or both.
- Choose a title to display above the overview (optional). (When both news and events are selected, you can enter a title for each list individually.)
- Add the criteria on which you want to filter the lists:
- Select the type of news or event (optional).
- Select the target audience (optional).
- Add a keyword (optional)
- Select a topic (optional)
- Add an organisational unit (optional)
- Check whether or not you want to show only items that appear in central news- and/or event overviews.
- Add a link to, for example, an overview page of news or events (optional). Add a link text, this will be displayed as a button.
- Determine whether you want to show images or not.
Based on your selections, most recent news items and/or events are automatically loaded on the page.
With a table block you can display data in the form of a table.
Only use this block for tabular data, not to shape other types of content or otherwise play with the layout of a page! In addition, limit the number of columns as much as possible, otherwise the display on mobile phones will be very user-unfriendly.
Input interface
After adding the content block, click on the table icon in the editor. In the window that appears, you can select the number of rows and the number of columns. You can also indicate whether the columns and rows should be marked as headings. If you select this, the first rows and/or columns are automatically shown in alternative format. You can also add a caption above the table.
After adding a table, you can change its layout by right-clicking on the table.
A text block allows you to enter text. You can format the text with the styles in Drupal and you can add links and buttons. You can place up to three text blocks next to each other.
Testimonials allows you to add a testimonial which is stored in Drupal to the page.
Input interface
If you want to use a testimonial as a content block, the Testimonial must be created in Drupal. For this, see the article Testimonial.
- Enter a title (optional)
- Click on 'Select items'. A pop-up window will open.
- Search by title of the testimonial. Click 'Apply' to perform the search.
- Tick one or more testimonials and then click on the 'Select testimonials' button (at the bottom of the list).