Anleitungen/Stile/Rahmen- und Schatteneinstellungen

Rahmen- und Schatteneinstellungen

Viele Blöcke im WordPress-Editor verwenden Rahmeneinstellungen, um eine Rahmenlinie um deine Inhalte hinzuzufügen. Dieser Ratgeber zeigt dir, wie du diese Rahmeneinstellungen verwendest.

Die Rahmen- und Schatteneinstellungen aufrufen

Die Einstellungen für Rahmen und Schatten können auf die gesamte Website, bestimmte Elemente auf deiner Website oder auf einen einzelnen Inhaltsblock angewendet werden. Die Option zum Anwenden von Rahmen und Schatten wird nur bei Blöcken angezeigt, die Rahmen unterstützen.

So bearbeitest du die Stileinstellungen für deine gesamte Website:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor.
  3. Wähle im Menü auf der linken Seite die Option Stile aus.

Weitere Informationen zum Bearbeiten der Stile deiner Website.

So änderst du die Stileinstellungen für einen einzelnen Block:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu der Seite, dem Beitrag oder dem Template, die/den/das du bearbeiten möchtest.
  3. Wähle den Block aus, auf den du den Stil anwenden möchtest.
  4. Suche die Seitenleiste mit Block-Einstellungen.

In den meisten Fällen befinden sich die Stileinstellungen in der Seitenleiste mit den Hauptblock-Einstellungen. Gelegentlich wird ein separater Tab für Stile angezeigt, der durch einen schwarz-weißen Kreis dargestellt wird.

Seitenleiste mit Blockeinstelllungen mit einem Pfeil, der auf die Option „Stile“ zeigt.
Ein Pfeil, der vom Icon „Stile“ in den Blockeinstellungen auf den Abschnitt „Rahmen und Schatten“ zeigt.
Ein Beispiel für die Einstellungen für Rahmen und Schatten im Bildblock

Alle Einstellungen anzeigen

Passe das Design des Blocktexts mit den folgenden Einstellungen an.

Wenn dir eine bestimmte Einstellung nicht angezeigt wird, klicke rechts neben Rahmen und Schatten auf das Icon mit den drei Punkten oder dem Plus (wie rechts dargestellt). Nun kannst du die Option auswählen, die du aufrufen möchtest:

  • Rahmen
  • Radius
  • Schatten
Ein Pfeil, der vom Ellipsenmenü „Rahmen und Schatten“ auf die Einstellungen für Rahmen und Schatten zeigt.

Einen Rahmen hinzufügen

Mit der Einstellung Rahmen kannst du eine Linie hinzufügen, die einen Block umgibt. Du kannst die Dicke, die Farbe und den Radius des Rahmens auswählen.

So fügst du zu einem Block einen Rahmen hinzu:

  1. Wähle den Block aus und öffne die Seitenleiste mit den Blockeinstellungen.
  2. Suche in der Seitenleiste den Abschnitt Rahmen und Schatten.
  3. Gib einen genauen Wert ein oder ziehe den Slider, um den Rahmen zu zeichnen.
  4. Optional: Ändere die Farbe des Rahmens, indem du auf den Kreis links neben dem Größenfeld klickst. Wähle eine Theme-Farbe, eine Standardfarbe oder lege mit der Farbauswahl deine eigene fest.

Standardmäßig werden die Werte des Rahmens in Pixel berechnet.  Klicke auf das „px“ neben dem Feld, um zu einer der anderen Einheiten zu wechseln (%, em, rem, vw und vh). Weitere Informationen zu den verschiedenen Maßeinstellungseinheiten.

Video showing how to add a border to an image block.

Den Rahmenradius anpassen

Mit der Einstellung Radius kannst du die Ränder deines Blocks abgerundet darstellen. Wenn der Radius auf 0 gesetzt wird, hat der Block scharfe Kanten, während der Radius von 100 abgerundete Kanten bedeutet:

Ein Bildblock mit abgerundetem Rand.
Ein Bildblock mit abgerundeten Rändern

Erweiterte Rahmeneinstellungen

Mit deinen Einstellungen für Rahmen und Radius kannst du kreativ werden. Mit der Option „Seiten-Verbindung aufheben“ kannst du den Rahmen und den Radius für jede Seite des Blocks festlegen.

Ein um das Icon gezeichnetes Feld zum Aufheben der Seitenverknüpfung mit der QuickInfo „Seiten-Verbindung aufheben“.

So legst du einen individuellen Rahmen oder Radius für jede Seite fest:

  1. Klicke rechts neben Rahmen oder Radius auf das Icon „Seiten-Verbindung aufheben“.
  2. Lege für jede Seite individuelle Abmessungen fest.

Du kannst auch verschiedene Farben und Stile für den Rahmen festlegen, indem du auf den Rahmenfarb- und -stilwähler klickst.

Rahmen- und Radiuseinstellungen
Beispiel für einen individuellen Rahmen und Radius, um einen einzigartigen Effekt zu erstellen.

Einen Schatten hinzufügen

Die Option Schatten ist für bestimmte Blöcke (einschließlich Button, Bild und Spalten) verfügbar und verleiht deinem Block einen dahinterliegenden Schlagschatten.

Der Abschnitt „Schatten“ wird mit einem Pfeil geöffnet, der auf die verschiedenen Optionen für Schlagschatten zeigt.
Ein Beispiel für einen Button in einem Buttons-Block mit angewendetem Schlagschatten.

Wähle für dein Element einen der folgenden Schatteneffekte aus:

  • Natürlich
  • Tief
  • Schlagschatten
  • Umrissen
  • Scharf

Schatteneinstellungen anpassen

Du kannst die Standard-Schatteneffekte anpassen oder über den Stil-Editor eigene erstellen.

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor.
  3. Wähle im Menü auf der linken Seite die Option Stile aus.
    • Im Editor kannst du auch rechts oben das Stile-Icon auswählen. Der Button ist ein schwarz-weißer Kreis.
  4. Klicke auf die Option Schatten.
  5. Klicke auf den Namen des Schattens, den du anpassen möchtest. Um einen neuen individuellen Schatten zu erstellen, klicke auf das Pluszeichen neben der Überschrift „Angepasst“ und dann auf den Namen des neuen individuellen Schattens.
  6. In den Schatteneinstellungen siehst du eine Vorschau des Schattens und den Namen des Schattens unten. Klicke auf den Namen des Schattens, um die folgenden Einstellungen anzupassen:
    • Farbe: Wähle mit der Farbauswahl die Schattenfarbe aus.
    • Herausgestellt oder einrücken: Wähle, ob der Schatten außerhalb oder innerhalb des Elements angezeigt wird.
    • X-Position und Y-Position: Passe an, wie weit der Schatten vom Objekt entfernt angezeigt werden soll.
    • Unschärfe: Wie unscharf der Schatten sein sollte.
    • Ausdehnung: Wie groß oder klein der Schatten sein soll.
  7. Wenn du fertig ist, klicke auf den Button Speichern, um deine Änderungen zu speichern.

Rahmen und Schatten zurücksetzen

Du kannst die Anpassungen an den Rändern und Schatten für den Block zurücksetzen und von vorne beginnen. So kannst du die Stile zurücksetzen:

  1. Klicke auf die Optionen für Rahmen und Schatten (die drei vertikalen Punkte rechts vom Abschnittsheader).
  2. Deaktiviere eine einzelne Einstellung, um sie zurückzusetzen, oder klicke auf Alle zurücksetzen, um alle Einstellungen zurückzusetzen.

Wenn keine Option zum Zurücksetzen vorhanden ist, können keine Anpassungen entfernt werden.

Ein Pfeil vom Icon für Rahmeneinstellungen zu den umrandeten einzelnen Einstellungen und der Option „Alle zurücksetzen“.
Copied to clipboard!