Abschnitt für benutzerdefinierten Code

Im Bereich benutzerdefinierten Code kannst du dein eigenes HTML und CSS direkt auf der Startseite der Knowledge Base einbetten. Es existiert für Situationen, in denen Standard-Body-Blöcke wie Rich Text, Mehrspalten-Karten, Bild mit Text – dir nicht das Layout oder die Funktionalität bieten, die du brauchst. Mit diesem Block hast du die volle Kontrolle darüber, was gerendert wird und wie es aussieht, was ihn zur richtigen Wahl für dynamische Inhalte, Drittanbieter-Embeds oder benutzerdefinierte visuelle Behandlungen macht, die über die anderen Blöcke nicht möglich sind.

Wann man den Bereich Benutzerdefinierten Code verwenden sollte

• Dynamische Banner – Zeigen Sie eine saisonale Aktion, eine Produkteinführungsankündigung oder eine Wartungsbenachrichtigung mit benutzerdefiniertem HTML an, das Sie unabhängig vom Seitenlayout aktualisieren können.
• Countdown-Timer – Einen JavaScript-gesteuerten Countdown für Events, Starts oder zeitlich begrenzte Angebote einbetten.
• Eingebettete Drittanbieter-Widgets – Füge Eingebettungen von externen Diensten wie Videoplayern, Formular-Buildern, Chat-Widgets oder Statusseiten-Badges hinzu, die keinen dedizierten Block haben.
• Individuell gestaltete Inhalte – Wenn Sie ein spezielles Layout oder eine visuelle Behandlung benötigen, die mit Rich Text oder Mehrspalten-Kartenblöcken nicht erreichbar ist, schreiben Sie Ihr eigenes HTML und CSS, um dies zu erreichen.

Wie man einen Abschnitt für benutzerdefinierten Code einfügt

1. Navigiere zu () in der linken Navigationsleiste des Knowledge Base-Portals.
2. Im linken Navigationsfenster navigieren Sie zur Knowledge base site > Site-Anpassung.
3. Klicken Sie auf die Schaltfläche "Website anpassen ".

4. Wählen Sie im linken Dropdown-Menü Startseite aus. Der Abschnitt "Körper" zeigt die Liste der Körperblöcke an.
5. Klicken Sie auf Abschnitt Hinzufügen und wählen Sie den Abschnitt Benutzerdefinierten Code. Der Block wird zur Liste hinzugefügt.

6. Benutze das Symbol "Reordering ()", um den Block neu zu ordnen. Die Symbole Umordnen und Verstecken ()-Symbole erscheinen, wenn du mit der Maus über einen Körperblock im Körperbereich fährst.

Wie man den Bereich Benutzerdefinierten Code konfiguriert

1. Klicken Sie auf den Block "Benutzerdefinierter Code", um den Editor zu öffnen.
2. Im HTML-Tab kannst du deinen HTML-Code hinzufügen oder bearbeiten.
3. Im CSS-Tab kannst du deinen CSS-Code hinzufügen oder bearbeiten.
4. Klicken Sie auf Speichern , um Ihre Änderungen als Entwurf zu speichern.
5. Klicken Sie auf Vorschau, um zu sehen, wie der Code auf der Knowledge Base-Website rendert.
6. Klicken Sie auf Veröffentlichen , um die Änderungen live zu machen.

Best Practices

• Immer vor der Veröffentlichung vorschauen – die Rendering-Unterschiede zwischen dem Editor und der Live-Seite können subtil sein. Verwenden Sie die Option "Vorschau", um Layout und Styling vor der Verpflichtung zu überprüfen.
• Halte HTML in sich geschlossen – vermeide es, externe Stylesheets oder Skripte zu referenzieren, die das Seitenladen blockieren oder mit den eigenen Stilen von Document360 kollidieren könnten.
• Scopen Sie Ihr CSS – verwenden Sie bestimmte Klassennamen für Ihre eigenen Elemente, um die Standardstile der Seite nicht zu überschreiben.
• Nutze den CSS-Tab für alle Stilierungen – Stile vom Markup getrennt zu halten, macht die Pflege und Aktualisierung des Codes einfacher.
• Teste den hellen und dunklen Modus – wenn deine Wissensdatenbank den Dunkelmodus unterstützt, prüfe, ob dein benutzerdefinierter Code in beiden korrekt wiedergegeben wird.

FAQ