Das Branding einer Site oder Initiative mit dem Logo und den Farben der Organisation lässt die Inhalte vertrauenswürdig und zuverlässig wirken. Die Site harmoniert auf diese Weise mit den anderen Webinhalten Ihrer Organisation. In diesem Thema wird beschrieben, wie Administratoren und Mitglieder des Kernteams folgende Aufgaben ausführen können:
- Auswählen einer Kopfzeile und eines Titels für eine Site.
- Hinzufügen eines Logos zur Kopfzeile einer Site.
- Ändern der Farbe der Kopfzeile, der Schaltflächen, des Textes und des Hintergrunds einer Site.
Um zu beginnen, melden Sie sich bei Portal for ArcGIS an, und klicken Sie auf der Seite Übersicht auf Sites, um eine Liste der Sites anzuzeigen.
Tipp:
Sie können eine Site auch bearbeiten, während sie in einem Browser angezeigt wird. Vergewissern Sie sich, dass Sie angemeldet sind, und suchen Sie nach der Schaltfläche "Bearbeiten" links auf der Site.
Auswählen eines Kopfzeilen-Styles
In der Kopfzeile Ihrer Site können Sie diese mit einem Logo versehen und Navigation zu anderen Ressourcen über Menülinks sowie Links zu Social Media-Konten bereitstellen.
- Klicken Sie im Fenster "Anpassen" auf Kopfzeile.
- Klicken Sie auf das Menü Aussehen, um einen Style für die Kopfzeile auszuwählen. Die folgenden drei Optionen sind verfügbar:
- 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. Weitere Informationen finden Sie unter Custom headers and footers.
Hinweis:
Führen Sie zum Hinzufügen eines Logos die Schritte im nächsten Abschnitt aus.
- Klicken Sie auf das Menü Branding. Alle im Menü bereitgestellten Felder sind optional.
- Name: Geben Sie einen Namen ein, der in der Kopfzeile der Site angezeigt werden soll. Der Name, den Sie in diesem Feld angeben, wird nur in der Kopfzeile angezeigt und nicht in die URL der Site oder in die Liste der Sites übernommen.
- Kurzname: Geben Sie eine kurze Version des Namens ein, den Sie der Kopfzeile hinzugefügt haben. Dieser Name wird nur angezeigt, wenn der ursprüngliche Name der Kopfzeile zu lang ist, um auf kleineren Bildschirmen angezeigt zu werden (z. B. auf Mobiltelefonen).
Tipp:
Die Menschen greifen zunehmend über Mobilgeräte auf das Internet zu. Daher empfiehlt es sich, dass Sie einen Kurznamen hinzufügen, um die Qualität der Site auf allen beliebigen Geräten zu gewährleisten.
- Wählen Sie eine der folgenden Optionen für Layout aus: Box oder Wide.
- Wenn Sie die Kopfzeile mit einem Branding mit benutzerdefinierten HTML- oder CSS-Inhalten versehen möchten, wählen Sie Verwenden von benutzerdefiniertem HTML/CSS aus.
Hinweis:
Kopfzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.
- Ändern Sie das CSS-Feld im Seitenbereich, und klicken Sie auf Änderungen übernehmen, um die Auswirkungen des Codes zu sehen.
- Klicken Sie auf Speichern.
Hinzufügen eines Logos zu einer Kopfzeile
Die Größe und die Position des Site-Logos sind von dem Kopfzeilen-Style abhängig, den Sie auswählen.
- Klicken Sie im Fenster "Anpassen" auf Kopfzeile.
- Klicken Sie, um das Menü Branding zu erweitern.
- Klicken Sie auf die Umschaltfläche Logo, um sie zu aktivieren.
- Fügen Sie ein Bild hinzu, indem Sie Bild-URL auswählen oder ein Bild aus einer Datei hochladen.
Tipp:
Wenn Sie ein Bild aus einer Datei hochladen, hat sich die Verwendung eines Bildes im PNG-Format bewährt. Sie können das Bild im Abschnitt Bildeinstellungen des Fensters Anpassen zuschneiden und zoomen. - Bei Verwendung der Kopfzeile Auffällig haben Sie die Möglichkeit, eine Einstellung für die Bildausrichtung vorzunehmen.
- 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 Zeichen, können Sie den alternativen Text als Verzierung betrachten und “” eingeben. - Klicken Sie auf Speichern.
Erstellen eines Designs
Erstellen Sie ein Design für Ihre Site, indem Sie Farben für Kopf, Text und Schaltflächen Ihrer Site auswählen.
Tipp:
Beachten Sie bei der Farbauswahl die Markenrichtlinien der Organisation. Viele Markenrichtlinien enthalten genaue Farbcodes für Inhalt wie Websites und Logos. Falls es keine Markenrichtlinien gibt, beraten Sie sich mit dem Team oder den Projektbeteiligten, um sicherzustellen, dass das Design der Site der Organisation entspricht.
- Wenn Sie eine der folgenden Optionen mit einer Farbe versehen möchten, geben Sie einen Farbcode ein, oder wählen Sie über die Farbauswahl, die sich neben dem Feld für den Farbcode befindet, eine Farbe aus.
- Mit der Option Hintergrundfarbe für globale Navigation können Sie die globale Navigationsleiste der Site mit einer Farbe versehen.
- Mit der Option Textfarbe für globale Navigation können Sie den Text in der globalen Navigationsleiste mit einer Farbe versehen.
Hinweis:
Weitere Informationen zur globalen Navigation finden Sie unter Was ist globale Navigation?
- Mit der Option Hintergrundfarbe der Kopfzeile können Sie die Kopfzeile der Site mit einer Farbe versehen.
- Mit der Option Textfarbe der Kopfzeile können Sie den gesamten Kopfzeilentext mit einer Farbe versehen.
- Mit der Option Texthintergrundfarbe können Sie die Zeilen der Site mit einer Farbe versehen. Die Zeilen- und Textfarben können ebenfalls für jede Zeile konfiguriert werden, indem Sie die Schritte unter Einfügen der ersten Kachel über die Kachel "Zeile" ausführen.
- Mit der Option Textfarbe können Sie den Text auf Ihrer Site mit einer Farbe versehen.
- Mit der Option Link-Farbe des Textes können Sie auf der Site bereitgestellte Links mit einer Farbe versehen.
- Mit der Option Hintergrundfarbe für Schaltflächen können Sie die Schaltflächen der Site mit einer Farbe versehen.
- Mit der Option Textfarbe der Schaltfläche können Sie den Text der Schaltflächen auf der Site mit einer Farbe versehen.
- Wenn Sie alle Farben festgelegt haben, klicken Sie auf Änderungen übernehmen.
- Sie können auch die Schriftarten der Kopfzeile und des Textes der Site ändern.
- Wenn Sie eine Schriftart für den Text der Site auswählen möchten, klicken Sie auf die Schaltfläche Basisschriftart.
- Wenn Sie die Schriftart der Kopfzeile ändern möchten, klicken Sie auf die Schaltfläche Kopfzeilenschriftart.
Hinweis:
Wenn Sie von Neuem beginnen oder die Standardfarben wiederherstellen möchten, wählen Sie im unteren Bereich des Menüs Design die Option Auf Standard zurücksetzen aus.
Erstellen einer Fußzeile
In der Standardeinstellung des Site-Editors ist keine Fußzeile vorgesehen. Sie müssen eine benutzerdefinierte Fußzeile erstellen, um alle Seiten der Site mit einer dauerhaften Fußzeile zu versehen.
- Wählen Sie im Bereich Fußzeile die Option Benutzerdefiniert aus.
Auf der Seite wird eine Standardfußzeile und im Seitenbereich ein CSS-Feld angezeigt.
- Klicken Sie auf die Schaltfläche "Einstellungen" rechts unten in der Fußzeile, um den HTML-Code zu bearbeiten.
- Klicken Sie auf die Schaltfläche "Einstellungen", um Ihre Änderungen anzuzeigen.
- Ändern Sie das CSS-Feld im Seitenbereich, und klicken Sie auf Änderungen übernehmen, um die Auswirkungen auf den HTML-Code zu sehen.
Tipp:
Fußzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.
Nächste Schritte
Wenn Sie das Branding der Site noch erweitern möchten, können Sie folgendermaßen vorgehen:
- 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 Konfigurieren einer benutzerdefinierten URL.