Anleitungen/Inhalte erstellen/Medien/Einem Bild eine Stil verleihen

Einem Bild eine Stil verleihen

Füge Stile wie Filter, Ränder, Rahmen und Schatten zu einem Bild hinzu. In diesem Ratgeber wird beschrieben, wie du einen Bild auf deiner Website einen Stil hinzufügen kannst.

Stile auf ein Bild anwenden

Befolge diese Schritte, um einem Bild auf deiner Website einen Stil zu verleihen:

  1. Rufe dein WordPress.com-Dashboard auf.
  2. Bearbeite die Seite, den Beitrag oder das Template, der/dem du das Bild hinzugefügt hast. 
  3. Klicke auf das Bild, dem du einen Stil hinzufügen möchtest.
  4. Öffne die Einstellungen der Seitenleiste, indem du in der oberen Werkzeugleiste auf das Icon Einstellungen klickst.

Wenn rechts die Seitenleiste nicht angezeigt wird, musst du ggf. oben rechts in der Ecke auf das Einstellungs-Icon klicken, um die Einstellungen zu öffnen. Dieses Icon sieht aus wie ein Quadrat mit zwei ungleichen Spalten.

Das hervorgehobene Einstellungs-Icon am oberen Rand des WordPress-Editors.
Das Einstellungs-Icon in der oberen rechten Ecke
  1. Klicke auf den Tab für Stile (das Icon sieht aus wie ein schwarz-weißer Kreis):
Die geöffnete Seitenleiste mit den Einstellungen des Bildblocks und das hervorgehobene Icon „Stile“.
  1. Passe einen der folgenden Stile an:
    • Bildstil: Du hast die Wahl zwischen Standard oder gerundet. Wenn du gerundet auswählst, wird ein quadratisches Bild zum perfekten Kreis, während ein rechteckiges Bild eine längliche Form annimmt.
    • Filter: Füge einen Zweiton-Farbeffekt mit der Duotone-Filtereinstellung hinzu.
    • Bildabmessungen: Füge mithilfe der Abmessungseinstellungen Abstände um das Bild hinzu.
    • Rand und Schatten: Lege einen Rand, einen Radius und einen Schatten für dein Bild fest, indem du die Einstellungen für Rand und Schatten verwendest.

CSS zu einem Bild hinzufügen

Du kannst eine CSS-Klasse erstellen, um das Design eines Bilds mit CSS-Code anzupassen.

  1. Rufe dein WordPress.com-Dashboard auf.
  2. Bearbeite die Seite, den Beitrag oder das Template, der/dem du das Bild hinzugefügt hast. 
  3. Klicke auf das Bild, dem du einen Stil hinzufügen möchtest.
  4. Öffne die Einstellungen der Seitenleiste, indem du in der oberen Werkzeugleiste auf das Icon Einstellungen klickst.

Wenn rechts die Seitenleiste nicht angezeigt wird, musst du ggf. oben rechts in der Ecke auf das Einstellungs-Icon klicken, um die Einstellungen zu öffnen. Dieses Icon sieht aus wie ein Quadrat mit zwei ungleichen Spalten.

Das hervorgehobene Einstellungs-Icon am oberen Rand des WordPress-Editors.
Das Einstellungs-Icon in der oberen rechten Ecke
  1. Öffne die Einstellung Erweitert am Ende der Seitenleiste.
  2. Füge weitere CSS-Klassen hinzu oder ändere sie.
  3. Speichere deine Änderungen und sieh dir die Seite, den Beitrag oder das Template mit dem angewendeten CSS-Stil in der Vorschau an.

Bildstile zurücksetzen

Bildstile umfassen Filter, Abmessungen, Rahmen und Schatten. Befolge diese Schritte, um entweder einen einzelnen Bildstil oder alle Stile im Bild zurückzusetzen.

  1. Klicke auf das Bild, das du bearbeiten möchtest.
  2. Öffne die Seitenleisteneinstellungen, indem du in der oberen Werkzeugleiste auf das Icon Einstellungen klickst.
  3. Klicke auf das StileIcon.
  4. Öffne das Menü Optionen neben jedem Stilabschnitt, indem du auf die drei Punkte () rechts neben dem Abschnitts-Header klickst.
  5. Klicke auf die Option Zurücksetzen neben jeder Einstellung, die zurückgesetzt werden soll. Oder klicke auf Alles zurücksetzen, um alle Einstellungsänderungen zurückzusetzen.
    • Wenn Zurücksetzen nicht als Option verfügbar ist, gibt es keine Stile, die zurückgesetzt werden können.
Einzelne Stilabschnitte, hervorgehoben durch einen Pfeil, der von den Einstellungen für Rahmen und Schatten auf die Optionen zeigt, die zurückgesetzt werden sollen.
Copied to clipboard!