Block Designer – Erstelle eigene Blöcke für den Gutenberg Editor
Gestalte deine eigenen individuellen Blöcke für den WordPress Gutenberg Block Editor, ohne eine einzige Zeile Code zu schreiben.
✔ Schnellste Methode, um einen eigenen Block für Gutenberg zu erstellen ✔ Unglaublich einfach und intuitiv zu benutzen ✔ Deine individuellen Blöcke sind vollständig WYSIWYG (kein Formular)
—
Tutorial (Adressblock für Gutenberg erstellen):
—
Live-Vorschau
Neuste Version hier testen: > > > LIVE PREVIEW öffnen < < <
—
Verfügbare Elemente
- HTML-Element
- Icon
- Statischer Text
- Autor-Bild
- Bearbeitbarer Link
- Bearbeitbarer Text mit Formatierungen
- Innere Blöcke
Verfügbare Styles
- Anzeigemodus (block, flex, inline-block, inline, none)
- Flex (direction, reverse, align, justify, gap, wrap)
- Flex Child (shrink, grow, align self)
- Abstände (margin, padding)
- Grösse (width, height, min-width, min-height, max-width, max-height)
- Überlauf (visible, hidden, scroll, auto)
- Typografie (font-weight, font-style, font-size, line-height, color, text-align, text-decoration)
- Rahmen (radius, style, width, color)
- Hintergrund (color, linear-gradient, radial-gradient)
- Effekte (box-shadow)
So funktioniert es
-
Gestalte deinen Block
Zuerst gestaltest du deinen Block im Block Designer mit verschiedenen HTML-Elementen und Styles.
Du kannst Bereiche definieren, wo Autoren im WordPress Block Editor Bilder und Texte einfügen können.
Nachdem du deinen Block gestaltet hast, musst du ihn nur noch aktivieren und speichern.
-
Deinen Block benutzen
Falls du deinen Block aktiviert und gespeichert hast, findest du ihn im Block-Inserter des WordPress Block Editors.
Füge ihn genau so ein, wie du das von Standardblöcken her kennst.
Falls du Bereiche definiert hast, wo ein Autor Eingaben machen kann, dann kannst du nun deinen Content erfassen.
Speichere deine Seite bzw. deinen Beitrag und freue dich am Resultat auf deiner Website 😉
More from the same author
Click here: wppeak.com