Content elements

Content elements are the icing on the cake – package your contents and topics in different elements and in this way make the visit to your website a pleasant reading experience.

© Fotolia/PureSolution
  • You can create a wide variety of content elements on your content pages. These are created and maintained in the "Column top-main" column.
  • If you also want to use plug-ins for events or news, these are created in the "Main column". If you want to create content elements here, you must first create a multi-column container here.
  • If you want to link a contact on a page, it is a good idea to link it in the "Column top-right" with the help of the plug-in.

The contents elements in the overview:

Text & Media

"Text and Media" is the core of web content. You have various options for preparing texts in Rich Text Editor (RTE). Here’s a selection:

  • bold Text (bold)
  • italic Text
  • superscript Text
  • subscript Text
  • underlined Text

Here you can find an overview of the different uses of headings .

Bullet points (numbering):

  1. Content
  2. Content
  3. Content
  4. Content

Bullet points (point):

  • Content
  • Content
  • Content
  • Content

Here is a selection of table layouts: 

Accordion & Tabulator

You can give the text contents a better structure with the aid of Accordion and Tabulator. Remember that it’s vital that these elements are not overloaded.

You can find more information about using Accordion & Tabulator here.

Multi-column Container

Contents can be equally represented next to one another with a Multi-column Container (Multiple Content). The container exists as a 2-, 3 and 4-column element, with white, grey, light blue and dark blue backgrounds. Here you can find the different

Here you can find the different views

Dashboard

With the Dashboard you can present five associated topics in the narrowest space and you can also enhance these with further references.

Due to its reference depth use of the dashboard is suited ideally only to the homepage.

Application possibilities: the dashboard is suited to displaying location offices, key indicators or differentiated topics or industry sectors.

Note: To save the dashboard exactly five fields must be created and filled in. You will find a step-by-step guide to the function and integration of the dashboard in the instructions.

Image gallery

An image gallery gives you the option to attractively present a sequence of images with a thematic connection in an overview.

A popular use for image galleries is for events. Also bear in mind our note about this under Events.

Here, you can find information about integrating image galleries.

Logo wall

Logos can, for one thing, be displayed statically in this logo wall or dynamically in a logo slider. The logo wall is suitable when a particularly large number of logos are to be shown equally. When using this make sure that the logos are the same height and don’t forget to link the logos to the respective company pages.

You can find further information here about using a logo wall.

Logo slider

In contrast to the logo wall, the logo slider is a dynamic and horizontal arrangement of logos. The speed cannot be determined manually and is pre-set by the system.

Please ensure that the logos do not exceed a height of 80 px and they should be uploaded in the same size. Link the logos to the websites of the respective companies.

Further information about the integration of the logo slider.

Icon menu – quick start

In the icon menu you can choose between 14 Icons on different AHK topic areas, in each case in two different designs, one being dark in the circle, the other in white. In addition, there are also boxes without icons available to you.

You can find tips here about integration of the icon menu icon menu.

Image menu – quick start

This element gives more overview about individual topic groups. For the background you can choose from the illustrations from the file list or you can use images.

Please stay in the layout and pay attention to uniformity: three or six boxes are ideal.

 

Further information about integration of the image menu

Link list

Use a link list to refer to different pages on your website.

The link list is well suited to a quick start in the footer area of the homepage. Please note that in terms of user-friendliness you should mark links to external pages accordingly.

There are link lists with grey, light-blue, dark blue and white background.

Quote (Testimonial)

Highlight your references especially with the contents element Quote. Statements have the best effect when they’re not too long. Don’t forget to name the author and the related companies or the role.

Examples of a quote.

Slider Section

Present large events and topics in an impressive way with this image element. You can choose between browser filling and non-browser filling. The element needs at least two images to be able to "slide". Further information about integration of the Slider Section .

Poster element – moving image

An alternative to static motifs can be moving video sequences that can be played automatically directly on the website.

Further information about integration of the poster elementfor.

Video section

 

Help to make your website more lively and incorporate Youtube videos with the video section.

Further information about integration of the Video-Section.

Hero Slider - Homepage

It’s the only element that all AHKs must compulsorily use at only one point on the homepage in the interests of a uniform layout. A hero slider needs at least four image elements for full functionality.

Hero sliders include the following display options:

Categories

Heading

Image

Hero buttons

Possible application: Well suited to announcements about special events, core topics or about services to be especially highlighted.

 

Linked PDF files

The linking of files can be done via the output of a download icon.

First of all, load the desired PDF into the file list. Then you can link this file in the RTE. To do this, click on the chain icon, then on File and on the folder into which you have loaded the PDF. Here you can then select the file.

Hero-Buttons

With the help of the element "Herobuttons" you can display links as square buttons.

Divider

With a divider you can set contents elements of a page apart from one another visually.

With this type of "Appetiser" information you promote the reader-friendliness of your page.