FAQ - Häufige Fragen zu OpenCMS

Schnell zum Thema ...

Allgemein

Wollen Sie sich in OpenCMS einloggen, geben Sie in die Adresszeile des Browsers die Adresse https://www.bistum-trier.de/redaktion ein und bestätigen Sie mit einem Druck auf die „ENTER-Taste“. Sie werden dann auf die Log-in-Seite weitergeleitet.

Schritt 1: Wenn Sie sich von Ihrem dienstlichen Rechner aus anmelden, markieren Sie "Das ist ein privater Computer". Nutzen Sie diese Option, merkt sich der Browser beim nächsten Einloggen Ihre Benutzerdaten.

Schritt 2: Geben Sie Ihre Zugangsdaten (Benutzername und Passwort) ein. Wichtig: Der Benutzername besteht aus Kleinbuchstaben mit Punkt dazwischen (keine Mailadresse).

Schritt 3: Melden Sie sich im Feld "Anmelden an" an der Site an, in die Sie sich einwählen wollen. Hierfür tippen Sie einfach die ersten Buchstaben Ihrer Webseite und wählen diese dann aus der Liste aus.

Anschließend auf "Anmelden" klicken.

Am einfachsten ist, wenn Sie sich die Log-in-Seite im Browser als Favorit/Lesezeichen anlegen, dann müssen Sie die Adrese nicht immer wieder im Browser tippen.

Screenshot des Einstellungsmenüs

Um Ihr Kennwort nach dem Einloggen zu ändern, klicken Sie rechts oben auf das quadratische Symbolbild neben der Rakete. Wählen Sie nun den Menüpunkt "Passwort ändern" aus.

Es öffnet sich ein Fenster mit drei Feldern.

Sie geben nun Ihr aktuelles Passwort ein und zweimal das neue Kennwort und klicken dann auf "Passwort ändern".

Achtung:

Bitte wählen Sie ein Passwort aus, das eine Länge von 8 bis 16 Zeichen hat. Es muss mindestens einen Großbuchstaben und zwei Sonderzeichen enthalten.

Ausführliche Anleitung

Wenn Sie eine Seite haben, auf die Sie besonders oft zugreifen nöchten oder die in der Navigation versteckt ist, können Sie diese als Lesezeichen in OpenCms anlegen. 
Dies machen Sie, indem sie die gewünschte Seite aufrufen, oben auf das Lesezeichensymbol (links neben der Rakete) klicken und anschließend auf den Button „Lesezeichen hinzufügen“. 

Ausführliche Anleitung

Screenshot aus OpenCms

Unter dem Seiteneditor sehen Sie Ihre Seite so, wie sie auch im Internet angezeigt wird. Hier können Sie die Seite mit Inhalt bestücken.
Die Sitemap dagegen listet die Seitenstruktur auf. Dort werden neue Menüpunkte/neue Unterseiten angelegt.

Der Wechel zwischen Seiteneditor und Sitemap erfolgt über die Rakete oben rechts in der Werkzeugleiste.

Um die Seite in verschiedenen Größen (PC, Tablet oder Handy) anzuschauen, können Sie das Browserfenster durch Ziehen verkleinern. Rechts oben sehen Sie in OpenCms, in welcher Ansicht Sie sich befinden. 
XXL = Desktop  -   XL/L = i.d.R. Laptop  - M = Tablet   - S/XS = Handy

Ansicht über Tastaturkürzel

Sie können auch über ein Tastaturkürzel eine mobile Ansicht anstoßen.
Drücken Sie hierfür die Taste F12 (am Laptp fn +F12).
Sie sehen dann den Quelltext und die mobile Ansicht. Sie wechseln über das Tablet/Handy-Symbol in der Iconleiste (hier gelb markiert) zwischen den Ansichten.
Die Ansicht schließen Sie ebenfalls mit F12 oder über das X.

Wenn Sie das Log-In-Formular nicht aufrufen können und stattdessen eine 404-Fehlerseite kommt, löschen Sie bitte den Browser-Cache, vor allem die Cookies. Danach sollte es funktionieren.

Cookies löschen im Browser, externe Anleitung

Arbeiten auf der Seite

Wechseln Sie von der Inhaltsebene (graue Punkte) zur Template-Ebene (rote Punkte) durch die Tastenkombination Strg + E.
Klicken Sie nun auf den Zauberstab und wählen Sie unter "Layoutzeile" die Containerreihe (Row) aus, die Sie hinzufügen möchten. Fahren Sie hierzu mit der Maus ans rechte Ende der Zeile und ziehen sich das Element anschließend mit dem Drag&drop-Menü mit gedrückter rechter Maustaste an die Stelle, an der Sie es einfügen möchten. 

Ausführliche Anleitung

Screenshot

Sie befinden sich auf der Template-Ebene (rote Punkte). Fahren Sie nun mit der Maus über den roten Punkt Ihres (leeren) Containers und klicken dann auf die Schere.
Sie werden nun gefragt, ob Sie dieses Element wirklich entfernen möchten. Bestätigen Sie mit "OK".
Wichtig: Sollte Inhalt in diesem Container liegen, wird dieser auch gelöscht. Allerdings nur von dieser Seite, nicht aus dem System.

Sie befinden sich auf der Template-Ebene (rote Punkte). Fahren Sie mit der Maus über den roten Punkt, klicken Sie auf die 9 Punkte (Drag&drop-Menü), halten die Maustaste gedrückt und fahren anschließend an die Stelle der Seite, wo die Container-Reihe platziert werden soll. Dort lassen Sie die Maustaste los. 

Screenshot

Wechseln Sie auf die Template-Ebene (rote Punkte). Fahren Sie mit der Maus beim entsprechenden Container über den Punkt und klicken Sie auf das Einstellungsrädchen. Entfernen Sie das Häkchen in der Reihe "Spalten gleicher Höhe" und bestätigen mit OK.

Bitte verwenden Sie Strg+e, um zwischen der Inhaltsebene mit den grauen Punkten und der Template-Ebene mit den roten Punkten zu wechseln. 
(Sollte sich unerwartet das Browser-Adressefeld dazwischen schalten, klicken Sie bitte an eine leere Stelle auf der Website und anschließend erneut Strg+e)

Auf der grauen Ebene können Sie alle Inhalts-Elemente der Seite über den Stift bearbeiten und über das Einstellungsrädchen das Layout der Inhaltselemente und weitere Einstellungen anpassen. Wenn Sie den Zauberstab anklicken, können Sie sich außerdem neue Inhalts-Elemente auf die Seite ziehen. 

Auf der roten Ebene können Sie über den Zauberstab neue Zeilen, so genannte Rows, also neue Spalten, auf die Seite ziehen sowie bestehende Rows verschieben und löschen. Eine Bearbeitung eines roten Punktes über den Stift ist nicht möglich; hierzu haben Sie keine Berechtigung. Über das Einstellungsrädchen des roten Punktes können Sie per Häkchen festlegen, ob die Spalten bei Elementen mit Kästchen gleiche Höhe haben sollen oder nicht.

Kurzanleitung Wechsel zur Template-Ebene

Sie befinden sich auf der Inhaltsebene. Sie fahren über den grauen Punkt, klicken auf das Drag&drop-Menü (9 Punkte) halten die Maustaste gedrückt und ziehen anschließend das Element an die Stelle, an der es erscheinen soll.

Alternativ können Sie das Drag&drop-Menü auch kurz anklicken. Im Anschluss (siehe Bild) erscheinen an mehreren Stellen auf der Website Einfügesymbole wie ein Plus (in einem leeren Container) oder ein Pfeil (auf- oder abwärts). Wenn Sie auf eines der Symbole klicken, wird Ihr Element genau an diese Position verschoben.

Überprüfen Sie, ob Sie evtl. auf der Template-Ebene sind (rote Punkte). Wechseln Sie mit Strg+e zurück auf die Inhaltsebene. 

Überprüfen Sie, ob Sie eventuell im Vorschau-Modus sind, zu erkennen daran, dass die OpenCms-Leiste verschwunden ist. Klicken Sie dann auf das durchgestrichene OpenCms-Symbol, um wieder zum Bearbeitungsmodus zurück zu kommen. 

In der OpenCms-Menüleiste sehen Sie oben das OpenCms-Symbol (Bullseye). Wenn Sie dieses anklicken, sehen Sie die Vorschau der Website, wie sie im Frontend aussehen würde. Zurück kommen Sie, indem Sie das durchgestrichene Bullseye erneut anklicken. 

Der rote Punkt beim "i" oben links in der Werkzeugleiste deutet darauf hin, dass es auf dieser Seite unveröffentlichte Änderungen gibt. Damit Ihre Änderungen auch online zu sehen sind, müssen Sie diese (nach Fertigstellung) veröffentlichen. Zur Veröffentlichung klicken Sie auf das Uhren-Icon weiter links.

Es können übrigens auch Änderungen sein, die Kolleginnen oder Kollegen an der Seite vorgenommen haben, falls Sie die Webseite mit mehreren bearbeiten. 

Hier unterscheiden wir verschiedene Stellen:

Änderungen im Texteditor: Hier gibt es (wie in Word) einen Pfeil nach links, um Änderungen rückgängig zu machen. Auch die Tastaturkombination Strg + Z funktioniert.

Änderungen in einem Inhaltselement: Auch hier sehen Sie oben (neben den Disketten) ein Symbol für rückgängig.

Änderungen auf der Seite selbst (Verschiebungen/Löschungen von Elementen ect.), können nicht so einfach per Klick gemacht werden; sollten Sie gravierende Änderungen rückgängig machen wollen (beispielsweise versehentliches Löschen von Seiten oder Menüpunkten) kontaktieren Sie uns bitte. 

Inhalts-Abschnitt

Klicken Sie auf den Zauberstab und wählen Sie ggf. die Registerkarte "Typen". Darunter sollte "Inhaltselemente" ausgewählt sein. 
Fahren Sie nun mit der Maus über den "Inhalts-Abschnitt", so dass rechts das 9-Punkte-Menü erscheint.
Klicken Sie darauf, halten Sie die Maustaste gedrückt und fahren mit dem Element an die Stelle (blauer Container), an der Sie das neue Element platzieren wollen. 
Nach dem Loslassen sollten Sie ein oranges Feld sehen. 

Eine korrekte Überschriftenhierarchie (H1, H2, H3 usw.) strukturiert Inhalte logisch und macht sie für Besucher leichter verständlich. Sie hilft Menschen und Suchmaschinen, den Aufbau einer Seite zu erkennen und wichtige Themen schnell zu erfassen.
Zudem verbessert eine saubere Hierarchie die Barrierefreiheit, da Screenreader Überschriften zur Navigation nutzen.
Daher sollten Überschriften immer in der richtigen Reihenfolge verwendet und nicht nur zur optischen Gestaltung eingesetzt werden.

In OpenCms wird die Überschriftenhierarchie nicht über die Schriftgröße, sondern über die Auswahl der passenden Überschriftsebene festgelegt. Verwenden Sie für

  • den Seitentitel die Überschrift H1
  • Untergeordnete Abschnitte erhalten Überschrift H2
  • Unterpunkte unter der H2 erhalten die Überschrift H3

Öffnen Sie das Einstellungsrädchen und klicken Sie in das Feld "Überschrift-Anzeige".  Wählen Sie dann die gewünschte Hierarchie aus.

Achten Sie darauf, keine Ebenen zu überspringen (z. B. direkt von H1 zu H3), damit die Struktur der Seite für Besucher, Suchmaschinen und Screenreader nachvollziehbar bleibt.

Sie können eine Überschrift auch ausblenden, wenn diese nicht gewünscht ist.

Öffnen Sie das Einstellungsrädchen und klicken Sie in das Feld "Überschrift-Anzeige".  Wählen Sie dann "Überschrift ausblenden" aus.

Beachten Sie, dass Überschriften hilfreich sind, damit die Struktur der Seite für Besucher, Suchmaschinen und Screenreader nachvollziehbar bleibt.

Möchten Sie das Bild auf den im Inhaltselement definierten Link (z.B. zu einer Unterseite bzw. Website) verlinken, gehen Sie mit der Maus über den grauen Punkt des entsprechenden Elements und klicken auf das Eimstellungsrädchen.

Setzen Sie dann ein Häken ganz unten bei „Bild verlinken“ und bestätigen mit OK. Wenn Sie nun auf das Bild klicken, öffnet sich die verlinkte Seite.

Sollten Sie auch das Häkchen bei "Bild vergrößern" gesetzt haben, wird diese Einstellung ignoriert. Vorrang hat dann der Link. 

Markieren Sie zunächst den Text, der als Link dienen soll.

Klicken Sie anschließend in der Werkzeugleiste des Texteditors auf das Link-Symbol (Heftklammer).

Link auf eigene Seite

Wenn Sie auf eine interne Seite verweisen möchten, klicken Sie in der Zeile URL rechts auf das Symbol mit dem Pfeil. Sie gelangen so zur Navigationsübersicht und können die gewünschte Seite unter dem Reiter "Sitemap" auswählen. Ggf. müssen Sie über das + einen Menüpunkt zuerst aufklappen.

Link auf eigene Datei (PDF)

Möchten Sie auf eine Datei verweisen, klicken Sie in der Zeile URL rechts auf das Symbol mit dem Pfeil (wie oben) und wählen innerhalb der Reiter "Galerien" aus. Klicken Sie die gewünschte Galerie an und suchen dort nach der Datei, die Sie verlinken möchten. 

Wichtig: Sowohl bei einer externen Internetadresse als auch bei einem Link auf eine Datei stellen Sie im Pulldown bei "Link öffnen in" unbedingt "Neues Fenster" ein. 

Link auf andere Website

Wenn Sie auf eine fremde Internetadresse verlinken möchten, tragen Sie diese im Feld URL ein (mit https!).

Nach der Auswahl wird der Link gespeichert und der markierte Text als anklickbarer Verweis im Text angezeigt.

Sie können den Link auch als Button darstellen. Er ist dann deutlich sichtbarer. Wie das funktioniert, lesen Sie im Eintrag "Wie füge ich einen Link-Button ein?"

Wenn Sie nur einen einzelnen Link haben und diesen hervorheben möchten, empfiehlt es sich, diesen als Link-Button anzeigen zu lassen. 

Hierfür befinden Sie sich im Editiermodus des Inhaltsabschnitts und scrollen ans Ende zum Punkt "Link". Dort klicken Sie auf das +.
Tragen Sie nun sowohl den Text ein, der angezeigt werden soll, als auch den Link. 
Fremde Links sollten immer im neuen Fenster aufgehen. Setzen Sie dazu ein Häcken bei "In neuem Fenster öffnen".

Tipp:
Verwenden Sie möglichst aussagekräftige Linktexte wie „Veranstaltungsflyer“ statt allgemeiner Formulierungen wie „hier klicken“ oder "mehr". Das verbessert die Benutzerfreundlichkeit und die Barrierefreiheit.

Wenn das Bild etwas zeigt, das bereits im dazugehörigen Text beschrieben wird oder wenn es für das Verständnis der Website nicht notwendig ist, sollte es als dekorativ gekennzeichnet werden. Beispiele sind:

  • Symbolbilder bei Artikeln
  • Logos
  • Bilder in Bildkacheln 

Infografiken, Diagramme oder Bilder, die eine eigene Aussage haben - also nicht dekorativ sind - sollten dagegen mit einer aussagekräftigen alternativen Beschriftung für blinde Menschen versehen werden. Dabei sollte der Bildinhalt beim Hochladen des Bildes im Feld "Beschreibung" möglichst präzise und kurz (ca. 80 Zeichen) beschrieben werden, damit auch Menschen mit Sehbehinderungen die enthaltenen Informationen erfassen können. 

Wie sollte man ein Bild alternativ beschreiben?

Gehen Sie auf das Einstellungsrädchen. Dort können Sie sowohl die Bildausrichtung (Layout) einstellen, als auch die Bildgröße und das Bildformat. 
Vermeiden Sie bei "Layout" die Darstellung "... in eigener Spalte". 
Die mobile Bildgröße sollte nie geändert werden, da das System das Foto auf einem Handy automatisch richtig dargestellt wird. 

Das Erscheinungsbild eines Elements (z.B. Inhaltsabschnitt) ändern Sie über das Einstellungsrädchen.
Das erste Pulldown-Feld CSS-Anpassung definiert den Hintergrund.

Die folgenden Farben stehen zur Verfügung:

  • Hellgrau
  • Themenfarbe (das ist die Hauptfarbe der Website)
  • Akzentfarben 1 - 3 (diese sind für jede Website spezifisch festgelegt)
  • Weiß (dadurch erscheint ein grauer Hintergrundschatten)
  • keine Auswahl (damit entfernen Sie eine zuvor ausgewählte Hintergrundfarbe wieder)

Elemente, die bereits ein farbiges Bild enthalten, sollten nur einen dezenten Hintergrund bzw. weiße Umrahmung haben. 

Sie können die Anzeige der Bildunterzeile (Bildtitel) über das Einstellungsrädchen bei "Zeige Bild-Titel" an- oder ausschalten.

Bei Logos sollten Sie die Bildunterzeile immer ausblenden. 

Gehen Sie bei einem Inhaltsabschnitt auf das Einstellungsrädchen und wählen Sie unter "Formatter" das Element Bildkachel.

Bei einer Bildkachel sollte das Textfeld immer leer sein. Eine Bildkachel besteht nur aus Bild, Überschrift und Link. Die Überschrift sollte möglichst kurz und auch ohne zusätzlichen Text verständlich sein.

Verzichten Sie auf "Mauseffekte", da diese mobil nicht funktionieren. Sie können einstellen, ob die Schrift oben oder unten in der Kachel angezeigt wird. Außerdem empfielt es sich unter der Einstellung "Link" auszuwählen "ganze Bildkachel verlinken".

Gehen Sie auf das Einstellungsrädchen und wählen Sie unter "Formatter" Icon-Box aus. 

Sie können die Hintergrundfarbe festlegen, müssen die Überschriftenhierarchie definieren und ein entsprechendes Symbol auswählen.

Die Icon-Auswahl genügt nicht?

Sollten Sie im Pulldown bei "Icon" nicht das gewünschte Format finden, haben Sie die Möglichkeit, aus einer wesentlich größeren Auswahl ein passenderes Icon zu finden..  
Rufen Sie zuerst die unten verlinkten Seite auf und wählen Sie eine für Sie passende Icon-Sammlung. 
Die Icons sind in englisch beschriftet, d.h. ggf. müssen Sie nach englischen Begriffen suchen.
Wenn Sie ein passendes Symbol gefunden haben, klicken Sie es an, dann erscheint die Icon-Bezeichnung, die Sie sich markieren, kopieren und in der Icon-Box im Feld "Icon" mit Klick auf den Stift eintragen. 

Zur Icon-Sammlung

Ja, man kann das Formatter leicht ändern. Gehen Sie auf das Einstellungsrädchen und wählen Sie unter "Formatter" aus, ob das Element beispielsweise eine Bildkachel, eine Link-Box, eine Icon-Box oder ein gewöhnliches Text-Bild-Element sein soll. Die Links und auch die Bilder bleiben erhalten, selbst wenn Sie nicht dargestellt werden. 

Bevor Sie sich endgültig für ein Formatter entscheiden, empfiehlt es sich, vorher die Verknüpfung zu nicht benötigten Bildern zu löschen (beispielsweise bei Icon-Boxen), um unnötigen Inhalt zu vermeiden. 

Wenn Sie einen Inhalts-Abschnitt (z. B. Text-Bild-Element, Bildkachel oder Icon-Box) über das Herz-Plus-Symbol kopieren und einfügen, kann es vorkommen, dass es dort ganz anders aussieht als ursprünglich. Das liegt daran, dass sich der Formatter automatisch an die letzte Einstellung im Inhaltsabschnitt angepasst hat. 

Gehen Sie auf das Einstellungs-Rädchen des Elements und wählen Sie unter dem ersten Punkt "Formatter" das gewünschte Format aus, z. B. Text und Bild, Bildkachel oder Icon-Box. Möglicherweise müssen Sie auch weitere Einstellungen wie Überschrift etc. noch anpassen.

Bilder

Wenn Sie sich ins System eingeloggt haben, können Sie über die Menüleiste auf der linken Seite die Galerien ihrer Seite öffnen.

Die oberen Galerien gehören zu Ihrer Seite.

Auf gemeinsame Galerien haben Sie nur Zugriff, wenn Sie die entsprechende Berechtigung dazu haben (hier sollten Sie zumindest die Galerie Stockfotos sehen können). Hier können Sie jedoch keine eigenen Bilder hochladen. Das können Sie nur in die eigenen Galerien. 

Gehen Sie jetzt mit dem Mauszeiger über die Bildergalerie und klicken auf die Wolke mit dem Pfeil, die am rechten Ende der Zeile erscheint. 

 

Es öffnet sich das Fenster, über das Sie jetzt ein Foto von ihrem Computer auswählen können. Wählen Sie das entsprechende Bild oder aber auch mehrere Bilder aus und bestätigen mit „Öffnen“.

Danach erscheint ein Fenster mit der Überschrift "Dateien hochladen nach /.name der Galerie/bilder". Hier bestätigen Sie mit Klick auf OK. 

Im nächsten Schritt öffnen sich die Eigenschaften. 

Dateiname: Bitte verändern Sie diesen nicht und vor allem entfernen Sie bitte nicht die Dateiendung.  
Titel: Der Titel ist auch als Bildunterschrift unter den Bildern zu sehen. Bitte geben Sie hier eine kurze 
Beschreibung an, z. B. Symbolbild oder bei Gruppenfotos Namen oder Anlass für das Foto. 
Beschreibung: Das ist der Alternativtext, der für sehbehinderte Menschen hinterlegt wird. Beschreiben Sie so kurz wie möglich (80 Zeichen) die wichtigsten Details des Fotos. 
Copyright: Ein Copyright muss bei Bildern immer angegeben werden. Sollten Sie sich bzgl. des Fotografen nicht sicher sein, verwenden Sie ein Bild, dessen Rechte geklärt sind. 
Keywords: Hier können Sie Begriffe eintragen, die Ihnen später beim Suchen der Datei in der Galerie behilflich sein können. 

Nach Eingabe aller relevanten Eigenschaften klicken Sie auf "Fertig". Das Bild befindet sich nun in Ihrer Galerie. An dem roten Punkt erkennen Sie, dass das Bild noch nicht veröffentlicht wurde. Dies machen Sie wie bisher über das entsprechende Symbol in Ihrer obersten Menüleiste.

Sie können auch mehrere Bilder auf einmal in die Galerie laden. Wählen Sie hierzu einfach alle Bilder aus, die Sie in die Galerie laden möchten. Hierzu halten Sie beim Auswählen die Taste "Strg" auf Ihrer Tastur gedrückt un klicken parallel mit der Maus die gewünschten Bilder an.

Beim Hochladen von mehreren Bildern können in den Eigenschaften über die Plus-Symbole am Ende jeder Zeile die in der Zeile genannten Eigenschaften über einen Klick auf alle im Uploadvorgang befindlichen Bilder übernommen werden. 

Die Übernahme der Eigenschaften müssen Sie anschließend in einem Fenster bestätigen. Setzen Sie einen Haken bei "vorhandene Werte überschreiben" werden die vom Bild übernommenen oder bereits eingetragenen Werte durch den hier gezeigten Wert in dieser Zeile bei allen Bildern, die sich in diesem Uploadvorgang befinden, ersetzt. Der Titel wird also nur dann für alle Bilder übernommen, wenn Sie hier ein Häkchen setzen.

Wenn Sie ein Bild in OpenCms hochladen, ist der Fokus zunächst immer in der Mitte des Bildes. 

Öffnen Sie über den Stift zum Bearbeiten das Element, in welchem das Bild eingesetzt ist. Klicken Sie jetzt auf das Ordner-Symbol in der Zeile Bildpfad. 

Etwa in der Mitte des Bildes finden Sie ein transparentes blaues Fadenkreuz. Dieses können Sie nun anklicken und mit gedrückter Maustaste so verschieben, dass der Bildschwerpunkt an die gewünschte Stelle gesetzt wird.

Wichtiger Hinweis:  
Sie können nur bei den Bildern den Schwerpunkt bzw. Ausschnitt ändern, die in Ihrem Verzeichnis liegen. Bei Fotos aus dem Ordner „Stockfotos“ funktioniert dies nicht.
Der Bildschwerpunkt gilt immer systemweit, d.h. egal in welchem Element Sie das Bild verwenden, der Schwerpunkt ist immer gleich. 

Bestätigen Sie anschließend mit OK und speichern und schließen Sie das Element. Jetzt können Sie den geänderten Schwerpunkt im Element sehen. Bitte beachten Sie, dass die Änderung auch veröffentlicht werden muss.

Möchten Sie das Bild auf den im Inhaltselement definierten Link (z.B. zu einer Unterseite bzw. Website) verlinken, gehen Sie mit der Maus über den grauen Punkt des entsprechenden Elements und klicken auf das Eimstellungsrädchen.

Setzen Sie dann ein Häken ganz unten bei „Bild verlinken“ und bestätigen mit OK. Wenn Sie nun auf das Bild klicken, öffnet sich die verlinkte Seite.

Sollten Sie auch das Häkchen bei "Bild vergrößern" gesetzt haben, wird diese Einstellung ignoriert. Vorrang hat dann der Link. 

Der Titel ist die Bildunterzeile, die allen Nutzer*innen bei der Einordnung des Bildes hilft. Hier sollte z.B. drin stehen, wer auf dem Foto zu sehen ist, ggf. sind auch Angaben zum Ort oder Hintergrundinfos zur Situation oder wann das Foto aufgenommen wurde (nur wenn es zum Verständis beiträgt). Symbolfotos sollten im Titel als solche gekennzeichnet werden; ebenso KI-generierte Bilder. Der Titel sollte unbedingt ausgefüllt werden, da sonst der Dateiname übernommen wird und unter dem Bild dargestellt wird. 

Die Beschreibung ist der so genannte Alternativtext für blinde Menschen. Dieser sollte ebenfalls immer ausgefüllt werden und die Kernaussage des Bildes in maximal 80 Zeichen ausdrücken. 

Weitere Infos zum Alternativtext finden Sie auf unserer Übersichtsseite zum Thema Barrierefreiheit.

zur Übersicht Barrierefreiheit

Wenn das Bild etwas zeigt, das bereits im dazugehörigen Text beschrieben wird oder wenn es für das Verständnis der Website nicht notwendig ist, sollte es als dekorativ gekennzeichnet werden. Beispiele sind:

  • Symbolbilder bei Artikeln
  • Logos
  • Bilder in Bildkacheln 

Infografiken, Diagramme oder Bilder, die eine eigene Aussage haben - also nicht dekorativ sind - sollten dagegen mit einer aussagekräftigen alternativen Beschriftung für blinde Menschen versehen werden. Dabei sollte der Bildinhalt beim Hochladen des Bildes im Feld "Beschreibung" möglichst präzise und kurz (ca. 80 Zeichen) beschrieben werden, damit auch Menschen mit Sehbehinderungen die enthaltenen Informationen erfassen können. 

Wie sollte man ein Bild alternativ beschreiben?

Gehen Sie bei einem Inhaltsabschnitt auf das Einstellungsrädchen und wählen Sie unter "Formatter" das Element Bildkachel.

Bei einer Bildkachel sollte das Textfeld immer leer sein. Eine Bildkachel besteht nur aus Bild, Überschrift und Link. Die Überschrift sollte möglichst kurz und auch ohne zusätzlichen Text verständlich sein.

Verzichten Sie auf "Mauseffekte", da diese mobil nicht funktionieren. Sie können einstellen, ob die Schrift oben oder unten in der Kachel angezeigt wird. Außerdem empfielt es sich unter der Einstellung "Link" auszuwählen "ganze Bildkachel verlinken".

Text-Editor

Fremde Formatierungen (beispielsweise aus Word) entfernen Sie, indem Sie den gewünschten Text kopieren und über die Tastenkombination "Strg + Umschalt + V" einfügen.

Alternativ fügen Sie den Text mit "Strg + V" ein, markieren diesen im Texteditor und drücken das Symbol Tx (Formatierung entfernen).

Sie können innerhalb des Texteditors Zwischenüberschriften setzen.
Markieren Sie hierfür den gewünschten Absatz, klicken in der Menüleiste auf "Absatz" und wählen Sie dort bei "Überschrift" die passende Hierarchie aus. 

Warum ist die Beachtung der Hierarchie wichtig?

Markieren Sie das Wort, den Satz, die Website, etc., die Sie verlinken möchten, und klicken auf das Kettensymbol. 

In dem sich öffnenden Fenster können Sie nun eine externe URL eingeben oder Sie klicken auf den Ordner mit dem Pfeil und wählen in der Sitemap eine Unterseite Ihrer Website aus, auf die Sie intern verlinken.

Bei externen Links wählen Sie unter "Link öffnen in..." bitte "neues Fenster" aus.

Wenn Sie in einem Text eine E-Mail-Adresse eingeben, wird diese für gewöhnlich automatisch verlinkt, sobald Sie dahinter ein Leerzeichen setzen. Sollte dies nicht der Fall sein, markieren Sie die Adresse und klicken im Texteditor auf das Kettensymbol.

Hier geben Sie unter URL nun die Mailadresse ein. Klicken Sie auf "Speichern". Es öffnet sich ein Fenster mit dem Hinweis, dass es sich um eine Mailadresse zu handeln scheint und ob Sie das dazu benötigte "mailto:" voranstellen möchten. Bestätigen Sie mit "Ja". Die Adresse ist jetzt verlinkt.

Grundsätzlich ist es im Text-Editor möglich, Texte zu zentrieren. Wir raten jedoch - insbesondere bei Texten, die aus mehreren Sätzen bestehen - dringend davon ab.
Zentrierter Text ist grundsätzlich schwieriger zu lesen als rechtsbündiger Text und dadurch weder besonders nutzerfreundlich, noch barrierefrei.

Über den Editor ist keine Änderung der Schriftgröße möglich. Sie können aber über das Einstellungsrädchen des Inhaltsabschnitts Text vergrößert anzeigen lassen, indem Sie bei dem Punkt "Textanzeige" die Eingabe "Text vergrößert anzeigen lassen".

Bitte nutzen Sie diese Einstellung nur in Ausnahmefällen (z.B. bei kurzen Einstiegstexten), da die Seite sonst unruhig aussieht. 

Sie können - wie in Word - Aufzählungszeichen nutzen. Sie finden die entsprechenden Symbole in der Formatierungsleiste. Dort können Sie mit Klick auf den Pfeil auswählen, welches Aussehen diese haben sollen.

Zum Hervorheben von Wörtern oder Sätzen markieren Sie das Wort (oder den Satz) und klicken auf das Symbol B.

Bitte nutzen Sie nicht die Formatierung "Unterstrichen", da dies vom Aussehen her wie ein Link aussieht, jedoch keine Verlinkung ist. 

Sie können auch etwas kursiv hervorheben (Symbol I). Wir empfehlen jedoch, dies nicht für ganze Absätze zu verwenden, da es am Monitor schlecht zu lesen ist.

Beispiel für ein optisch hervorgehobenes Zitat:

Das wahre Licht, das jeden Menschen erleuchtet, kam in die Welt.

Joh 1, 9

Vorgehen: Wichtig ist eine Absatzschaltung zwischen Zitat und Quellenangabe.
Markieren Sie beides und klicken auf Absatz, Sonderformate, Zitat.
Nun markieren Sie lediglich die Zeile mit Quellenangabe und klicken Absatz, Sonderformate, Zitat Quelle.
Sie benötigen keine Anführungszeichen um das Zitat.

Wenn Sie in OpenCms auf der Seite arbeiten, können Sie leider keine Schritte rückgängig machen, die noch nicht veröffentlicht wurde.

Anders ist es im Text-Editor, wenn Sie einen Text bearbeiten. Hier können Sie über Strg+Z Schritte rückgängig machen (so wie in Word) oder Sie klicken auf den Pfeil nach links.

Auch wenn der Text-Editor eine Tabellen-Funktion anbietet, raten wir dringend davon ab. Tabellen sind aufgrund Ihrer Breite nicht responsive, das bedeutet, dass sie auf kleineren Geräten, insbesondere Handys, nicht lesbar dargestellt werden. Deshalb sind Tabellen grundsätzlich nicht nutzerfreundlich. 

Alternativ kann eine strukturierte Darstellung über Aufzählungspunkte, Überschriften, Absätze, Fett-Druck erfolgen. Handelt es sich um große Tabellen, sollte man diese als PDF zum Download anbieten. 

PDFs

Hierfür nutzen Sie bitte die Link-Sequenz. Klicken Sie auf den Zauberstab und ziehen Sie eine Link-Sequenz an die gewünschte Stelle auf Ihrer Seite. Klicken Sie auf den Stift zum Bearbeiten. Im Eingabefenster können Sie nun mehrere Links hinzufügen. In der Zeile Link wählen Sie mit Klick auf den Ordner die entsprechende Datei aus, die Sie zum Download anbieten möchten.

Mit Klick auf das +-Symbol können Sie eine neue Link-Zeile hinzufügen.

Ausführliche Anleitung Link-Sequenzen

Medien

Nein, das Hochladen von größeren Dateien ist in OpenCms nicht vorgesehen. Videos müssen zunächst auf einer Video-Plattform wie YouTube oder Vimeo hochgeladen werden (vgl. Abschnitt "wie binde ich ein YouTube-Video ein"). 

Bitte beachten Sie, dass dabei auch ein entsprechender Abschnitt in der Datenschutzerklärung notwendig ist - bitte klicken Sie den vorgesehenen Abschnitt im Datenschutzbaukasten an oder nehmen Sie Kontakt mit der Abteilung Datenschutz auf.

Nachdem Sie Ihr Video in Ihrem YouTube-Kanal hochgeladen haben, klicken Sie unter dem Video rechts auf den Pfeil und kopieren den angezeigten Link bzw. den Teil des Links hinter dem "=". Das ist die so genannte YouTube-ID. 

Dann gehen Sie in OpenCms auf die Seite, auf der Sie das Video einbinden möchten. Klicken Sie auf den Zauberstab und ziehen Sie sich das Element "Medien" in einen passenden Container auf der Seite (dieser sollte nicht zu groß und nicht zu breit sein). 

Klicken Sie auf den Stift und geben Sie in der Maske einen Titel ein. Dann klicken Sie bei "Medien-Typ" rechts auf das "+" und wählen YouTube-Video aus. Hier müssen Sie nun die YouTube-ID eingeben, die Sie eben kopiert haben. Achtung, falls Sie den gesamten YouTube-Link kopiert haben, entfernen Sie bitte alles, was nicht hinter dem "=" steht. Dann müssen Sie noch ein Vorschaubild hochladen. Hier machen Sie sich vorher am besten einen geeigneten Screenshot von Ihrem Video. Bei Bedarf können Sie auch das angezeigte Icon ändern und weitere Felder wie das Veröffentlichungsdatum ausfüllen.

Nachdem Sie Ihre Eingaben gespeichert haben, sollten Sie im Einstellungsrädchen die Überschrift von H1 auf H2 oder H3 setzen (je nach Überschriften-Struktur auf Ihrer Seite).

Anschließend können Sie in der OpenCms-Vorschau testen, ob das Video funktioniert. Denken Sie daran, Ihre Änderung auf der Seite im Anschluss zu veröffentlichen und im Frontend nochmal zu kontrollieren, ob das Video läuft. 

Wichtiger Hinweis

Bitte beachten Sie, dass Sie zwingend einen entsprechenden Abschnitt in die Datenschutzerklärung aufnehmen müssen, sobald Sie ein YouTube-Video auf Ihrer Seite einbinden. Bitte nutzen Sie dafür den Baustein im Datenschutzbaukasten oder kontaktieren Sie Ihre Datenschützer*in. 

Ja, Sie können auch ein hochformatiges Video hochladen. Nutzen Sie hierfür das Medienelement wie im Abschnitt "Wie lade ich ein YouTube-Video hoch" beschrieben. Im Anschluss klicken Sie im Medienelement auf das Einstellungsrädchen und können dann bei "Bildformat" das passende Format, z.B. "Smartphone groß" auswählen.

Bitte beachten Sie, dass das Medienelement dann auch immer in einem passenden schmalen Container stehen sollte, also am besten ein Drittel (in Row 9:3/3:9) oder ein Viertel (in Row 8:4/4:8) der Gesamtbreite einnehmen sollte, damit es ohne Rand dargestellt wird.  

Nein, das Hochladen von größeren Dateien ist in OpenCms nicht vorgesehen. Wenn Sie einen regelmäßigen Podcast anbieten, sollten Sie diesen auf einer der gängigen Plattformen, wie beispielsweise Podigee hochladen und können diesen dann über einen Embedding-Code auf der Website einbinden (vgl. Abschnitt "Wie kann ich einen Podcast auf meiner Website einbinden").

Bitte beachten Sie, dass dabei auch ein entsprechender Abschnitt in der Datenschutzerklärung notwendig ist - bitte nehmen Sie Kontakt mit der Abteilung Datenschutz auf.

Das Element 'flexibler Inhalt' finden Sie bei den 'fortgeschrittenen Elementen'.

Ein Podcast muss zunächst auf einer Podcast-Hosting-PLattform wie z.B. Podigee hochgeladen werden. Im Anschluss daran gehen Sie auf "Teilen" und erzeugen einen Embedding-Code bzw. Java-Script-Code, den Sie dann kopieren. 

In OpenCms klicken Sie auf den Zauberstab, wechseln zu fortgeschrittenen Elemente und ziehen sich ein "Flexibler Inhalt" auf die Seite. In diesem geben Sie dann Ihren kopierten HTML-Code ein. 

Bitte beachten Sie, dass im flexiblen Element unbedingt das Häkchen "Cookies neu laden" gesetzt werden muss. Außerdem muss zwingend ein Absatz zu Podigee in die Datenschutzerklärung mit aufgenommen werden. 

Artikel (Nachrichten)

Einen Artikel fügen Sie bitte immer über das "+" - Symbol der entsprechenden Artikelliste wie folgt hinzu (nicht über den Zauberstab):
Gehen Sie mit der Maus über den grauen Punkt der Liste und klicken auf das "+". Anschließend wählen Sie aus, ob Sie einen Artikel oder einen Lockvogel hinzufügen möchten. Es öffnet sich eine Maske, die Sie nun entsprechend ausfüllen können.

Alternativ können Sie diesen Schritt auch direkt neben einem Artikel ausführen. Hier wählen Sie dann aus, ob Sie den Artikel kopieren oder neu erstellen möchten.

Kurzanleitung Erstellung einer Nachricht

Artikel sollten immer nur im Zusammenhang mit einer sogenannten Liste verwendet werden. Hierzu gehen Sie zur Nachrichtenliste auf der Startseite oder auf der Nachrichtenseite unter Aktuelles. Fahren Sie mit der Maus über den rechten oberen Punkt der Liste, so dass ein Untermenü angezeigt wird.  Mit Klick auf das "+"-Icon legen Sie eine neue Meldung/Nachricht an (vgl.: "Wie füge ich einen Artikel hinzu").

Für Inhalte auf einer Unterseite verwenden Sie bitte den Inhalts-Abschnitt, nicht das Artikel-Element. 

Sollte eine Nachrichten-Liste auf einer Unterseite zu einem speziellen Thema gewünscht sein, kontaktieren Sie bitte die Internet-Redaktion.

Einen Artikel können Sie vorplanen und auch ablaufen lassen. Dies können Sie über den Reiter "Verfügbarkeit" in der Eingabemaske einstellen.

Geben Sie unter Gültigkeitszeitraum in der gewünschten Zeile das entsprechende Datum an. 

Achten Sie darauf, wenn Sie einen Artikel vorplanen, dass Sie das Datum unter dem ersten Reiter "Artikel" an dieses Datum anpassen (Datumsfeld unter dem Titel der Nachricht). Denken Sie daran, die Seite zu veröffentlichen.

Gehen Sie in die Übersicht Ihrer Nachrichtenliste und wählen die entsprechende Nachricht aus. Klicken Sie auf "mehr", um zur so genannten Detailseite des Artikels zu gelangen. Scrollen Sie hier ganz nach unten. Unter der Meldung befindet sich ein leerer, blauer Container. Hier können Sie über den Zauberstab und die Drag&drop-Funktion das Element Bilderserie hineinziehen und dieses anschließend über den Stift bearbeiten.

Ja, Sie können ein großes Bild am Anfang des Artikels sowie pro Absatz ein Bild hinzufügen. Weitere Absätze legen Sie über das kleine "+" rechts neben dem Absatz an. Darüber hinaus können Sie sich auf der Seite mit dem Zauberstab unten in der Meldung auch eine Bildergalerie in den leeren Container ziehen (vgl. Abschnitt "Wie lege ich eine Bildergalerie an").

Sie können beim Eingeben des Textes mehrere Absätze mit Zwischenüberschriften, hier "Untertitel", einem Text hinzufügen. Gehen Sie hierzu mit der Maus über den Punkt rechts bei Absatz und fügen über das "+" einen neuen Absatz hinzu. Unter Untertitel tragen Sie die entsprechende Zwischenüberschrift ein.

In OpenCms wird das Element Lockvogel für die Darstellung von kurzen Hinweisen mit Link zu externen Inhalten genutzt innerhalb der Nachrichtenliste verwendet. Das Aussehen des Lockvogel-Teasers ist in der Liste mit einem Nachrichten-Teaser vergleichbar, allerdings gelangt man durch den Klick auf „mehr“ nicht auf eine Detailansicht, sondern auf eine externe Seite. 

Vorteil des Lockvogels: Man kann z.B. auf fremde Nachrichten (bspw. Nachrichten der Bischöflichen Pressestellen, Caritas-Verbände) oder auf eigene Veranstaltungen hinweisen, oder auch auf externe Webseiten. Dabei braucht man nur Intro, Titel, Bild und Link und einen Einleitungstext und verweist dann auf den Originalinhalt, was urheberrechtlich eine gute Lösung ist (Nutzungsrechte für das Bild müssen aber natürlich im Vorfeld abgeklärt werden). 

Wenn Sie auf Ihrer Seite also z.B. auf eine Veröffentlichung einer externen Website hinweisen möchten, bietet sich ein Lockvogel in Ihrer Nachrichtenliste an.

Anleitung zum Erstellen eines Lockvogels

Dies ist grundsätzlich möglich; hierzu empfehlen wir eine "Mauerwerk-Darstellung" der Liste. Diese ist insbesondere dazu geeignet, wenn Artikel manchmal ein Bild enthalten und manchmal nicht. Bitte kontaktieren Sie die Internet-Redaktion.

Grundsätzlich ist es möglich, eine eigene Artikel-Liste für regelmäßige Impuls-Einträge zu nutzen. Hierfür muss die Internet-Redaktion eine entsprechende Kategorie und eine so genannte Detailseite anlegen. Bitte wenden Sie sich an die Internet-Redaktion.

Beispiele finden Sie beim Pastoralen Raum Wadern oder beim Pastoralen Raum Neuwied.

Veranstaltungen

Um eine Veranstaltung anzulegen, benötigen Sie eine entsprechende Veranstaltungsliste.

Gehen Sie mit der Maus über den grauen bzw. grau-roten Punkt (grau-rot, wenn die Liste an anderer Stelle wiederverwendet wird) der gesamten Liste. Wenn Sie richtig sind, sehen Sie dies an der gestrichelten Linie, die alle bereits bestehenden Veranstaltungen jetzt umrandet; der Punkt befindet sich oben rechts von der Linie. Klicken Sie auf das +-Symbol.

Es öffnet sich eine Eingabemaske, in die Sie alle erforderlichen Infos eintragen sowie ein Bild hinzufügen können. Sollten Sie einen langen Text haben, können Sie auch zusätzliche Absätze hinzufügen. Pro Absatz kann dann - ergänzend zum großen Einstiegsbild im Breitformat - ein kleineres Bild hinzugefügt werden (hier sind auch Querformate möglich).

Anleitung zu Veranstaltungen

Beim Eintragen von Veranstaltungen ist es wichtig, dass man immer auch ein Ablaufdatum (beispielsweise von 4 Wochen) hinterlegt. Google & Co. zeigen die Veranstaltungen noch für einige Wochen an. Ist die Veranstaltung abgelaufen, führt der Link, wenn ein Ablaufdatum gesetzt ist, dann zu einem 404-Fehler und verschwindet später aus den Suchergebnissen.

Veranstaltungen, die kein Ablaufdatum haben, werden auch weiterhin von den Suchmaschinen und auch auf der Seitensuche gefunden, was für die Seitenbesucher*innen verwirrend sein kann. 

Auch bei Nachrichten, die Ankündigungen für Termine sind, ist es sinnvoll, diese z.B. vier Wochen nach der Veranstaltung ablaufen zu lassen. 

Hierzu klickt man in der Veranstaltungs-Maske auf den Reiter Verfügbarkeit, klickt dort bei "Gültigkeitszeitraum" auf das "+" und füllt dann das Feld "gültig bis" entsprechend aus.
Wir empfehlen die Veranstaltung erst vier Wochen nach dem Enddatum ablaufen zu lassen, weil es oft vorkommt, dass Interessierte auch im Nachgang noch bei Google oder anderen Suchmaschinen nach der Veranstaltung suchen.

Binden Sie Flyer bitte nie als Titelbild einer Veranstaltung ein, da hier das voreingestellte Querformat nicht passt und die Flyer unschön beschnitten werden.

Im Eingabefenster einer Veranstaltung haben Sie im Bereich "Absatz" unter dem Text die Möglichkeit, ebenfalls ein Bild einzufügen. Hier können Sie durch Klick auf das +-Symbol ein Bild Ihres Flyers hochladen.

Bitte beachten Sie, dass Bilder mit Text nicht barrierefrei sind. Alle Infos, die als Text auf einem Bild stehen, sollten daher auch in das Textfeld übertragen werden.

Sollten Ihnen der Flyer als PDF vorliegen, können Sie diesen in der Zeile "Link" ebenfalls durch Klick auf das +-Symbol als Dokument zum Download hochladen.

Wenn Termine in regelmäßigen Abständen, z. B. an jedem ersten Donnerstag im Monat stattfinden, können Sie diese als Serie anlegen.

Gehen Sie wie beim Anlegen einer normalen Veranstaltung vor und klicken auf das +-Symbol der Veranstaltungsliste. Geben Sie in die Eingabemaske die erforderlichen Angaben ein.

Beim Datum geben Sie nun den Zeitraum an, in dem die Termine stattfinden und setzen einen Haken bei "Wiederholen".

Jetzt haben Sie die Möglichkeit, den Rhythmus auszuwählen, in dem die Termine stattfinden. 

Geben Sie bei allen Optionen ein Enddatum an. Die Veranstaltungsreihe kann nach einer bestimmten Anzahl oder an einem bestimmten Termin enden. Eine Serie kann nicht mehr als 100 Termine enthalten.

Klicken Sie jetzt auf Terminübersicht und kontrollieren Sie die Termine. Sind Termine dabei, die aufgrund von z.B. Ferien nicht stattfinden, entfernen Sie hier einfach den Haken und bestätigen anschließend mit „ok“.

Es besteht die Möglichkeit, das Datum prominent unter dem Bild anzeigen zu lassen, über dem Titel oder zwischen Titel und Bild.

Wir empfehlen die Variante unter dem Bild links (s. Screenshot).

Wenn Sie möchten, dass wir das für Ihre Veranstaltungen einrichten, schicken Sie uns bitte eine kurze Mail an die Internet-Redaktion mit dem Namen Ihrer Website. 

Achtung: Veranstaltungen, die über die Schnittstelle Aufwind einlaufen, können nicht optisch angepasst werden. 

 

Grundsätzlich ist es möglich, dass Veranstaltungslisten auf Unterseiten zu bestimmten Themen gefiltert werden können. Hierfür muss die Internet-Redaktion entsprechenden Kategorie und Listen einrichten. Bitte wenden Sie sich dazu an die Internet-Redaktion (Margit Haubrich).

Grundsätzlich ist es möglich, dass Veranstaltungen und/oder Meldungen auch auf anderen OpenCms-Seiten übernommen werden. Hierfür muss die Internet-Redaktion entsprechende Kategorien und Listen einrichten. Bitte wenden Sie sich dazu an die Internet-Redaktion (Margit Haubrich).

Gottesdienste

OpenCms verfügt über eine Schnittstelle zu Ingenius. Zwischen Ingenius und OpenCms gibt es einmal am Tag (nachts) einen Datenaustausch.
Gottesdienste, die Sie in Ingenius eintragen, werden in der Nacht automatisch an OpenCms übermittelt. Sie sparen sich dadurch doppelte Pflege.

Zum Aktivierung dieser Verbindung auf Ihrer OpenCms-Website wenden Sie sich bitte zunächst an die Internet-Redaktion.

Ein Einbinden von Churchdesk-Gottesdiensten ist derzeit noch nicht möglich.

Bitte verlinken Sie - beispielsweise durch eine ansprechende Kachel - auf die Churchdesk-Gottesdienstseite.

Sitemap

Klicken Sie rechts oben auf die Rakete und dann auf "Sitemap".
Wenn Sie die Sitemap wieder verlassen möchten, klicken Sie auf die Rakete und dann auf "Seiteneditor".

Sie befinden sich in der Sitemap und klicken oben links auf den Zauberstab. Wählen Sie im Reiter "Containerseiten" die "Vorlage: volle Seitenbreite" aus (i.d.R. ist das die oberste; zum Teil auch die einzige Vorlage, die angezeigt wird). 

Ziehen Sie sich diese rechts mit dem drag&drop-Icon und gedrückter rechter Maustaste an die gewünschte Stelle in der Sitemap und lassen Sie sie los. Soll die Seite unter einem blauen Ordner oder unterhalb einer anderen Seite liegen, ziehen Sie die Maus genau auf das Ordner- bzw. Seiten-Icon und lassen die Maustaste dann los. 

Dann können Sie die Seite umbenennen indem Sie auf "Page" klicken. Der Pfad wird in diesem Fall automatisch mit umbenannt. 

Anleitung Seiten/Menüpunkte anlegen

Wechseln Sie in die Sitemap. Klicken Sie auf den Zauberstab. Wählen Sie den Reiter rechts "Funktionsseiten" aus. Ziehen Sie die Navigationsebene mit dem drag&drop-Icon rechts in der Zeile mit gedrückter rechter Maustaste an die gewünschte Stelle in der Sitemap. Klicken Sie auf den Titel, um diesen zu ändern. Nun können Sie neue Seiten unter diese Navigationsebene ziehen (vgl. Abschnitt "wie lege ich neue Seiten an"). 

Denken Sie daran, diesen Schritt über das Uhr-Icon oben links zu veröffentlichen und kontrollieren Sie Ihre Änderung im Frontend. 

Anleitung Seiten/Menüpunkte anlegen

Eine Navigationsebene (blauer Ordner) legen Sie immer dann an, wenn unter dieser Ebene mehrere Unterseiten liegen, z. B. unter einem Hauptnavigationspunkt einer Website. Eine Navigationsebene hat den Vorteil, dass das Menü aufgeht, wenn man mit der Maus darüber fährt, aber auf der Ebene selbst kein Inhalt liegt - ansonsten könnte es passieren, dass ein wichtiger Inhalt von den Nutzer*innen übersehen wird. 

Die Ebene sorgt stattdessen dafür, dass die Nutzer*innen beim Klick darauf auf die erste darunterliegende Seite springen. Daher ist es sinnvoll bei mehreren darunter liegenden Unterseiten zunächst eine Übersichtsseite anzulegen, z. B. mit Bildkacheln, die zu den jeweiligen Unterseiten des Navigationspunktes führen.

Unter der Ebene muss immer mindestens eine Seite liegen; ansonsten kommt es zu einem 404-Fehler.

Gehen Sie in die Sitemap. Klicken Sie in der Zeile der Seite, die Sie auf inaktiv stellen möchten, rechts auf das kleine Burgermenü. Klicken Sie auf "Erweitert" und dann auf "Gültigkeit". Hier können Sie in der Maske ein "gültig ab" und /oder ein "gültig bis" eintragen. In der Sitemap erkennen Sie nun an der kursiven Schrift des Seitentitels, dass die Seite inaktiv ist. 

Wenn Sie das Ganze zu einem anderen Zeitpunkt wieder rückgängig machen möchten, gehen Sie genauso vor und setzen Sie dann das Häkchen bei "zurücksetzen". 

Klicken Sie in der Sitemap, auf den Titel der Seite, den Sie umbenennen möchten und geben Sie den neuen Titel ein. 

Wichtig ist, dass Sie nun auch die URL (den Pfad in der Internet-Adresse) umbenennen, da dieser nicht automatisch umbenannt wird. Klicken Sie dazu rechts in der Zeile auf das kleine Burgermenü und wählen Sie hier "Eigenschaften" aus. Nun müssen Sie dort den Dateinamen anpassen. Bitte achten Sie an dieser Stelle auf Kleinschreibung und verwenden Sie keine Umlaute und keine Leerzeichen (stattdessen "-" zwischen einzelnen Wörtern). 

Denken Sie daran, diesen Schritt über das Uhr-Icon oben links zu veröffentlichen und kontrollieren Sie Ihre Änderung im Frontend. 

Nein, die Startseite darf in der Sitemap auf keinen Fall umbenannt werden, auch wenn dies techisch möglich ist. Sobald Sie die Startseite umbenennen, haben Sie keinen Zugriff mehr auf das Backend Ihrer Website, da die Anmeldung im System immer mit der Startseite der jeweiligen Website verknüpft ist. Außerdem darf die Startseite auf keinen Fall gelöscht oder verschoben werden; das würde zu demselben Problem führen.

Ja, Sie können statt einer Seite auch einen Link in die Sitemap einbauen. Dabei handelt es sich um einen so genannten Redirect.

Wechseln Sie zunächst in die Sitemap. Klicken Sie dann auf den Zauberstab. Wählen Sie den Reiter rechts "Funktionsseiten" aus. Ziehen Sie das Element HTML-Redirect mit dem drag&drop-Icon rechts in der Zeile mit gedrückter rechter Maustaste an die gewünschte Stelle in der Sitemap.

Geben Sie zunächst einen Titel ein, indem Sie auf das Wort "htmlredirect" klicken. Rufen Sie nun das Burgermenü rechts in der Zeile auf. Wählen Sie hier "Weiterleitung bearbeiten aus". Füllen Sie in der Maske das Feld "Link" entsprechend mit Ihrem Linkziel aus. Im Feld Typ brauchen Sie nichts weiter zu ändern. Da es sich bei einem Redirect i.d.R. um einen externen Link handelt, sollten Sie das Häkchen setzen bei "in neuem Fenster öffnen".

Wechseln Sie in die Sitemap. Fahren Sie mit der Maus in der Zeile der Seite, die Sie verschieben möchten, nach rechts. Dort erscheint neben dem kleinen Burgermenü das drag&drop-Icon. Klicken Sie dieses an und ziehen es mit gedrückter rechter Maustaste an die gewünschte Stelle in der Sitemap. Lassen Sie die Maustaste los. 

Denken Sie daran, diesen Schritt über das Uhr-Icon oben links zu veröffentlichen und kontrollieren Sie Ihre Änderung im Frontend. 

Suchen Sie in der Sitemap die jeweilige Seite raus und fahren mit der Maus rechts über die Zeile und klicken dann auf das kleine Burgermenü, das erscheint. Dort wählen Sie "Verstecke in Navigation" aus. Danach wird der Seitentitel transparent dargestellt. 

Möchten Sie das Verstecken wieder rückgängig machen, gehen Sie nochmals auf das kleine Burgermenü und klicken auf "Zeige in Navigation".

Denken Sie daran, diesen Schritt über das Uhr-Icon oben links zu veröffentlichen. 

Wichtig: Die Seite ist nur im Menü versteckt, aber über die Suche und für die Öffentlichkeit immer noch erreichbar.
Soll die Seite überhaupt nicht mehr erreichbar sein, müssen Sie sie auf abgelaufen stellen.

Fahren Sie in der Sitemap über die Zeile, in der die Seite steht und klicken Sie rechts auf das kleine Burgermenü. Hier können Sie dann auf "Seite löschen" klicken.

Achtung!
Wenn Sie eine Seite löschen, werden automatisch immer alle Seiten mitgelöscht, die eine Ebene darunter liegen. Deshalb versichern Sie sich vorher bitte immer, dass dort keine Seiten liegen, die Sie behalten wollen. Ob dort weitere Seiten liegen erkennen Sie an dem kleinen "+" Icon links neben dem Titel. Mit Klick auf das "+" öffnet sich das darunterliegende Menü.
Außerdem dürfen niemals Seiten gelöscht werden, die ein "*" im Titel enthalten, da es sich hierbei um wichtige Konfigurationsseiten wie die Artikel-Konfiguration oder die Veranstaltungs-Konfiguration handelt. Auch die Startseite darf auf keinen Fall gelöscht werden. 

Es ist wichtig, dass alle Änderungen - auch Löschungen - in der Sitemap immer auch veröffentlicht werden. Dies tun Sie, indem Sie - wie auf der Seite auch - oben links auf das Icon mit der Uhr klicken. Im Kästchen rechts sehen Sie nun in der Anzeige "alle Ihre Änderungen". Bitte kontrollieren Sie, ob Sie alle angezeigten Änderungen auch veröffentlichen möchten; hier sind ggf. auch Änderungen dabei, die Sie zuvor auf einer der Seiten gemacht haben. 

Wir empfehlen, bei umfangreichen Änderungen in der Sitemap immer in mehreren Zwischenschritten zu veröffentlichen, insbesondere wenn Navigationsebenen oder Seitentitel geändert werden. Ansonsten kann es passieren, dass Veröffentlichungen sich gegenseitig blockieren und Sie eine Fehlermeldung erhalten. In diesem Fall kontaktieren Sie bitte die Internet-Redaktion. 

Veröffentlichungen in der Sitemap sollten Sie immer auch im Frontend kontrollieren. Ist die Navigation im Frontend anders als im Backend, liegt fast immer ein Veröffentlichungsproblem in der Sitemap vor. 

Dies ist nur möglich, wenn die Seite zuvor bereits veröffentlicht war (das ist auch der Fall, wenn die komplette Website noch offline ist). Bitte kontaktieren Sie in diesem Fall die Internet-Redaktion.

Layout

Ihren Kopfbereich (Header) können Sie nur über die Verknüpfung auf der "Layout"-Seite ändern. Die Layoutseite finden Sie in der Sitemap weiter unten. Sie ist transparent dargestellt, da sie in der Navigation ausgeblendet ist.

Klicken Sie die Seite an. Unter dem eigentlichen Kopfbereich finden Sie den Kopfbereich der Startseite. Klicken Sie dort rechts auf den grauen Punkt mit dem roten Punkt in der Mitte und bestätigen Sie, dass Sie die Verknüpfung bearbeiten möchten. Unter "Konfiguration" können Sie Ihren Titel ändern. Unter dem Reiter "Bilder" können Sie das Bild ändern. Wenn Sie das gespeichert haben, können Sie im Abschluss weiter unten auf der Seite das Kopfbild für die Folgeseiten genauso ändern.
Veröffentlichen nicht vergessen.

Das Logo können Sie leider nicht selbst ändern - bitte kontaktieren Sie hierzu die Internet-Redaktion. Das Logo bitte entweder als jpg oder png an die Mail anhängen oder alternativ in die OpenCms-Bildergalerie hochladen.

Hier haben Sie leider keine Zugriffsrechte. Bitte kontaktieren Sie die Internet-Redaktion. Bitte die Links zu den Social-Media-Kanälen direkt mitschicken. 

Bitte beachten Sie, dass die Social-Media-Kanäle auch in Ihrer Datenschutzerklärung berücksichtigt werden müssen.

Ihren Fußbereich (Footer) können Sie nur über die Verknüpfung auf der "Layout"-Seite ändern. Die Layoutseite finden Sie in der Sitemap weiter unten. Sie ist grau hinterlegt, da sie in der Navigation ausgeblendet ist.

Klicken Sie die Seite an. Hier finden Sie zunächst eine Verknüpfung zum Kopfbereich; die Verknüpfung zum Fußbereich finden Sie gleich darunter. Klicken Sie auf der gewünschten Spalte rechts auf den grauen Punkt mit dem roten Punkt in der Mitte und bestätigen Sie, dass Sie die Verknüpfung bearbeiten möchten. Sie können nun die Linkliste bearbeiten, indem Sie Links durch andere ersetzten, sie über den Mülleimer löschen oder über das "+"-Icon neue hinzufügen. Ebenso können Sie den Titel ändern. 

Sonstiges

Bitte melden Sie sich ca. zwei Wochen vor dem geplanten Termin bei der Internet-Redaktion. Außerdem sollten Sie unbedingt alle Punkte unserer Checkliste abgearbeitet haben.

Checkliste als PDF

Ja, die Speicherkapazität in OpenCms ist auf 4 GB beschränkt. Ab einer Belegung von 3 GB erhalten Sie einen Hinweis von der Internet-Redaktion.

Ab November 2026 wird es im System eine automatische Warnung geben, wenn mehr als 80 Prozent des Speicherplatzes belegt sind. 

Bitte achten Sie darauf, dass Fotos, die Sie hochladen nicht mehr als 3 MB haben sollten. In der Regel reichen 3.000 Pixel Breite für ein querformatiges Bild bzw. 2.000 Pixel Höhe bei einem hochformatigem Bild - meistens sind 1-2 MB völlig ausreichen. Auch größere PDFs sollten vor dem Hochladen immer fürs Web komprimiert werden.

Darüber hinaus sollten alte, nicht mehr verwendete Dateien sowie alte Veranstaltungen ect. regelmäßig gelöscht werden. Hierzu bieten wir halbjährlich eine "Putzparty" in Form einer Online-Support-Stunde an. Termine hierzu finden Sie in unserer Übersicht.

zur Termin-Übersicht

Folgende Dateiformate dürfen Sie in OpenCms hochladen:

  • doc
  • docx
  • xls
  • xlsx
  • pdf
  • jpg
  • jpeg
  • gif
  • png
  • pptx
  • ppt

Bitte bachten Sie, dass Bilddateien nicht mehr als 3MB haben sollten und ggf. vor dem Bildupload die Bildgröße angepasst werden sollte (z.B. über die Windows-Fotoanzeige). Auch PDFs sollten vor dem Upload für das Web opimiert werden, also nicht in voller Druckqualität hochgeladen werden.  

Video- oder Audiodateien müssen immer auf einer entsprechenden Plattform hochgeladen werden und können dann im Nachgang eingebettet werden (vgl. FAQs zum Thema Medien). 

Ja, Sie können über OpenCms einen Newsletter kostenlos und mit überschaubarem Aufwand verschicken.

Hierzu bieten wir etwa quartalsweise eine 90-minütige Online-Support-Stunde an, über die wir auch in unserem Newsletter informieren. Sollten Sie unter unseren Terminen keine entsprechende Online-Support-Stunde finden, melden Sie uns bitte Ihren Bedarf per E-Mail an die Internet-Redaktion.

Bitte beachten Sie, dass ein Import von bereits bestehenden Newsletter-Abonennten aus datenschutzrechtlichen Gründen nicht möglich ist. Sobald der Newsletter technisch eingerichtet ist, müssen sich die Abonnent*innen zunächst selbst registrieren. Bitte beachten Sie außerdem, dass Sie einen Abschnitt zum Newsletter in Ihrer Datenschutzerklärung mitaufnehmen müssen.

zur Terminübersicht

Es gibt die Möglichkeit, in OpenCms Karten von OpenStreetMap einzubinden. Hierzu bieten wir in regelmäßigen Abständen 90-minütige Online-Support-Stunde an. Sollten Sie unter unseren Terminen keine entsprechende Online-Support-Stunde finden, melden Sie uns bitte Ihren Bedarf per E-Mail an die Internet-Redaktion.

zur Terminübersicht

Ja, Sie können grundsätzlich in OpenCms Formulare wie Anmeldeformulare für Veranstaltungen oder Kontaktformulare verwenden. Voraussetzung hierfür ist die Teilnahme an einer entsprechenden Support-Stunde, die wir ca. einmal pro Quartal anbieten. Wenn ein Termin angeboten wird, veröffentlichen wir diesen über unseren Newsletter sowie in unserer Terminübersicht. 

Alternativ können Sie aber auch über M365 Formulare erstellen und diese auf Ihrer Website verlinken. Außerdem haben wir eine Schnittstelle zur Veranstaltungs-Software Aufwind, die ebenfalls Formulare anbietet. 

Wichtiger Hinweis:

Bitte beachten Sie, dass unser Formular aus Gründen der Rechtssicherheit NICHT für kostenpflichte Veranstaltungen verwendet werden darf. Details hierzu finden Sie in unserer Meldung.

Meldung: Formulare nicht für kostenpflichtige Veranstaltungen verwenden.

Elemente wie Inhalts-Abschnitte, Linksequenzen oder auch Personen, können wie folgt kopiert werden:
Fahren Sie mit der Maus rechts über den Punkt des Elementes, welches Sie kopieren möchten.
Es erscheint eine Symbolleiste.
Dort klicken Sie auf das Herz mit dem "+"-Symbol.

 

Nun gehen Sie an die Stelle, an der Sie die Kopie einfügen möchten und klicken links oben auf das Klemmbrett (von uns auch gerne Wärmflasche genannt).
Fahren Sie mit der Maus über das Element, so dass rechts Symbole erscheinen.
Nun können Sie das zuletzt kopierte Element per Drag-and-drop an die gewünschte Stelle ziehen, indem Sie die 9-Punkte mit der Maus anklicken, gedrückt halten und an die passende Stelle ziehen. Dort lassen Sie dann losl 

Klicken Sie anschließend auf das Feld "Kopieren".

Hinweis: 
Elemente in Listen (Artikel, Termine etc.) werden NICHT auf diese Weise kopiert.  

Kurzanleitung Kopieren als PDF

Screenshot aus OpenCms

Fahren Sie mit der Maus über den grauen Punkt des Elementes, dass Sie zeitsteuern möchten. Auf der Symbolleiste klicken Sie im Anschluss auf das "i".
Es öffnet sich ein Fenster. Dort klicken Sie auf das Hamburger Menü (drei Striche) und wählen "Erweitert/ Gültigkeit".

Sie sehen nun zwei Datumsfelder, in welchen Sie mit Uhrzeit und Datum das Erscheinen oder Verschwinden des Elementes definieren können. 

Bitte denken Sie daran, wenn Sie fertig sind, die Seite zu veröffentlichen, damit die Einstellung übernommen wird. 

Hinweis:
Elemente in Listen (Artikel, Termine etc.) werden NICHT auf diese Weise zeitgesteuert.

Ausführliche Anleitung

Ein Captcha ist ein Schutz vor Bots, also vor programmierten Robotern, die eine Website mit gehäuften Anfragen außer Gefecht setzen und die Sicherheit oder den Ruf einer Website gefährden können. Benötigt wird ein Captcha zum Anti-Bot-Schutz auf einer OpenCms-Website beim Einbinden von Formularen und/oder Newsletter-Anmeldung. 

Wir arbeiten in OpenCms mit Friedly Captcha, da es auch aus Gründen des Datenschutzes und der Barrierefreiheit eine gute Wahl ist. Deshalb ist es erforderlich, dass sich Pfarrei-Websites oder sonstige Websites vor einer Formular- oder Newsletter-Support-Stunde kostenlos bei Maptiler registrieren und die so genannten API-Codes an die Internet-Redaktion schicken. 

Weitere Infos dazu finden Sie in unserer Anleitung. 

Anleitung Friendly Captcha als PDF

Klicken Sie erst auf den Zauberstab, dann auf 'Fortgeschrittene Elemente' und dann auf 'Dynamische Funktion'.

Ja, Sie können einen Abstand zwischen zwei Inhalten vergrößern. Klicken Sie hierzu auf den Zauberstab und wechseln Sie von den Inhalts-Elementen zu den Fortgeschrittenen Elementen. Hier klicken Sie zunächst auf "Dynamische Funktion" und wählen dann den "Abstandhalter" aus und ziehen diesen über das Drag&drop-Icon an die gewünschte Stelle auf der Seite.

Abstände unterhalb und oberhalb von Überschriften können ganz einfach geändert werden, indem Sie bei der Überschrift auf das Einstellungsrädchen klicken und dort unter "Überschrift" "Überschrift mit vergrößerten Abständen" auswählen. 

Hierzu benutzen Sie das Element Link-Sequenz. Dieses finden Sie, wenn Sie auf den Zauberstab klicken unter den "Inhaltselementen" und können es sich wie gewohnt per Drag&Drop mit der Maus an die gewünschte Stelle ziehen und das Element dann mit dem Stift bearbeiten.

Bitte geben Sie für jeden Link eine eindeutige Beschreibung an und setzen Sie bei externen Links oder PDFs das Häkchen "in neuem Fenster" öffnen. Außerdem können Sie einen Titel eingeben und falls gewünscht auch einen kurzen Infotext. Nach dem Speichern können Sie in den Einstellungen (Rädchen) festlegen, ob der Titel angezeigt werden soll (Überschriften-Hierarchie beachten), Sie können bei CSS ein farbiges, weißes oder graues Kästchen einstellen und in der Darstellung ein bestimmtes Icon für die komplette Liste auswählen. 

Anleitung Linksequenz

Klicken Sie auf den Zauberstan und wählen Sie aus den Inhaltselementen das Element "Person" aus. Ziehen Sie dieses über das Drag&drop-Icon rechts mit gedrückter rechter Maustaste an die gewünschte Stelle auf Ihrer Seite. 

Sie können dieses dann wie gewohnt über den Stift bearbeiten und über das Einstellungsrädchen festlegen, was angezeigt werden soll. Wir empfehlen, über das Einstellungsrädchen bei "CSS" einen grauen oder weißen Rahmen um den Kontakt zu setzen. 

Soll der Kontakt auf mehreren Seiten erscheinen, können Sie dieses über das Herz kopieren und über die Ablage oben links als "wiederverwendet" auf eine andere Seite ziehen. Die Elemente sind dann verknüpft und müssen immer nur an einer Stelle geändert werden. (vgl. Abschnitt "wie kann ich Elemente kopieren"). 

Anleitung Person und Organisation

Kategorien dienen dazu, innerhalb von Listen (Artikel, Orte, Termine) filtern zu können und Termine oder Artikel von einer Website zur anderen durchzureichen.
Um Kategorien selbst anlegen zu können, benötigen Sie erweiterte Rechte. Da das Ändern und Hinzufügen von Kategorien ggf. Auswirkungen auf die eigene und andere Webseiten hat, muss dies gut geplant sein. Bitte nehmen Sie Kontakt mit der Internet-Redaktion (Margit Haubrich) auf.

Ihre Frage ist nicht dabei?

Dann schreiben Sie uns gerne eine Mail an die Internet-Redaktion. Wir antworten Ihnen schnellstmöglich und erweitern stetig unsere FAQ-Listen. 

Man sieht ein blaues Fragezeichen auf einer rosafarbenen Fläche liegen

Weitere Fragen?

Schreiben Sie gerne an die Internet-Redaktion!

anleitungen_derek-thomson-Z7-ZhxCJ4H0-unsplash

Anleitungen

© Derek Thomson auf Unsplash
YouTube Screenshot vom OpenCms Video Tutorial zum Thema Bildfokus und Bildausschnitt setzen. Tablet mit Bistumslogo und Tablet mit Foto von bunter Tastatur.

Video-Tutorials

© Bistum Trier
Äpfel liegen in einer Reihe auf dem Tisch.

Style-Guide

© Isabella Fischer auf Unsplash
Man sieht einen Maschendrahtzaun, dahinter drei Schilder in Englisch beschriftet. Übersetzt: Geben Sie nicht auf! Sie sind nicht allein! Sie sind wichtig!

Online-Sprechstunde

© Dan Meyers auf Unsplash
Man sieht einen geöffneten Briefumschlag. Auf dem Brief sind die Logos von Bistum Trier und OpenCMS. Darunter der Text: Newsletter. Tipps und Tricks zu OpenCMS

Newsletter

© Kate Macate auf unsplash, bearbeitet
Blick von oben auf einen Schreibtisch. Man sieht den Monitor, Maus, Handy und verschiedene Skizzen

Kontakt