Example: Zweispalter
Welcome to the sample page. Here you’ll find a sample layout that works well for many pages – you can copy the page and then adapt it to suit your content. If you’d like to work with this template, right-click on the page “Short sample page with image” in the page structure and select “Copy”. Then, right-click again and select “Insert into” (subpage) or “Insert after” (another page on the same level) to insert the page where you want your new page to be.
On your newly copied page, you can delete any elements you don’t need to create your content. If you need further elements, click on the “Available content elements” example page. Click on the three dots next to the element you want to insert into your page, then click “Copy”. Then go back to your page. Here, you will find a clipboard icon wherever the element can be inserted. Click on it to insert the element at the desired location. If the copied element is deactivated, activate it using the slider.
If you have less text at this point, you can also switch to a single-column layout. Copy this from further down on this example page or from the “Available Content Elements” example page. You can also insert it into the page structure using the “Create New Content” button. To do this, select the “Single-column with 80% width” element under “Container”.
The heading of this two-column layout can be hidden if required. To do this, select the “Two-column” element in the page layout using the pencil icon and, under the “General” tab, select “hidden” from the “Type” drop-down menu for the heading.
To insert jump marks in your page header, proceed as follows in your page structure: Go to “Create new content” before each element to which a jump mark should lead. Select “Special Elements” and then “Hidden Jump Marker”. Give the jump marker(s) a name. The jump marker(s) you have set will automatically appear at the top of the header area. They are only visible there; they do not appear in the rest of the page layout.
Example: Highlight box
The Highlight Box allows you to visually highlight individual sections with a light blue background. This is particularly useful for short, important passages of text.
For the text in this example, a single-column layout with 80% width has been selected. Other content elements, such as two-column layouts, can also be inserted into the Highlight Box. Headings can be hidden for all content elements. However, they are generally helpful for structuring the page.
Example: the accordion
When creating new accordion elements, please ensure that the heading of the text element is hidden. The container group already has a heading (in the example: “Accordion element – text only”). If the text element also had a heading, there would be two, which is generally unnecessary from a semantic point of view and may even be misleading, as they would appear one after the other.
When creating new accordion elements, please ensure that the heading of the text media element is hidden. The container group already has a heading (in the example: “Accordion element text and image”). If the text media element also had one, there would be two, which are generally not necessary from a semantic point of view and may even be misleading, as they appear directly one after the other.
Example: Downloads section
- Example video: Big Buck Bunny (mp4 - 30 MB) Description: Sample video
- Sample audio (mp3 - 494 KB) Audio file description
- Sample image (png - 663 KB) Description Sample image
- Sample PDF (pdf - 36 KB) File description