1. Home
  2. Docs
  3. Fullsite Editing
  4. Anwenden Fullsite Editing
  5. Liste der Blöcke
  6. Übersicht über Rahmen und Schatteneinstellungen

Übersicht über Rahmen und Schatteneinstellungen

Sie können die Rahmen- und Schatteneinstellungen in Ihrem  Block verwenden  , um einen sichtbaren Rahmen oder Schatten für bestimmte Blöcke festzulegen. Mit diesen Einstellungen können Sie die Breite und den Radius auf jeder Seite des Rahmens steuern. Bei einigen Blöcken besteht auch die Möglichkeit, die Rahmenfarbe zu ändern.

Die Rahmen- und Schatteneinstellungen sind verfügbar, wenn Sie den  Blockeditor verwenden . Wenn Sie neu im Blockeditor sind,  zeigt Ihnen diese Anleitung  , wie Sie mit Blöcken arbeiten. Weitere Informationen zu den neuen Funktionen und Verbesserungen des Blockeditors finden Sie  in diesem Artikel.

So greifen Sie auf die Rahmen- und Schatteneinstellungen zu

Die Rahmen- und Schatteneinstellungen finden Sie in der Seitenleiste „Blockeinstellungen“ eines  Blocks  unter dem Abschnitt  „Rahmen“ .

Wenn die Seitenleiste „Blockeinstellungen“ nicht angezeigt wird , wählen Sie den Block aus, den Sie anpassen möchten, und klicken Sie dann auf das  Einstellungssymbol  rechts neben den  Schaltflächen „Veröffentlichen“  oder  „Aktualisieren“  im WordPress-Editor.

Im  Abschnitt „Rand und Schatten“  ist die Schattenoption möglicherweise ausgeblendet. Klicken Sie auf das Menü mit den Randoptionen mit den drei Punkten (auch Auslassungspunkte genannt), um alle Rand- und Schatteneinstellungen anzuzeigen, die standardmäßig nicht sichtbar sind.

Mehr zu den Blockeinstellungen können Sie hier lesen .

Abschnitt „Rand und Schatten“ in der Seitenleiste „Blockeinstellungen“
Screenshot

Art der Einstellungen

Jeder unterstützte Block verfügt über unterschiedliche Rahmen- und Schatteneinstellungen. Wenn Sie diese Einstellungen anpassen und schnell zu den ursprünglichen Einstellungen zurückkehren möchten, können Sie dies tun, indem Sie das Drei-Punkte-Menüsymbol auswählen und auf „  Alles zurücksetzen“ klicken,  wie  in diesem Artikel gezeigt . Dadurch werden die Einstellungen zurückgesetzt und alle Ihre Änderungen entfernt. Beachten Sie, dass nicht jeder Block alle Rahmeneinstellungen unterstützt.

Breite

Mit der Breiteneinstellung können Sie die Breite des Rahmens an den vier Seiten festlegen. Sie können einen Wert in das Textfeld eingeben oder den Wert mit dem Schieberegler anpassen.

Hinzufügen einer Rahmenbreite zu einem Block

Durch Klicken auf das Link -Symbol können Sie die Seiten voneinander trennen und für oben, links, rechts und unten separate Werte für die Rahmenbreite festlegen.

Festlegen separater Rahmenbreitenwerte für die vier Seiten.

Sie können die Rahmenbreite in verschiedenen Einheiten festlegen. Klicken Sie auf das px Symbol, um die Maßeinheit für die Rahmendicke oder den Radius zu ändern. Sie können zwischen  px, %, em, rem, vw, und wählen vh.

Lesen Sie mehr darüber, was jede dieser Einheiten bedeutet.

Ändern der Maßeinheit

Farbe

Die Rahmenfarbe für Ihren Block können Sie mithilfe der Stilauswahl neben der Rahmenbreite festlegen, wie unten dargestellt. Sie können die Farben aus der Designpalette oder aus den Standardfarben des Designs auswählen.

Ändern der Rahmenbreite und -farbe

Wenn Sie Anpassungen an diesen Einstellungen vornehmen und schnell zu den ursprünglichen Einstellungen zurückkehren möchten, können Sie dies tun, indem Sie unten in der Farbauswahl auf die Schaltfläche Auf Standard zurücksetzen klicken. Dadurch werden die Einstellungen zurückgesetzt und alle Ihre Änderungen gelöscht.

Schaltfläche „Auf Standard zurücksetzen“

Stil

In der Farbauswahl können Sie auch einen der drei Rahmenstile auswählen: gerade Linie, gestrichelte Linie und gepunktete Linie.  

Ändern des Rahmenstils

Radius

Die Radiuseinstellung verleiht Ihrem Block einen runderen Rand. Wenn Sie diesen Wert auf 0 setzen, hat der Block scharfe Kanten.

Sie können einen Rahmenradius in verschiedenen Einheiten festlegen. Klicken Sie auf das px Symbol, um die Maßeinheit für den Radius zu ändern. Sie können zwischen  px, %, em, rem, vw, und wählen vh.

Lesen Sie mehr darüber, was jede dieser Einheiten bedeutet.

Sie können einen Wert in das Textfeld eingeben oder den Schieberegler verwenden, um den Wert anzupassen.

Sie können auf das Link -Symbol klicken , um die Radien zu trennen und separate Werte für die vier Ecken festzulegen. Unten sehen Sie ein Beispiel, wie Sie mit getrennten Werten einen Block mit unregelmäßigen, runden Ecken erstellen können.

So ändern Sie den Randradius

Beachten Sie: Wenn Sie die Verknüpfung der Radien aufheben, zeigen Sie mit der Maus auf die Textfelder für die Radien, um einen Tooltip anzuzeigen, der angibt, auf welche Ecke sich jedes der vier Textfelder bezieht, wie unten dargestellt:

Die Rahmenradius-Steuerung verfügt über Beschriftungen, die angeben, welche Ecke des Blocks Sie ändern: Oben links, oben rechts usw.

Schatten

Die Schatteneinstellung verleiht Ihrem Block einen Schatteneffekt dahinter.

Tipps: Wenn die Schattenoption im Abschnitt „Rand und Schatten“ nicht angezeigt wird, klicken Sie auf die drei vertikalen Punkte rechts neben der Abschnittsüberschrift und wählen Sie die Option „Schatten“ aus.


Klicken Sie auf „Schlagschatten“ und wählen Sie Schatteneffekte aus.

Schatteneinstellung
Screenshot

Demonstration

Mit diesem leistungsstarken Werkzeugsatz können Sie alles von einzelnen Bildern bis hin zu ganzen Inhaltsspalten auf nette Weise dekorieren. Um zu sehen, wie Ränder einen Block verändern können, sehen Sie hier ein Beispiel, das zeigt, wie ein Theme-Autor einen vorgestellten Bildblock anpassen kann, um ihn noch mehr hervorzuheben: 

How can we help?