🇦🇹 Deutsche Version | 🇬🇧 English Version

🇦🇹 Deutsch

Akkordeon-Element erstellen

Um ein Akkordeon abzubilden, erstellen Sie das Inhaltselement "Akkordion" in der Spalte "Grid Elements".

Nun können Sie im Feld "Überschrift" einen Titel für Ihr Akkordeon eingeben. Diesen können Sie mithilfe des Felds "Link" mit einem Link, der den User in einem neuen Tab auf eine andere Seite weiterleitet, hinterlegen. Speichern und schließen Sie anschließend das Inhaltselement.

Item hinzufügen

Sie sehen nun in der Seitenübersicht das eingefügte Akkordeon-Element, das innerhalb des Elements ein "Inhalt"-Feld aufweist (siehe Screenshot). Klicken Sie auf das Feld, um ein Item in dem Akkordeon anzulegen. Wählen Sie "Accordion Content" (Screenshot). Nun können Sie im Feld "Überschrift" einen Titel für Ihr Item eingeben. Dieses können Sie mithilfe des Felds "Link" mit einem Link, der den User in einem neuen Tab auf eine andere Seite weiterleitet, hinterlegen. Weiter unten können Sie in das Feld "Beschreibung" eine kurze Beschreibung zu diesem Item hinzufügen und im Feld "Kennzeichen" können Sie ein Flag hinzufügen.

Elemente im Item

Inhalt Text hinzufügen

Um dem Item einen Inhaltstext hinzuzufügen, speichern und schließen Sie das Item-Element und fügen Sie innerhalb des neuen Items ein neues "Inhalt"-Element hinzu. Jetzt können Sie wählen, welches Inhaltselement Sie einfügen möchten. In diesem Beispiel wird zunächst ein Text hinzugefügt. Wie bereits bei den vorherigen Elementen, wird hier eine Überschrift und eventuell ein dazugehöriger Link hinterlegt. Darunter können Sie Ihren gewünschten Text einfügen, der mithilfe der Buttons am oberen Rand des Textfeldes ein wenig formatiert werden kann.

Inhalt Text + Bilder hinzufügen

Um ein Inhaltselement mit einem Bild einzufügen, legen Sie innerhalb eines Items ein neues Inhalts-Element an und wählen Sie "Text + Bilder". Die Spalte "Allgemein" füllen Sie genauso, wie soeben unter dem Punkt "Inhalt Text hinzufügen" erklärt, aus. Zusätzlich können Sie unter "Bilder" aus der Dateiliste ein Bild, das Sie hinzufügen möchten, auswählen. Rechts von der Bildvorschau sehen Sie fünf Buttons. Der erste ist für das Bearbeiten der Metadaten. Sie können hier den Titel, die Beschreibung, Bildunterschrift und einen Alternativtext einfügen bzw. bearbeiten. Achten Sie auch darauf, dass Sie bei "Ersteller" einen Namen angeben; dies ist wichtig für das Copyright. Der zweite Button ist für das Ein- und Ausblenden des Bildes auf der Website. Der Button daneben ist für das Löschen des hinzugefügten Bildes und jener daneben, zeigt Ihnen die Informationen zu dem Bild an. Der letzte Button dient zum Verschieben, falls Sie mehrere Bilder eingefügt haben. Achten Sie aber darauf, dass immer nur ein Bild auf der Website angezeigt wird, es ist daher nicht sinnvoll, hier mehr als ein Bild hinzuzufügen.

Inhalt Bilder hinzufügen

Mit diesem Element können Sie mehrere Bilder hinzufügen. Erstellen Sie, wie bereits bei den vorherigen Elementen ein neues "Bilder"-Element innerhalb eines Items. Fügen Sie unter "Allgemein" eine Überschrift und eventuell einen Link ein. Unter "Bilder" können Sie nun mehrere Bilder auswählen, indem Sie auf "Bilder hinzufügen" klicken und aus der Dateiliste alle gewünschten Bilder mit einem Klick auf das Plus oder indem Sie rechts das Kästchen aller auszuwählenden Bilder anklicken und anschließend oben auf den Button mit dem Zettel und dem Pfeil nach oben ("Auswahl importieren") wählen. Wie bereits im Abschnitt "Inhalt Text + Bilder" erwähnt, können Sie jedes Bild nun mithilfe der fünf Buttons bearbeiten und erweitern.

Inhalt Text & Medien hinzufügen

Mit dem Element "Text & Medien" können Sie zusätzlich zum Text auch ein Video von YouTube oder Vimeo hochladen. In der Spalte "Allgemein" füllen Sie wie bereits bei den Abschnitten "Inhalt Text hinzufügen" und "Inhalt Text & Bilder hinzufügen" erklärt, Text ein. In der Spalte "Medien" können Sie eine Mediendatei hinzufügen, indem Sie aus der Dateiliste ein Video auswählen. Beachten Sie, dass nur Videos von YouTube oder Vimeo verwendet werden können. Auch hier können Sie die Informationen zum Bild bearbeiten und erweitern wie bereits im Abschnitt "Inhalt Text & Bilder hinzufügen" erklärt wurde.

Inhalt Dateilinks

Erstellen Sie innerhalb eines Items das Element "Dateilinks" und Befüllen Sie das Interface mit Überschrift und ev. einem Link. Unter dem Abschnitt "Dateien" können Sie eines oder mehrere Files aus der Dateiliste wählen. Die Files können von verschiedenen Typen sein (Bilder, Videos, Dokumente, Musik, ...) und sind auf der Website anschließend als Download verfügbar.

Mehrere Inhalte in einem Item

In ein Item können Sie mehrere Inhalte verschiedener Typen einfügen. Klicken Sie dazu einfach auf den "Inhalt"-Button innerhalb des Items. Wenn dort bereits ein Inhaltselement vorhanden ist, sehen Sie ober- und unterhalb jeweils einen Inhaltsbutton um darunter oder darüber ein neues Element hinzuzufügen (Screenshot gelbe Markierung).

"Show more"-Akkordeon

Das "Show more"-Akkordeon ist eine alternative Art der Darstellung zum "normalen" Akkordeon. Dieses Element ermöglicht es Ihnen, das Akkordeon aufzuklappen, um mehr Text anzuzeigen, allerdings können Sie es nach einmaligem Öffnen nicht mehr schließen.

Um ein "Show more"-Akkordeon zu erstellen, erstellen Sie zunächst ein Inhaltselement vom Typ "Container Accordian - show more" (nicht innerhalb des anderen, oben beschriebenen Akkordeons). Befüllen Sie die Felder "Überschrift" und ev. das Feld "Link". Speichern Sie Ihre Änderungen und Schließen Sie das Element. Fügen Sie nun innerhalb des neu eigefügten Elements ein neues Inhaltselement hinzu (Screenshot), um den Text, der beim Aufklappen angezeigt werden soll, hinzuzufügen. nachdem Sie das Element "Text" ausgewählt haben, füllen Sie bitte die Felder "Überschrift", ev. "Link" und den anzuzeigenden Text im Feld "Text" aus. Unterhalb können Sie das Layout verändern. Standardmäßig ist "Default (Text)" ausgewählt, Sie können aber auch "Hint" wählen. Diese Einstellung bewirkt, dass der Text mit einem grauen Hintergrund hinterlegt wird.

Dieses Element wird sinnvoller weise häufig mit einem "Inhalt" Element verwendet, da das "Show more"-Akkordeon in zugeklapptem Zustand lediglich den Text "Mehr über dieses Thema" anzeigt und ohne jegliche Vorinformation etwas verloren wirken könnte. Es ist daher empfehlenswert, dem User in einem kurzen Teaser mitzuteilen, worüber man mehr erfahren kann (Screenshot). Um dieses Inhaltselement hinzuzufügen, fügen Sie oberhalb des "Show more" Akkordeons ein Element mit Text, Inhalt&Bilder, ... ein.

🇬🇧 English

Creating an accordion element

To map an accordion, create the content element "Accordion" in the column "Grid Elements".

Now you can enter a title for your accordion in the "Heading" field. You can use the field "Link" to enter a link that redirects the user to another page in a new tab. Then save and close the content element.

Adding an item

In the page overview you can now see the inserted accordion element, which has a "content" field within the element (see screenshot). Click on the field to create an item within the accordion. Select "Accordion Content" (screenshot). Now you can enter a title for your item in the "Heading" field. You can use the "Link" field to add a link that redirects the user to another page in a new tab. Further down you can add a short description of this item in the "Description" field and in the "Flag" field you can add a flag.

Elements in the item

Add text to content 

To add a content text to the item, save and close the item element and add a new "content" element within the new item. Now you can choose which content element you want to insert. In the following example, a text is added. As with the previous elements, a heading and possibly a corresponding link will be added here. Below this you can insert your desired text, which can be slightly formatted using the buttons at the top of the text field.

Add text + images to content

To insert a content element with an image, create a new content element within an item and select "Text + Images". Fill in the "General" column in the same way as explained above under "Add text to content". In addition, you can select an image that you want to add from the file list under "Images". To the right of the image preview you will see five buttons. The first one is for editing the metadata. Here you can insert or edit the title, description, caption and an alternative text. Also make sure that you enter a name for "Creator"; this is important for copyright purposes. The second button is for showing or hiding the image on the website. The button next to it is for deleting the added image and the one next to that shows you the information about the image. The last button is for moving the image if you have added more than one. However, make sure that only one image is shown on the website at a time, so it is not useful to add more than one image here.

Add images to content 

With this element you can add multiple images. Create a new "Images" element within an item, as you have done with the previous items. Add a heading and eventually a link under "General". Under "Images" you can now select multiple images by clicking on "Add Images" and select all the images you want from the file list by clicking on the plus sign or by clicking on the box of all the images to be selected on the right and then clicking on the button with the note and the arrow pointing upwards ("Import Selection"). As already mentioned in the section "Content Text + Images", you can now edit and expand each image using the five buttons.

Add text & media content

With the "Text & Media" element, you can upload a video from YouTube or Vimeo in addition to text. In the "General" column, enter text as explained in the sections "Add text content" and "Add text & images content". In the "Media" column, you can add a media file by selecting a video from the file list. Note that only videos from YouTube or Vimeo can be used. Again, you can edit and expand the information about the image as explained in the section "Adding Text & Images Content".

Content file links

Create the element "File links" within an item and fill the interface with a headline and eventually a link. Under the section "Files" you can select one or more files from the file list. The files can be of different types (pictures, videos, documents, music, ...) and are available for download on the website.

Multiple contents in one item

You can insert several contents of different types into an item. To do so, simply click on the "Content" button within the item. If there is already a content element there, you will see a content button above and below each to add a new element below or above it (yellow marking in the screenshot).

"Show more"-Accordion

The "Show more" accordion is an alternative way of displaying the "normal" accordion. This item allows you to expand the accordion to show more text, but you cannot close it after opening it once.

To create a "show more" accordion, first create a content element of type "Container Accordian - show more" (not inside of the other accordion described above). Fill in the fields "Headline" and eventually the field "Link". Save your changes and close the element. Now add a new content element within the newly added element (screenshot) to add the text that should be displayed when the element is expanded. After you have selected the "Text" element, please fill in the fields "Heading", eventually "Link" and the text to be displayed in the "Text" field. Below you can change the layout. By standard "Default (Text)" is selected, but you can also select "Hint". This setting causes the text to have a grey background.

This element is often used with a "Content" element, because the "Show more" accordion only shows the text "More about this topic" when folded and might look a bit lost without any prior information. It is therefore recommended to tell the user in a short teaser about what he or she can get more information (screenshot).To add this content element, add an element with text, content & images, ...  above the "Show more" accordion.