Brand-Book
Leitbild
Tonalität
Farben
Logo
Schriften
Form
Fotos
Illustrationen
Website Dokumentation

Website Dokumentation

Diese Website wird mit Webflow erstellt und betrieben.

Bis auf einige Ausnahmen basieren alle Funktionen dieser Website auf dem von Webflow bereitgestellten Funktionsumfang. Nur wo dieser Funktionsumfang nicht ausreicht, um die gewünschte Funktionalität zu erreichen, wird JavaScript und CSS nachgeladen oder manuell in den jeweiligen Head- oder Body-Code geschrieben.

Statische Inhalte

Die meisten Inhalte, wie Texte und Bilder, sind sog. statische Inhalte. D.h. sie sind dort hinterlegt, wo man sie sieht. Diese Inhalte können direkt im Edit-Modus – oben links im Editor – auf der jeweiligen Seite bearbeitet werden. Statische Inhalte erkennt man daran, dass sie einen blauen Rahmen bekommen, wenn man sie bearbeitet.

Nicht alle Inhalte können vom Editor bearbeitet werden. Einige zentrale Elemente wurden für die Bearbeitung gesperrt und köännen nur mit der "Designer"-Rolle bearbeitet werden.

Instanzen

Instanzen sind Module der Website die immer wieder verwendet werden können. Sie teilen sich das selbe Layout und können sich auch Text oder Bildinhalte teilen. Die Navigation ist z.B. eine Instanz, bei der Änderungen am Inhalt sich auf alle anderen Instanzen auf der Website auswirkt. Ändert man z.B. den Namen oder den Link eines Menüpunkts, wird dieser Name in jeder Instanz geändert. Instanzen erkennt man daran, dass sie einen grünen Hinweis unten und oben auf der Seite bekommen, wenn man sie bearbeiten möchte. Zudem dunkelt sich der Hintergrund im Bearbeitsungsmodus leicht ab.

Bei der Bearbeitung einer Instanz, die Teil eines dynamischen Inhalts (s.u.) ist, erscheint eine große Hinweisbox.

Hinweis, dass man beim Bearbeiten mehere Instanzen auf der Website ändert

Publizieren

Alle statischen Inhalte sowie alle CMS-Inhalte mit dem entsprechenden Eintrag (s.u.) werden über den "Publish“-Button oben rechts sofort auf den ausgewählten Servern veröffentlicht. Die echte Website befindet sich auf der "Production"-Umgebung. Um die Änderungen vorher zu prüfen, kann sie zuerst nur auf der "Staging"-Umgebung veröffentlicht werden. Diese kann unter neurozentrum-pasing.webflow.io erreicht werden.

Webflow Veröffentlichungs-Workflow
Publish-Workflow mit Auswahl von Staging- und Production-Umgebung

Sprachen

Indikator für englische Locale

Derzeit sind zwei Sprachschienen hinterlegt: Deutsch (Standard) und Englisch. In der Mitte des Editors befindet sich eine Umschalter und Anzeige, auf welche Sprache man gerade bearbeitet. Ist eine Zweitsprache (in unserem Fall Englisch) ausgewählt, wird diese dort blau angezeigt.

Kontextmenü mit Übersetzungsoptionen

Solange in der Zweitsprache keine Änderungen vorgenommen worden sind, ist der Inhalt mit dem der englischen Sprachschiene verküpft. Sobald man Änderungen am Inhalt der englischen Sprachschiene vornimmt, wird dieser Inhalt eingenständig und aktualisiert sich nicht mehr, wenn im Deutschen etwas geändert wurde. Inhalte, die noch verknüpft sind, können mit rechter Maustaste auf den Inhalt mit KI übersetzt werden. Bereits übersetzte Inhalte können dort auch wieder zurück gesetzt werden um dann erneut mit KI übersetzt zu werden.

!Achte immer darauf auf welcher Sprachschine du Dich gerade befindest!

Bereits übersetze Inhalte könen nicht erneut mit KIübersetzt werden. Sie müssen erst zurückgesetzt werden um dann erneut mit KI übersetz werden zu können.

CMS-Inhalte übersetzen

Dynamische CMS-Inhalte (s.u.) werden direkt im CMS-Eintrag übersetzt. Auch hier kann der gesamte Inhalt automatisch mit KI übersetzt werden. Eine Anzeige im CMS-Eintrag zeigt den Status an. Hier kann auch direkt zur entsprechenden Sprache (kleiner Pfeil) gesprungen werden. Sprachversionen der CMS-Einträge können unabhängig voneinander veröffentlicht werden.

Locales in CMS-Item
Status Anzeige und Umschalter im CMS-Eintrag

Legt man bei aktivierter EN-Sprachschine einen neuen CMS-Eintrag an, so wird dieser nur für diese Sprache angelegt. Dieser Eintrag kann NICHT mehr ins Deutsche übersetzt werden sondern bleibt exklusiv für die englische Schiene reserviert.

Dynamische Inhalte CMS

Dynamische CMS-Inhalte sind Inhalte, die über den Reiter CMS – oben links im Editor – zentral verwaltet werden. Diese Inhalte können, je nach Design, in unterschiedlicher Form an verschiedenen Stellen der Website auftauchen, wobei sie ihre Informationen immer aus einer zentralen Stelle des CMS-Eintrags beziehen.

Neue CMS-Einträge werden unter dem Reiter "CMS" oben links in der entsprechenden Collection angelegt. !Achtung! Achte darauf, in der deutschen Sprachschiene zu sein, um einen Eintrag für alle Sprachen zu erstellen (s.o.).

CMS-Inhalte können entweder im CMS-Eintrag im Formular bearbeitet werden oder auch direkt auf der Seite, wo diese eingebaut sind. Wichtig zu wissen! Da diese Inhalte zentral im CMS liegen, werden sie zentral geändert und überall dort aktualisiert, wo sie eingebaut worden sind. Man erkennt CMS-Inhalte daran, dass sie beim Bearbeiten auf der Seite einen lila Rahmen erhalten.

Statusanzeige

Änderungen an dynamischen CMS-Inhalten müssen unter dem Reiter CMS gesondert publiziert werden, auch wenn sie direkt auf der Seite editiert wurden. Sie können entweder einzeln, in der Bearbeitsungsansicht des CMS-Eintrags, veröffentlicht werden oder im Stapel in der Listenansicht der CMS-Collection. Ob es unveröffentlichte Änderungen gibt kann man am Status erkennen.

Neue CMS-Einräge, wie z.B. Ankündigungen können sofort separat veröffentlicht werden, ohne dass der Rest der Seite ebenfalls veröffentlicht wird. Neue Einträge können zudem zu einem späteren Zeitpunkt automatisch veröffentlicht werden. Es gibt für neue CMS-Einträge folgende Optionen für die Veröffentlichung.:

  • Create draft: Eintrag wird nicht veröffentlicht und wird später noch weiter bearbeitet. Publish now.
  • Queue for next site publish: Wird mit allen anderen statischen Inhalten beim nächsten Veröffentlichungsvorgang veröffentlicht.
  • Schedule to publish later: Datum und Uhrzeit für die automatische Veröffentlichung eingeben.

Es existieren folgende CMS-Collections:

  • Ankündigungen
  • Team-Mitglieder
  • Behandlungsmethoden
  • Krankheitsbilder
  • Werte
  • Prinzipien
  • Bereiche

Ankündigungen

Ankündigungen sind die aktuellen Meldungen die beim Aufruf der Seite vollflächig angezeigt werden. Hier sollten nur unmittelbar wichtige Meldungen gezeigt werden die vom Besucher nicht verpasst werden sollen.

Die Logik für die Announcements ist:

  • Ankündigungen werden nur einmal gezeigt. Sobal das Fenster geschlossen wurde, werden sie nicht mehr angezeigt.
  • Nach erneutem Öffnen des Browsers werden die Announcements wieder gezeigt (Local Storage).
  • Sobald es eine neue Ankündigung veröffentlicht wurde, werden diese auch bei erneutem Besuch der Seite, ohne dass der Browser geschlossen wurde, wieder angezeigt.
  • Wenn es Ankündigungen gibt, wird eine kleine Glocke mit rotem Punkt in der Navigation gezeigt.

Ankündigungen können im CMS und der CMS Collection "Ankündigungen" eingestellt und bearbeitet werden.

Team-Mitglieder

Unter welcher Rubrik ein Team-Mitglied auftaucht, ist davon abhängig, welche Einstellungen beim Team-Mitglied im CMS vorgenommen wurden. Die Einstellung bei "Bereich" bestimmt, ob das Team-Mitglied unter Neurologie, Psychiatrie oder Praxisverwaltung auftaucht. Ob ein Zitat im Menüpunkt Karriere erscheint, hängt davon ab, ob das Feld "Zitat: Arbeiten im Neurozentrum“ ausgefüllt wurde.

Team-Mitglieder können im CMS in der Collection "Team-Mitglieder" eingestellt und bearbeitet werden.

Behandlungsmethoden und Krankheitsbilder

Behandlungsmethoden und Krankheitsbilder tauchen unter "Neurologie" und "Psychiatrie" auf. Unter welchem Punkt die Einträge auftauchen, hängt von der Einstellung beim Feld "Bereich" ab (Neurologie / Psychiatrie). "Management" sollte hier natürlich nie gewählt werden.

Behandlungsmethoden können im CMS in der Collection "Behandlungsmethoden" eingestellt und bearbeitet werden.

Krankheitsbilder können im CMS in der Collection „Krankheitsbilder" eingestellt und bearbeitet werden.

Werte und Prinzipien

Werte und Prinzipien tauchen unter "Karriere" und im "Brand-Book" auf.

Werte können im CMS in der Collection "Werte" eingestellt und bearbeitet werden.

‍

Prinzipien können im CMS in der Collection „Prinzipien" eingestellt und bearbeitet werden.

‍

Bereiche

Bereiche wertden dazu verwendet, um Team-Mitglieder, Behalndlungsmethoden oder Krankheitsbilder zuzuordnen, zu filtern oder zu sortieren.

Bereiche können im CMS in der Collection "Bereiche" eingestellt und bearbeitet werden.

Sonderfunktionen die individuellen Code verwenden

Einige Funktionen auf dieser Seite verwenden individuellen Code um zu funktionieren. Dieser Code steht entweder zentral unter den "Site Settings" in "Custom Code" oder auf den jeweilingen "Page Settings" in den Feldern "inside <head> tag oder before </body> tag. An diesem Code soll niemals etwas ohne fachkundige Kenntnis geändert werden, da sonst die Funktionalitöt der Seite beinträchtigt werden kann.

Funktionen die individuellen Code benötigen sind:

  • Das dynamische Ein- und Ausblenden der Objekte beim Laden oder Verlassen einer Seite (appear-on-scroll.js).
  • Die Einbindung und Steuerung der Spline 3D-Elemente (spline-controller.js).
  • Die Logik für die Ankündigungen (appear-on-scroll.js)
  • Die Slider-Funktionalität bei Team und Karriere (swiper.js)
  • Die Funktion, dass die Seite nicht gescrollt werden kann, wenn die ankündigungen oder das mobile Menü geöffnet ist (scrolldisable.js).
  • Eine Funktion die verhindert, dass Text in die Ecke der Box fließt und dabei evtl. abgeschnitten wird (float-notch.js)