zum Hauptmenü zum Seiteninhalt zur Subnavigation zum Footermenü zur Suchfunktion zu den Hinweisen der Barrierefreiheit


Content elements in the context column

File links, opening hours, external links and section overview

Note

The corresponding page template must be selected beforehand so that content can be created in the context column.

Switch page template if required

Screenshot eines Benutzerinterfaces mit der Überschrift "Unterseite mit Kontext". Links befindet sich eine Navigationsleiste mit verschiedenen Kategorien. Rechts ist ein Bereich, der Optionen für die Bearbeitung einer Unterseite zeigt. Ein roter Bereich hebt die Schaltfläche "neuer Bildschirm" hervor.

If you have this view in the backend, only with the column "##### main content #####", then you must first modify this.

Das Bild zeigt eine Benutzeroberfläche mit einem Navigationsbereich links und einem Hauptbereich, der die Option "Untersütze mit Kontext" enthält. Es sind keine spezifischen Inhalte sichtbar, außer den Schaltflächen zur Erstellung neuer Einträge.

Click on the "Edit page properties" button at the top.

Eine Benutzeroberfläche zur Bearbeitung einer Seite mit dem Titel "Unterseite mit Kontext". Auf der linken Seite befindet sich ein Menü, während im Hauptbereich ein Auswahlfeld für den Seitentyp markiert ist. Oben sind Optionen zum Speichern oder Abbrechen sichtbar.

In the "Appearance" tab, select the option "Backend layout (only for this page)" and then "Subpage with context column". If you are creating further subpages, you can predefine this for future subpages in the "Backend layout (for subpages of this page)" option.

Eine Webseite mit dem Titel „Unterseite mit Kontext“. Auf der linken Seite befindet sich ein Navigationsmenü, und im Hauptbereich sind zwei leere Felder für „Neue Übersicht“ und „Neue Übersicht mit Kontext“ zu sehen. Ein Hinweis informiert über eine abgeschlossene Synchronisation.

After "Save" and "Close", you will see the modified page layout with the additional column "##### Content context #####"

Datelinks in the context column with preview images

The image displays a digital interface with a sidebar menu labeled "Landkreis Ludwigslust-Parchim." The main content section features a note titled "Dringen notwendig" with a brief message indicating urgency and importance, and an area labeled "Inhalt Kontext" for additional context.
A computer interface displaying a section titled "Neues Inhaltselement" with options for selecting content elements. The main options include a header, text & media, and additional functionalities. There is a green-highlighted box suggesting to create a link for files to be uploaded.
The image shows a user interface for creating content on a website. It features sections for editing titles, subtitles, and file links. The page is titled "Dringen notwendig" and includes various menu options on the left side for navigation within the application.
The image displays a file management interface with a list of documents on the left, including titles and file types. There is a search bar at the top, and options for saving, handling files, and file sorting at the bottom.
A user interface displaying options for exporting data files. The left panel lists various folders and files, while the right panel shows fields for selecting file types and sorting options. The main area is focused on selecting a dataset for export.
The image features a webpage with important announcements and links related to urgent matters in the Ludwigsburg district. The text emphasizes the necessity of addressing pain and offers resources for additional information. Navigation options and general site sections are visible in the layout.

Opening hours in the context column

Ein Bildschirm zeigt eine Benutzeroberfläche mit verschiedenen Menüpunkten auf der linken Seite. In der Mitte befindet sich ein Textfeld mit dem Titel "Unterseite mit Kontext". Rechts sind Bilder und Optionen, darunter ein hervorgehobener Button mit der Aufschrift "Neue Bilder hinzufügen".

Opening hours are displayed via a special content element. Click on the "Create new content" button again.

Das Bild zeigt ein Auswahlmenü für verschiedene Elemente in einer Benutzeroberfläche. Zu sehen sind Optionen wie „Accordion Elemente“, „Slider“ und „Popups“. Der Bereich für „Popups“ ist rot markiert, um die Auswahl hervorzuheben.

Select the "Popup" element in the selection popup in the Container area.

Die Abbildung zeigt eine Benutzeroberfläche eines Content-Management-Systems mit dem Titel "Unterseite mit Kontext". Es gibt verschiedene Abschnitte wie "Neue Übersicht" und "Text und Medien", sowie ein hervorgehobenes Feld für "Projekte", in dem Inhalte verwaltet werden.

After selection, a new element is visible in the backend.

Ein Bildschirmfoto zeigt eine Benutzeroberfläche mit dem Titel "Unterseite mit Kontext". Links sind Menüoptionen sichtbar, während rechts Inhalte zu verschiedenen Medienformaten dargestellt werden. Ein Textfeld unten enthält eine Beschreibung und gibt Anweisungen zur Verwendung der Medien.

Edit the new element popup using the button with the pencil.

Die Abbildung zeigt eine Benutzeroberfläche zur Bearbeitung einer Webseite. Im Bereich für die Einstellungen wird der Titel „Öffnungszeiten“ angezeigt, mit einem Eingabefeld, in welches Text eingegeben werden kann. Ein roter Rahmen markiert das Eingabefeld zur Eingabe von Informationen.

The heading is necessary here because it will also be displayed in the frontend afterwards. In the example here "Opening hours".

Screenshot eines Verwaltungsinterfaces zur Bearbeitung von Seiteneinhalten. Im Fokus steht der Abschnitt für Öffnungszeiten mit Feldern für Titel und Beschreibung. Links ist eine Menüleiste mit verschiedenen Optionen sichtbar. Der Hintergrund ist in dunklerem Farbton gehalten.

Click on "Save" again and then on "Close".

Screenshot einer Benutzeroberfläche mit dem Titel "Unterseite mit Kontext". Auf der linken Seite befindet sich ein Menü mit verschiedenen Optionen, während im Hauptraum eine Textbox mit Informationen und zwei Unterabschnitten zur Bearbeitung von Text und Medien angezeigt wird.

Now click on "Create new content" within the pop-up element. This ultimately defines what opens in a lightbox in the frontend.

Das Bild zeigt ein Benutzerinterface mit einem Auswahlmenü. Der Bereich „Download-Einstellungen“ ist hervorgehoben und enthält die Option, die herunterzuladenden Elemente auszuwählen. Links sind verschiedene Kategorien und Optionen sichtbar.

Opening hours are created in a central location in the system so that they can be used globally. We use the "Insert data records" element to use global data records (content).

Die Bildschirmansicht zeigt ein Formular zur Erstellung von Seiteninhalt mit den Feldern "Titel", "Sprache", "Kunde" und "Beschreibung". Optionen zur Eingabe sind sichtbar, sowie Anweisungen und Optionen zur Speicherung des Inhalts. Die Benutzeroberfläche scheint für die Verwaltung von Website-Inhalten konzipiert zu sein.

We assign a heading to the new "Insert data records" element again, even if this is ultimately not displayed in the frontend.

Eine Benutzeroberfläche zur Erstellung von Seiteneinhalten mit Kontext. Zu sehen sind Felder für Titel, Kundenname und eine Beschreibung, sowie Schaltflächen zur Speicherung und Bearbeitung. Der Fokus liegt auf einer Eingabezeile für den Inhalt.

We may not know exactly where the global data records are located. We therefore use the button on the far right to scroll through data records.

Ein Dialogfenster zur Auswahl eines Zutrittsstands mit einer Eingabemaske für den Namen. Auf der linken Seite sind verschiedene Optionen aufgeführt, darunter "Standort 1" und "Standort 2". Der ausgewählte Punkt ist hervorgehoben.

In the pop-up window that opens, we use the search function at the top. Enter the word "opening hours" and wait briefly. The page tree is displayed with all the pages containing our search term. We collapse this until we see the page "ID 1569 Opening hours records".

Eine Benutzeroberfläche zeigt eine Liste von Elementen mit verschiedenen Kategorien und Optionen. Ein Eintrag ist hervorgehoben und bezeichnet "IT-Servicedesk". Neben jedem Eintrag stehen verschiedene Symbolen für Aktionen.

We then click on the page with the ID 1569 and all the contents of this page are displayed on the right-hand side. The right-hand side also has a search function for filtering the data records above all data records. However, we can also select the desired data record directly by simply clicking on the text "Öffnungszeiten Gewerbeaufsicht".

Die Abbildung zeigt ein Benutzerinterface, in dem Inhalte für eine Webseite erstellt werden. Ein Bereich ist hervorgehoben und beschreibt die Eingabe von Informationen. Die Gestaltung bietet Optionen zur Bearbeitung und Verwaltung von Seiteninhalten.

The window closes and our selected data record is entered.

Screenshot einer Benutzeroberfläche zur Bearbeitung von Seitendaten. Es zeigt die Sektion "Öffnungszeiten" mit Feldern für Titel, Container und Details. Der Fokus liegt auf dem Eingabefeld für "Öffnungszeiten allgemein". Oben sind Navigations- und Aktionsschaltflächen sichtbar.

We then press the "Save" button and our data record is now displayed below the selection in a list. Now we press "Display".

Eine Webseite zeigt Text über Natur und Aktivitäten, begleitet von Bildern eines Eichhörnchens und einem Stapel Zeitungen. Am unteren Rand befindet sich eine Schaltfläche mit dem Label "Öffnungszeiten".

The preview that opens now has our popup element with the selected heading "Opening hours".

Die Öffnungszeiten des Serviceangebots sind: Montag bis Donnerstag von 9:00 bis 12:00 Uhr und Freitag von 9:00 bis 12:00 Uhr.

Clicking on the element opens the table of the opening hours data record in a lightbox. If the opening hours change, the TYPO3 system will take this into account globally and the changed times will automatically appear correctly in the popup.

External links in the context column

The image displays a digital interface with a sidebar containing menu options related to a document entitled "Dringend notwendig." The main content summarizes key information and includes references to other related documents or sections. The text appears to be in German.
The image displays a user interface for creating a new content element on a website. It includes options for adding a headline and media, as well as a section for text. The interface is arranged in a sidebar and a main content area, with tools for navigation.
The image shows a webpage editing interface titled "Creating Content on 'Dringen notwendig'". It features sections for adding headers and links, along with options for layout type and descriptions. The left sidebar lists various site sections such as "Pages" and "Documents".
A user interface displaying a content management system. The sidebar lists folders and sections, while the main area features a text editor with options for formatting. There is space for a title and body text, including links to external websites.
The image displays a user interface for a content management system. It includes a sidebar with menu options and a main editing area with fields for a title, subtitle, and text content. There are icons for formatting text and adding links.
The image displays a content editing interface for a website, titled "Editing External Links." It includes options for layout (Standard), spacing before and after elements, and a section for managing links with settings for visibility. The sidebar lists various navigation elements related to site management.
The image displays a website editing interface, showing settings for "External Links" on a page titled "Dringen notwendig." Options for layout and link visibility are visible, with sections for adjusting elements like spacing and link activation. The interface suggests options in a sidebar menu.
The image features a layout with text discussing the interplay between joy and pain in work. Below the text, there are small images of a bird and a lizard. The overall focus is on the emotional and philosophical exploration of finding happiness amidst challenges.

Section overview in the context column

The image depicts a digital interface of a document management system. On the left, a menu lists various sections such as "Allgemeines" and "Dringend notwendig." The main area shows a document titled "Dringend notwendig," with text and formatting options available for editing or reviewing.
The image displays a web interface for creating a new content element. The main panel includes options for selecting pages, sections, and a sitemap, with a highlighted option indicating the section index. The layout consists of a navigation menu on the left and main content on the right.
The image displays a user interface for a content management system. It includes fields for "Überschrift" (title), "Typ" (type), "Link" (link), and "Unterüberschrift" (subtitle), along with a section for selecting or searching for pages. A menu shows various options on the left side.
A webpage editing interface is displayed, showing a folder structure with sections labeled in German. The highlighted section includes "Dragons needed [1872]" as the selected link, indicating an administrative tool for managing site content. The layout features a sidebar for navigation and editing options.
The image shows a website interface featuring a navigation menu on the left, with sections labeled in German. The main content area displays options for creating or editing headings, links, and subheadings, as well as a text box labeled “Dringend notwendig” (Urgently needed) for additional input.
Screenshot of a website editor interface. The main focus is on the section titled "Edit Content on Page 'Dringen notwendig'", showing layout options like "Standard" and settings for spacing. The sidebar includes navigation links and file management options, all in a user-friendly layout.
A computer interface displaying a content management layout titled "Übersicht" with editing options for the page "Dringen notwendig." It includes sections for general settings, accessibility, access rights, categories, and linked elements, with layout options and spacing adjustments for the content display.
The image features text discussing the concepts of pain and joy, along with two small images: one of a lizard and another of a meerkat. The focus is on understanding human emotions and the contrasting experiences of suffering and happiness.
The image displays a webpage editing interface with various options for layout and content management. Sections include "Allgemein" (General), "Erreichbarkeiten" (Accessibility), and "Zugriff" (Access). There are settings for layout spacing and links visibility, indicating a focus on customizing the display of a specific page.
The image displays a web page layout with text and three photos: a green lizard, a meerkat, and a waterbird. The content discusses the relationship between joy and pain, emphasizing how different experiences can lead to unexpected pleasure.