Anpassen Ihrer Website

Hinweis

Lernen Sie auf Deutsch? Beginnen Sie die Aufgabe in einem Trailhead Playground in der Sprache Deutsch und verwenden Sie für die Navigation die in Klammern angegebenen Übersetzungen. Kopieren und fügen Sie nur die Angaben in Englisch ein, da zur Überprüfung der Aufgabe Daten in Englisch benötigt werden. Wenn Sie die Aufgabe in Ihrer deutschen Organisation nicht bestehen, empfehlen wir Ihnen folgende Vorgehensweise: (1) Stellen Sie das Gebietsschema auf USA um, (2) legen Sie Englisch als Sprache fest (Anweisungen dazu finden Sie hier) und (3) klicken Sie erneut auf die Schaltfläche "Check Challenge" (Aufgabe überprüfen).

Weitere Details dazu, wie Sie die übersetzte Trailhead-Umgebung optimal nutzen können, finden Sie unter dem Badge "Trailhead in Ihrer Sprache".

Barrierefreiheit

Für diese Einheit sind einige zusätzliche Anweisungen für Benutzer von Bildschirmlesegeräten erforderlich. Klicken Sie auf den nachstehenden Link, um eine ausführliche Version dieser Lektion für Bildschirmlesegeräte aufzurufen:

Trailhead-Anweisungen für Bildschirmlesegeräte öffnen.

Im vorigen Schritt haben Sie eine einfache Website erstellt, die Sie zum Aufbau Ihres persönlichen Portfolios verwenden können. Apropos persönlich: Einer der wichtigsten Tipps für Trailblazer, die dem Salesforce-Ökosystem beitreten, lautet, Sie selbst zu sein. Und die beste Möglichkeit dazu bietet die Anpassung Ihrer Startseite. Sie ist das Erste, was jeder sieht, wenn er Ihre öffentliche Site besucht.

Zur Vorbereitung erstellen Sie ein Bild, das Sie, Ihre Werte oder Ihre Interessen darstellt. Achten Sie darauf, etwas auszuwählen, das Ihre Persönlichkeit zum Ausdruck bringt, aber dennoch professionell ist. Verwenden Sie dazu Ihre bevorzugte Bild- oder Fotobearbeitungs-Anwendung. 

Halten Sie sich dabei an folgende Richtlinien. 

• Verwenden Sie ein persönliches Foto oder eine kreative Grafik, die Sie erstellt haben.
• Formatieren Sie das Bild ansprechend. Wenn Sie Text in Ihr Bild einfügen, z. B. Ihren Namen, achten Sie darauf, dass sich der Text vom Hintergrund abhebt.
• Wenn Sie ein Bild verwenden möchten, das nicht von Ihnen stammt, stellen Sie sicher, dass Sie die Erlaubnis dazu haben.
• Das Bild sollte 1.800 Pixel breit und 200 Pixel hoch sein, wenn es sich über die gesamte Seite erstrecken soll. Sie können aber auch eine Kombination aus Bild und Text verwenden, wie in unserem Beispiel.
• Geben Sie der Datei den Namen portfolio_header und stellen Sie sicher, dass der Dateityp "jpg" ist.

Sie können dieses Bild herunterladen und verwenden, wenn Sie kein eigenes Bild erstellen möchten. 

Erstellen einer Kopfzeile für Ihr Portfolio

Wenn Sie sich nicht bereits auf der Seite All Sites (Alle Sites) in Setup befinden, geben Sie Digital Experiences (Digitale Erfahrungen) in das Feld "Quick Find (Schnellsuche)" ein und wählen dann erst "All Sites (Alle Sites) und dann Ihre Site aus der Liste aus. 

1. Klicken Sie auf Builder (Generator).  Der Experience Builder (Erfahrungsgenerator) wird in einer neuen Registerkarte geöffnet.
2. Bewegen Sie den Mauszeiger über das Bild auf der Seite und klicken Sie in den Rich Content Editor (Multimedia-Inhalte-Editor) auf dem Bild.
3. Klicken Sie im Popup-Fenster auf Edit Content (Inhalt bearbeiten).
4. Markieren Sie das Bild drücken Sie die Taste Entfernen.
5. Klicken Sie auf das Bildsymbol in der Menüleiste des Rich Content Editor und laden Sie das Bild namens portfolio_header.jpg hoch.
6. Falls Ihr Bild nicht die gesamte Seitenbreite einnimmt, können Sie Text hinzufügen, wie etwa: Mein Online-Portfolio.

Toll! Ihr cooles neues Banner wird auf der Seite angezeigt. Wenn Sie sehen möchten, wie die Seite aussehen wird, klicken Sie auf Preview (Vorschau). Wenn Sie Ihre Arbeit ausreichend bewundert haben, klicken Sie auf Back to Builder (Zurück zum Generator).

Auswahl der gewünschten Farben

Als Nächstes aktualisieren Sie das Thema mit Ihrem bevorzugten Farbschema. Farben fallen auf und helfen, Marken zu definieren. Überlegen Sie, wie Ihr Portfolio aussehen soll. Passen die Farben zu Ihrem Kopfzeilenbild?

1. Öffnen Sie in Experience Builder (Erfahrungsgenerator) den Bereich "Theme (Thema)" und klicken Sie auf Colors (Farben).
   
   
   
2. Ändern Sie die Farben für "Action Color (Aktionsfarbe)", "Detail Text Color (Textfarbe für Details)" und "Page Background Color (Hintergrundfarbe für Seiten)".
   
   

"Action Color (Aktionsfarbe)" ändert die Farbe Ihrer Registerkarten im "Tile Menu (Kachelmenü)". Sie werden diese später in diesem Modul erstellen und können hierher zurückkehren, um die Farben ggf. erneut zu ändern.

Prüfen der Sprachoptionen

Erstellen Sie eine Website in Ihrer Muttersprache? Lassen Sie uns sicherstellen, dass die Sprache Ihrer Website so eingestellt ist, dass die von Ihnen gewählte Sprache unterstützt wird.

1. Öffnen Sie den Bereich "Settings (Einstellungen)" und klicken Sie auf Languages (Sprachen).
   
   
   
2. Lassen Sie für dieses Projekt die Standardsprache auf "English (US)" eingestellt.

Sie können Sprachen importieren und steuern, wie Benutzer Teile Ihrer Inhalte für die Übersetzung auswählen können, indem sie Tools zur Übersetzung von Webseiten verwenden.

Vorschau Ihres Portfolios

Bevor Sie Ihre Inhalte veröffentlichen, sollten Sie sich vergewissern, dass Ihre Website gut aussieht und alles so angezeigt wird, wie Sie möchten.

1. Klicken Sie auf Preview (Vorschau) (abhängig von Ihrem Browserfenster, wird diese Schaltfläche evtl. als Symbol angezeigt).
2. Wenn Sie die Vorschau ausreichend geprüft haben, klicken Sie auf Back to Builder (Zurück zum Generator).

Veröffentlichen Ihrer Änderungen

Änderungen werden zwar immer gespeichert, aber Sie bestimmen selbst, wann Sie sie veröffentlichen. Sind Sie bereit, sich der Welt vorzustellen? 

1. Klicken Sie auf Publish (Veröffentlichen) (abhängig von Ihrem Browserfenster, wird diese Schaltfläche evtl. als Symbol angezeigt).
2. Klicken Sie erneut auf Publish (Veröffentlichen).
3. Klicken Sie auf Got It (Verstanden).