Hinzufügen von Branding und Komponenten zur Site

Hinweis

Lernen Sie auf Deutsch? In diesem Badge ist für die praktischen Trailhead-Aufgaben Englisch als Bearbeitungssprache festgelegt. Übersetzungen werden zur Referenz in Klammern angegeben. Stellen Sie sicher, dass Sie die englischen Werte kopieren und einfügen und stellen Sie die Sprache Ihres Trailhead Playgrounds auf "English (Englisch)" und das Gebietsschema auf "United States (USA)" um. Die zugehörigen Anweisungen finden Sie hier.

Im Badge Trailhead in Ihrer Sprache erfahren Sie, wie Sie die übersetzte Trailhead-Umgebung nutzen.

Ihre Site für Category 1 Biking hat konkrete Form angenommen. In diesem Schritt fügen Sie benutzerdefiniertes Branding hinzu, aktualisieren Komponenten und geben der Site den letzten Schliff. Beginnen Sie, indem Sie der Site ein Branding hinzufügen und das Navigationsmenü aktualisieren.

Aktualisieren der Überschrift

Klicken Sie auf Selector (Auswahl) und wählen Sie Builder (Generator) aus.
Klicken Sie auf Headline component (Überschriftenkomponente).
Aktualisieren Sie die Überschrift wie folgt:
- Title (Titel): Category 1 Biking
- Banner Text (Bannertext): Welcome to the community! (Willkommen in der Community!)
Klicken Sie auf X, um den Überschrifteneditor zu schließen.

Aktualisieren des Designs

Als Nächstes verwenden Sie das Designmenü, um Farben und Bildern für die Site auszuwählen. Laden Sie diese Zip-Datei herunter, um auf Bilder zuzugreifen, die Sie für dieses Projekt verwenden können. Denken Sie daran, die ZIP-Datei zu dekomprimieren.

Wählen Sie das Symbol Design aus.
Klicken Sie auf Colors (Farben), um das Menü aufzuklappen.
Passen Sie die Farben wie gewünscht an.
Klicken Sie neben "Colors (Farben)" auf den nach links zeigenden Pfeil, um das Menü einzuklappen.
Klicken Sie auf Images (Bilder), um das Menü aufzuklappen.
Klicken Sie unter "Header Image (Kopfzeilenbild)" auf das Symbol Bild hochladen.
Klicken Sie auf Upload Image (Bild hochladen) und wählen Sie header.jpg in dem Ordner aus, den Sie zuvor heruntergeladen haben.
Klicken Sie auf X, um den Design-Editor zu schließen.

Klicken Sie oben auf den grauen Balken, um die Komponente "Navigation Menu (Navigationsmenü)" einzublenden.
Klicken Sie im Menü auf der rechten Seite auf Edit Default Navigation (Standardnavigation bearbeiten).
Klicken Sie auf Add Menu Item (Menüelement hinzufügen).
Geben Sie diese Details ein.
- Ändern Sie den Namen in Cases (Kundenvorgänge).
- Geben Sie Folgendes ein: Salesforce Object (Salesforce-Objekt)
- Object Type (Objekttyp): Case (Kundenvorgang)
- Default List View (Standardlistenansicht): My Open Cases (Meine offenen Kundenvorgänge)
Klicken Sie auf Save Menu (Menü speichern).
Klicken Sie auf X, um das Navigationsmenü zu schließen.

Hinzufügen des Snap-Ins "Chat" und von Artikelkomponenten

Klicken Sie auf das Symbol Components (Komponenten).
Geben Sie in die Suchleiste "Components (Komponenten)" Embedded Service Chat (Integrierter Service für den Chat) ein.
Wählen Sie Embedded Service Chat (Integrierter Service für den Chat) aus und ziehen Sie das Element auf die rechte Seitenleiste unter die Komponente "Ask a Question (Eine Frage stellen)".
Das Popup-Fenster "Can’t Access Resources (Zugriff auf Ressourcen nicht möglich)" wird angezeigt. Die "Content Security Policy (Inhaltssicherheitsrichtlinie)" passen Sie später an. Klicken Sie auf OK.
Hinweis: Wird das Popup-Fenster nicht angezeigt? Überprüfen Sie Ihren Browser. Wenn Sie Mozilla Firefox verwenden, versuchen Sie es einmal mit Google Chrome.
Klicken Sie auf X, um das Dialogfeld "Embedded Service Chat (Integrierter Service für den Chat)" zu schließen.
Klicken Sie auf das Symbol Components (Komponenten), um das Menü erneut zu öffnen.
Geben Sie in die Suchleiste "Components (Komponenten)" Trending Articles by Topic (Trending-Artikel nach Thema) ein.
Wählen Sie Trending Articles by Topic (Trending-Artikel nach Thema) aus und ziehen Sie das Element auf die rechte Seitenleiste unter die Komponente "Embedded Service Chat (Integrierter Service für den Chat)".
Klicken Sie auf X, um den Editor "Trending Articles by Topic (Trending-Artikel nach Thema)" zu schließen.

Anpassen der Inhaltssicherheitsrichtlinie

CSP (Content Security Policy, Inhaltssicherheitsrichtlinie) ist ein Web-Standard, der Regeln definiert, die die Quelle von Inhalten kontrollieren, die auf eine Seite geladen werden können. Alle CSP-Regeln gelten auf Seitenebene für alle Komponenten und Bibliotheken. Passen Sie die CSP so an, dass der Chat-Agent in dieser Site ausgeführt werden darf.

Wählen Sie das Symbol Settings (Einstellungen) aus.
Wählen Sie Security & Privacy (Sicherheit und Datenschutz) aus
Klicken Sie auf das Dropdown-Menü "Strict CSP (Strenge CSP)" und aktivieren Sie Relaxed CSP (Lockere CSP): Permit Access to Inline Scripts and Allowed Hosts (Zugriff auf Inline-Skripts und zulässige Hosts erlauben).
Klicken Sie auf Allow (Zulassen).
Das Popup-Fenster "Can’t Access Resources (Zugriff auf Ressourcen nicht möglich)" wird erneut angezeigt. Kopieren Sie den Teil von https bis .com des aufgeführten URL. Sie fügen diesen URL Ihren "Trusted Sites for Scripts (Vertrauenswürdige Sites für Skripts)" hinzu.
Klicken Sie nach dem Kopieren des URL auf OK.
Klicken Sie auf +Add Trusted Site (Vertrauenswürdige Site hinzufügen).
Fügen Sie den gerade kopierten URL in das Textfeld "URL" ein.
Geben Sie in das Textfeld "Name" Chat ein.
Stellen Sie sicher, dass "Active (Aktiv)" aktiviert ist.
Klicken Sie auf Add Site (Site hinzufügen).
Klicken Sie auf das X, um das Fenster "Settings (Einstellungen)" zu schließen.

Veröffentlichten Ihrer Site

Klicken Sie auf Publish (Veröffentlichen).
Klicken Sie auf dem Bestätigungsbildschirm "Publish Your Community (Veröffentlichen Ihrer Site)" auf Publish (Veröffentlichen)und dann auf Got it (Verstanden).

Sie erhalten eine E-Mail-Bestätigung, nachdem Ihre Site veröffentlicht wurde. Klicken Sie auf den Link in der E-Mail, um Ihre Site in Aktion zu sehen!