Anpassung der Bildausrichtung

Die Bildausrichtung hilft Ihnen, Ihr Bild im vorgesehenen Bereich zu halten, entweder links, rechts oder in der Mitte, und es so zu verändern, dass das Seitenerlebnis für den Nutzer optimiert wird. Es hilft Ihnen auch, die Bild- und Inhaltsproportionen beizubehalten, wenn Sie die Inhalte auf Ihrer Knowledge base site anpassen.

Standardmäßig sind die Bilder auf Ihrer Knowledge base site links ausgerichtet.

Zentrale Bilder in deiner Document360-Wissensdatenbank

Um Bilder zentral mit benutzerdefiniertem CSS auszurichten, folgen Sie den folgenden Schritten:

1. Navigieren Sie in der linken Navigationsleiste im Knowledge base portal zu () > Knowledge base site

2. Im linken Navigationsfenster navigieren Sie zur Site customization.

   Die Seite enthält alle grundlegenden Konfigurationen des Site-Designs.

3. Auf der Seite zur Site customization klicken Sie auf benutzerdefiniertes CSS & JavaScript.

   

4. Im linken Dropdown-Menü wählen Sie benutzerdefiniertes CSS / JavaScript.

5. Klicke oben rechts im Codebereich auf Code-Schnipsel hinzufügen, und ein Panel erscheint, das mit sieben Schnippeln vorgeladen ist, mit denen du deine Knowledge base site anpassen kannst.

6. Klicken Sie auf "Zentrum", um Bilder in Artikeln auszurichten, und der Ausschnitt wird zu Ihrem benutzerdefinierten CSS-Codeblock hinzugefügt.

7. Klicken Sie auf Speichern.

   Zum Beispiel

.content_block .content_container .content_block_text img{
margin: 0 auto;
display: block;
}

article img {
    margin: 0 auto !important;
    display: block;
}

Das Bild wird nun im Rahmen Ihrer Knowledge base site zentriert.

Bilder ausrichten

1. Das Bild nach links auszurichten

.content_block .content_container .content_block_text img {
    margin: 0px 0 0;
    display: block;
}

article img {
    margin: auto 0 0 0 !important;
    display: block;
}

2. Das Bild richtig auszurichten

.content_block .content_container .content_block_text img {
    display: block;
    margin: 0 0 0 auto;
}

article img {
    margin: 0 0 0 auto !important;
    display: block;
}

Einen zuvor hinzugefügten Code-Schnipsel entfernen/löschen

Um den zuvor hinzugefügten Code-Snippet zu entfernen, wählen Sie den vorgesehenen Snippet aus und drücken Sie auf der Tastatur Löschen .

HINWEIS

Bevor du einen neuen Ausrichtungssnippet hinzufügst, vergiss nicht, den zuvor hinzugefügten zu löschen.

Die gesetzte Bildausrichtung wird auf die gesamte Wissensdatenbank angewendet.

Größenänderung von Bildern auf der Knowledge Base-Website

Um die Text- und Bildproportionen beim Heranzoomen (Vergrößern) oder Rauszoomen (Minimieren) auf Ihrer Wissensdatenbank beizubehalten,

1. Navigiere zu () > Knowledge base site in der linken Navigationsleiste im Knowledge base portal.

2. Im linken Navigationsfenster navigieren Sie zur Site customization.

   Die Seite enthält alle grundlegenden Konfigurationen des Site-Designs.

3. Auf der Seite zur Site customization klicken Sie auf benutzerdefiniertes CSS & JavaScript.

4. Im linken Dropdown-Menü wählen Sie benutzerdefiniertes CSS / JavaScript.

5. Klicken Sie im linken Bereich auf CSS und fügen Sie den folgenden CSS-Ausschnitt in den Coderaum ein:

.content_block .content_container .content_block_text img {
height: auto !important;
}

article img {
    height: auto !important;
}

6. Klicken Sie oben rechts auf Speichern .