Episerver CMS-SymbolBilder hinzufügen und bearbeiten

Eine Website beinhaltet keine Bilder, sie ist jedoch mit der Medienbibliothek, wo die Bilder gespeichert sind, verknüpft. Um die Bilder in Ihrem Inhalt anzuzeigen, müssen die Bilder in einem Ordner unter Medien im Ressourcenbereich verfügbar sein. Sie können entweder zuerst ein Bild in einen Ordner im Ressourcenbereich hochladen und es dann zu Ihrem Inhalt hinzufügen, oder Sie können ein Bild per Drag & Drop direkt von Ihrem Computer in einen Inhaltsbereich ziehen. In diesem letztgenannten Fall wird das Bild automatisch hochgeladen und im Ordner Für diese Seite (oder Für diesen Block) gespeichert.

Sie können die Bilder in Episerver mithilfe des Bild-Editors bearbeiten, vorausgesetzt es beinhaltet grundlegende Bildbearbeitungsfunktionen wie beschneiden, skalieren und transformieren.

Bilder zu dem Inhalt hinzufügen

In Bildverknüpfungseigenschaft

Bilder werden häufig durch eine Bildverknüpfungseigenschaft zum Inhalt hinzugefügt; Sie klicken einfach auf Durchsuchen und wählen im Dialogfeld Bild auswählen entweder ein bereits hochgeladenes Bild aus oder laden ein neues Bild hoch. Das Bild wird automatisch hochgeladen und im Inhalt angezeigt.

Im Rich-Text-Editor oder in Inhaltsbereichen

Sie können auch Bilder zum Rich-Text-Editor oder den Inhaltsbereichen in Seiten oder Blöcken hinzufügen. Um ein Bild auf diese Weise hinzuzufügen, können Sie das Bild per Drag & Drop direkt von Ihrem Computer in den Rich-Text-Editor ziehen. Das Bild wird automatisch mit seinem ursprünglichen Dateinamen im Ordner Für diese Seite (oder Für diesen Block) gespeichert. Eine andere Möglichkeit besteht darin, das Bild unter Medien im Ressourcenbereich zuerst in einen Ordner hochzuladen und das Bild dann per Drag & Drop aus dem Ordner oder über die Schaltfläche Bild einfügen/bearbeitenBild: Schaltfläche Medien einfügen/bearbeiten in der Werkzeugleiste des Rich-Text Editors hinzuzufügen:

  1. Platzieren Sie den Cursor in den Bearbeitungsbereich, wo das Bild zu finden ist.
  2. Klicken Sie auf die Schaltfläche Bild einfügen/bearbeiten in der Symbolleiste des Editors.
  3. Wählen Sie das gewünschte Bild in der Quelle-Ordnerstruktur aus.
  4. Geben Sie eine Bildbeschreibung für das Bild ein. Die Bildbeschreibung ist wichtig, wenn ein Leser die Anzeige von Bildern im Browser deaktiviert oder wenn ein sehbehinderter Benutzer einen Bildschirmleser verwendet.
  5. Klicken Sie auf OK.

Hinweis:  Der TinyMCE-Editor unterstützt die folgenden Bildformate: jpeg, png, gif und bmp.

Bild-Speicherort finden

Wenn Sie ein bereits eingefügtes Bild im Rich-Text-Editor haben und herausfinden möchten, wo dieses gespeichert ist, wählen Sie das Bild aus und die Schaltfläche Gehe zu Medien erscheint. Klicken Sie auf diese Schaltfläche, um das Bild zu öffnen, oder fahren Sie mit der Maus darüber, um zu sehen, wo das Bild gespeichert ist.

Bild: Speicherort eines Bildes finden

Bilder bearbeiten

Führen Sie einen der folgenden Schritte durch, um den Zugriff zu den Bildeditor-Optionen zu erlangen:

  • Klicken Sie in einer Bildverknüpfungseigenschaft auf Durchsuchen Bild: Schaltfläche „Durchsuchen“, um das Dialogfeld Bild auswählen zu öffnen, und wählen Sie dann In Bild-Editor öffnen aus dem Kontextmenü des Bildes aus:
    Bild: Kontextmenü, Im Bild-Editor öffnen
  • Wählen Sie im Rich-Text-Editor das Bild aus und klicken Sie dann in der Symbolleiste auf Bildeditor.
    Bild: Bild-Symbolleiste
  • Suchen Sie das gewünschte Bild unter Medien im Ressourcenbereich und wählen Sie Im Bildeditor öffnen aus dem Kontextmenü aus.

    Bild: Öffnen Sie die Medien im Bildeditor

Bildbearbeitungsfunktionen beinhalten zuschneiden, skalieren und transformieren:

Bildbearbeitung Beschreibung
Zuschneiden

Geben Sie Werte für Oben, Links, Breite und Höhe ein oder zeichnen Sie einen Bereich im Bild für das Zuschneiden.

Hinweis:  Klicken Sie auf Anwenden zum Speichern der Änderungen, bevor Sie fortfahren.

Sie können voreingestellte Werte verwenden, wenn diese Werte für die Website konfiguriert wurden.

Größe ändern

Geben Sie Werte für Breite und Höhe ein oder bewegen Sie einen Eckgriff, um die Größe zu ändern. Halten Sie Proportionen beschränken ausgewählt, um die Proportionen des Bildes beizubehalten.

Hinweis:  Klicken Sie auf Anwenden zum Speichern der Änderungen, bevor Sie fortfahren.

Sie können voreingestellte Werte verwenden, wenn diese Werte für die Website konfiguriert wurden.

Umwandeln Überschlagen oder drehen Sie das Bild oder wählen Sie Graustufen, um zu Graustufen zu konvertieren.

Sie können eine bearbeitete Bilddatei als Kopie speichern oder die Originaldatei ersetzen:

  • Als Kopie speichern. Wenn das Bild in einer Seite oder in einem Block ausgewählt wurde, wird die Kopie in dem lokalen Ordner gespeichert. Wenn das bearbeitete Bild in der Medienstruktur ausgewählt wurde, wird die (umbenannte) Kopie im selben Ordner wie das Original gespeichert.
  • Originalbild ersetzen. Diese Aktion hat eine Wirkung auf die Orte auf der Website, wo das Bild verwendet wird.

Hinweis:  Die Auswahl der Bearbeiten-Option im Kontextmenü eines Bildes ermöglicht das Bearbeiten der Metadaten, welche für ein Bild ein Fotograf, eine Beschreibung und urheberrechtlichen Informationen und mehr sein können. Siehe Medien.

Bilder vom Inhalt entfernen

Für ein Bild in:

  • Eine Bild-Eigenschaft, klicken Sie auf die Option „Entfernen“.
  • Ein Inhaltsbereich, wählen Sie Entfernen aus dem Kontextmenü aus.
  • Der Rich-Text-Editor, klicken Sie auf das Bild und löschen Sie es.

Hinweis:  Wenn das Bild entfernt wird, verschwindet es aus dem Inhalt, bleibt aber in Medien.