Sie können eine Site anpassen, indem Sie eine Kopfzeile entwerfen, ein Design erstellen oder eine Fußzeile hinzufügen. Eine Kopf- und eine Fußzeile sind für ein vollständiges Layout einer Site wichtig. In der Kopfzeile können Sie die Site vorstellen, indem Sie ein Branding hinzufügen und ein Menü erstellen, das Besucher bei der Suche nach Inhalten, Seiten und externen Websites unterstützt. Eine Fußzeile kennzeichnet das Ende der Site und bietet Platz für hilfreiche Details, beispielsweise Copyright-Informationen, den Standort und Kontaktinformationen der Organisation.
Anpassen der Kopfzeile
Jede Site hat eine Kopfzeile, die oben auf der Site (unter der globalen Navigationsleiste) und auf allen angefügten Seiten und Ansichten angezeigt wird. Die Kopfzeile enthält Titel, Logo und Menü-Links der Site. Sie können die Kopfzeile nicht entfernen, aber ihr Design ändern.
Führen Sie die folgenden Schritte aus, um die Kopfzeile anzupassen:
- Öffnen Sie eine Site im Bearbeitungsmodus.
- Öffnen Sie den Seitenbereich, indem Sie die Umschaltfläche
aktivieren, und wählen Sie dann Kopfzeile (oder wählen Sie Anpassen, um zum Menü Anpassen zurückzukehren) aus. - Wählen Sie im Menü Aussehen einen der folgenden Styles für Kopfzeile aus:
- Standard: Der Standard für jede neue Site. Dieses Design zeichnet sich durch eine dünne, kompakte Leiste aus, die Platz für ein Logo (60 Pixel) sowie Social Media- und Menü-Links bietet.
- Auffällig: Dieses Design bietet mehr Platz für größere Logos (120 Pixel) und zusätzliche Menü-Links.
- Benutzerdefiniertes HTML/CSS: Verwenden Sie einen syntaxfähigen Code-Editor, um eine Kopfzeile mit benutzerdefiniertem Code zu konfigurieren.
Hinweis:
Benutzerdefinierte Kopfzeilen werden auf allen Seiten der Site angezeigt, nicht aber auf Vorschauseiten.
- Wählen Sie für Layout die Option Box oder Breit aus.
- Geben Sie unter Name einen Namen ein, der in der Kopfzeile angezeigt werden soll.
Der Name, den Sie angeben, wird nur in der Kopfzeile angezeigt und nicht in die URL der Site oder in die Liste der Sites übernommen.
- Geben Sie unter Kurzname eine verkürzte Version des Namens ein, den Sie der Kopfzeile hinzugefügt haben.
Fügen Sie einen Kurznamen hinzu, um die Qualität der Site auf allen beliebigen Geräten zu gewährleisten.
Der Kurzname wird in der Kopfzeile angezeigt, wenn der vollständige Name für kleinere Bildschirme, wie z. B. auf Mobilgeräten, zu lang ist.
- Um die Kopfzeile der Site mit einem Branding mit benutzerdefinierten HTML- oder CSS-Inhalten zu versehen, wählen Sie Benutzerdefiniertes HTML/CSS aus, und geben Sie den Code in den HTML- und CSS-Textfeldern an.
Kopfzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.
- Wählen Sie Speichern aus.
Erstellen eines Designs
Erstellen Sie ein Design für die Site, indem Sie Farben für deren Kopfzeile und Text auswählen. Die Farben, die Sie im Menü Design auswählen, werden auf die gesamte Site angewendet. Sie können diese Auswahl außer Kraft setzen, indem Sie Farben für bestimmte Zeilen konfigurieren. Weitere Informationen finden Sie unter Anpassen einer Site.
Tipp:
Beachten Sie bei der Farbauswahl die Branding-Richtlinien der Organisation. Viele Branding-Richtlinien enthalten Farbcodes für Inhalte wie Websites und Logos. Falls es keine Branding-Richtlinien gibt, beraten Sie sich mit dem Team oder den Projektbeteiligten, um sicherzustellen, dass das Design der Site der Organisation entspricht.
Führen Sie die folgenden Schritte aus, um ein Design zu erstellen:
- Öffnen Sie eine Site im Bearbeitungsmodus.
- Wählen Sie im Fenster Anpassen die Option Design aus.
- Wählen Sie eine Farbe für eine oder alle der folgenden Optionen aus, indem Sie einen Hexadezimalwert als Farbcode eingeben oder eine Farbe aus der Farbauswahl neben dem Feld für den Farbcode auswählen.
- Hintergrundfarbe für globale Navigation: Wendet eine Farbe auf die globale Navigationsleiste der Site an.
- Textfarbe für globale Navigation: Wendet eine Farbe für den Text in der globalen Navigationsleiste an.
Hinweis:
Weitere Informationen zur globalen Navigation finden Sie unter Konfigurieren der globalen Navigation.
- Hintergrundfarbe der Kopfzeile: Wendet eine Farbe auf die Kopfzeile der Site an.
- Textfarbe der Kopfzeile: Wendet eine Farbe auf den gesamten Text in der Kopfzeile an.
- Texthintergrundfarbe: Wendet eine Farbe auf die Zeilen der Site an. Die Zeilen- und Textfarben können ebenfalls für jede Zeile konfiguriert werden, indem Sie die Schritte unter Entwerfen des Layouts der Site ausführen.
- Textfarbe: Wendet eine Farbe auf den gesamten Text auf der Site an.
- Link-Farbe des Textes: Wendet eine Farbe für Links auf der Website an.
Hinweis:
Für vertikale Registerkarten, einschließlich der Schaltfläche für die Freigabe, wird der Wert Link-Farbe des Textes für die Hintergrundfüllung und der Wert Texthintergrundfarbe für Symbole oder Text verwendet.
- Nachdem Sie die Farben festgelegt haben, wählen Sie Speichern aus.
- Optional können Sie Schriftarten auf Text in der Kopfzeile und im Text der Site anwenden, indem Sie wie folgt vorgehen:
- Wenn Sie eine Schriftart für den Text der Site auswählen möchten, wählen Sie die Schaltfläche Basisschriftart aus.
- Wenn Sie die Schriftart der Kopfzeile ändern möchten, wählen Sie die Einstellung Schriftart für Überschriften aus.
Hinweis:
Wenn Sie die Standardschriftarten wiederherstellen möchten, wählen Sie im unteren Bereich des Menüs Design die Option Schriftarten zurücksetzen aus.
Hinzufügen eines Logos zur Kopfzeile
Die Größe und die Position des Site-Logos sind von dem Kopfzeilen-Style abhängig, den Sie auswählen.
Führen Sie die folgenden Schritte aus, um ein Logo zur Kopfzeile hinzuzufügen:
- Aktivieren Sie die Umschaltfläche Logo anzeigen.
- Wählen Sie Bild-URL oder Hochladen aus, um ein Bild hinzuzufügen.
Tipp:
Wenn Sie ein Bild aus einer Datei hochladen, hat sich die Verwendung eines Bildes im .png-Format bewährt. Schneiden Sie das Bild zu, und passen Sie die Größe an, falls erforderlich. - Bei Verwendung der Kopfzeile Auffällig haben Sie die Möglichkeit, eine Einstellung für die Logoausrichtung auszuwählen.
- Geben Sie unter Alternativer Text für das Logo Text an, um die Barrierefreiheitsstandards zu erfüllen.
Tipp:
Sofern ein Logo Text umfasst, kann als alternativer Text der Name des Unternehmens verwendet werden. Handelt es sich bei dem Logo um ein Symbol, wird der alternative Text nicht benötigt, sodass Sie "" eingeben können. - Wählen Sie Speichern aus.
Hinzufügen von Social-Media-Links zur Kopfzeile
Führen Sie die folgenden Schritte aus, um Social-Media-Symbole zur Kopfzeile hinzuzufügen, die zu Ihren Konten bei Facebook, X, Instagram oder YouTube verlinken:
- Öffnen Sie eine Site im Bearbeitungsmodus.
- Wählen Sie im Fenster Anpassen die Option Kopfzeile aus.
- Blenden Sie Social-Media-Symbole ein.
- Aktivieren Sie die Anzeige der Social-Media-Plattformen in der Kopfzeile, und geben Sie eine URL zum Konto der Plattform an.
- Wählen Sie Speichern aus.
Erstellen einer Fußzeile
Führen Sie die folgenden Schritte aus, um mithilfe von benutzerdefiniertem HTML eine Fußzeile zur Site hinzuzufügen, die auf allen der Site anhängigen Seiten angezeigt wird:
- Öffnen Sie eine Site im Bearbeitungsmodus.
- Wählen Sie im Seitenbereich Fußzeile aus.
- Aktivieren Sie die Umschaltfläche Benutzerdefiniert.
- Ändern Sie den Inhalt im CSS- und HTML-Feld im Seitenbereich, und wählen Sie Speichern aus, um die Auswirkungen zu sehen.
Hinweis:
Fußzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.
Verwandte Inhalte
Wenn Sie das Branding einer Site noch erweitern möchten, haben Sie folgende Möglichkeiten:
- Fügen Sie Menülinks hinzu, und stellen Sie sicher, dass die globale Navigation aktiviert ist. Weitere Informationen finden Sie unter Konfigurieren der globalen Navigation und der Menü-Links.
- Alle Sites besitzen eine URL (Webadresse). Sofern Ihre Organisation über eine benutzerdefinierte Domäne verfügt, können Sie diese URL konfigurieren, um das Branding der Site zu erweitern. Weitere Informationen finden Sie unter Domänen.