# Gutenberg Handbuch ## Gutenberg Handbuch - [Gutenberg WordPress Handbuch](https://benjaminzekavica.gitbook.io/gutenberg/master.md): Dies ist mein eigenes WP Gutenberg Handbuch zum neuen WordPress Editor. Hier in dieser Dokumentation möchte ich mein Wissen mit dir teilen.Hinweise: Benutze "Oben links" die Suche, um nach Funktionen. - [Erweiterungen](https://benjaminzekavica.gitbook.io/gutenberg/erweiterungen.md): Meine offizielle entwickelte Plugins für deine IDE. - [Visual Studio Code | WP Gutenberg Snippets](https://benjaminzekavica.gitbook.io/gutenberg/erweiterungen/visual-studio-code-or-wp-gutenberg-snippets.md): Offizielles WordPress Gutenberg Snippets Plugin für den VSCode Editor - [Blocks](https://benjaminzekavica.gitbook.io/gutenberg/blocks.md): Hier findest du alles rund um das Theme Blocks - [Standardblocks](https://benjaminzekavica.gitbook.io/gutenberg/blocks/standardblocks.md): Alle wichtigen Namesspaces findest du hier. - [Snippets](https://benjaminzekavica.gitbook.io/gutenberg/blocks/snippets.md): Hier eine Snippet Sammlung für den Gutenberg Editor - [Icons](https://benjaminzekavica.gitbook.io/gutenberg/icons.md): Hier eine kleine Icon Sammlung, welche dir bei der Entwicklung weiterhelfen wird. - [WordPress Dashicons](https://benjaminzekavica.gitbook.io/gutenberg/icons/wordpress-dashicons.md): WordPress liefert automatisch ein Iconset mit. Falls du für die Entwicklung ein Objekt mit allen Dashicons benötigst, findest du hier eine große Sammlung an DashIcon Namens. - [FontAwesome 5 Icons](https://benjaminzekavica.gitbook.io/gutenberg/icons/fontawesome-5-icons.md): Falls du für deine Blocks einen FontAwesome Package installiert hast und diese gerne in deinen Gutenberg Blocks verwenden möchtest, kannst du hier alle Icons in einen JS Objekt kopieren. - [Eigene SVG Icons](https://benjaminzekavica.gitbook.io/gutenberg/icons/eigene-svg-icons.md): Hier eine kurze Anleitung bezüglich SVG Files in Gutenberg. - [Plugins & Supports](https://benjaminzekavica.gitbook.io/gutenberg/plugins.md): Gutenberg erweitern? Kein Problem - [Block Picker Preview](https://benjaminzekavica.gitbook.io/gutenberg/plugins/block-picker-preview.md): Neue Block Preview Ansicht – Beispiel Inhalte generieren in der Vorschau - [Block Pattern](https://benjaminzekavica.gitbook.io/gutenberg/plugins/block-pattern.md): Mit der neuen Gutenberg Funktion, könnt Ihr vordefinierte Blöcke anbieten und den Redakteuren dabei helfen noch schneller Inhalte einzupflegen. - [Option Settings](https://benjaminzekavica.gitbook.io/gutenberg/plugins/option-settings.md): WordPress liefert von Haus aus schon direkt Komponenten an denen man sich bedienen kann. Hier habe ich ausführlich alle mal aufgelistet. - [Custom Styles](https://benjaminzekavica.gitbook.io/gutenberg/plugins/custom-styles.md): Falls du für deinen Block mit verschiedene Styles anbieten möchtest, kannst du folgendes tun. - [Transform](https://benjaminzekavica.gitbook.io/gutenberg/plugins/transform.md): Falls du deinen Block umwandeln möchtest, kannst du diese Funktion verwenden... - [Templates](https://benjaminzekavica.gitbook.io/gutenberg/plugins/templates.md): POWER von Gutenberg. Standard Templates mit vordefinierten Blöcken beim Erstellen anzeigen - [Theme Support](https://benjaminzekavica.gitbook.io/gutenberg/plugins/theme-support.md): Standard Dinge, die dein Theme erfüllen sollte ... - [Vordefinierte Farben](https://benjaminzekavica.gitbook.io/gutenberg/plugins/vordefinierte-farben.md) - [Gutenberg Block Kategorie](https://benjaminzekavica.gitbook.io/gutenberg/plugins/gutenberg-block-kategorie.md) - [Vorhandene Blöcke bearbeiten](https://benjaminzekavica.gitbook.io/gutenberg/plugins/vorhandene-bloecke-bearbeiten.md): Wenn du die Core Blöcke bearbeiten möchtest, ohne deren Quellcode anfassen zu müssen, kannst du mit den React WordPress Hooks arbeiten. - [Components](https://benjaminzekavica.gitbook.io/gutenberg/components.md): Hier findest du alles wichtige rund um Components. - [Color Component](https://benjaminzekavica.gitbook.io/gutenberg/components/color-component.md): Farbeinstellungen vornehmen - [Color Palette – CSS Variablen in Gutenberg](https://benjaminzekavica.gitbook.io/gutenberg/components/color-palette-css-variablen-in-gutenberg.md): Color Component mit CSS Variablen unterstützen. - [Farbverlauf – Component](https://benjaminzekavica.gitbook.io/gutenberg/components/farbverlauf-component.md): Neben dem Color Picker und Color Palett gibt es seit der neuen WordPress Version sogar ein Farbverlauf Component. Dieser ermöglicht dir Farbverläufe zu erstellen innerhalb vom Gutenberg Editor. - [Post Picker](https://benjaminzekavica.gitbook.io/gutenberg/components/post-picker.md): Du möchtest eine Auswahlliste erstellen von Beiträgen und die dann in einem Grid anzeigen? Kein Problem mithilfe der WordPress REST API kriegen wir das ganz einfach hin. - [Toolbar](https://benjaminzekavica.gitbook.io/gutenberg/components/toolbar.md): UX verbessern im Backend Dank der Toolbar. Leicht und universal einsetzbar. - [Innerblocks](https://benjaminzekavica.gitbook.io/gutenberg/components/innerblocks.md): Most Powerful Component | Dynamische Ausgabe - [React Hinweise](https://benjaminzekavica.gitbook.io/gutenberg/components/react-hinweise.md): Der neue WordPress Editor basiert auf React von Facebook. Damit dir die Entwicklung in Gutenberg leichter fällt, solltest du diese Hinweise mal durchlesen. - [Redux | React](https://benjaminzekavica.gitbook.io/gutenberg/components/redux-or-react.md): Um die Daten vom Editor zu speichern, verwendet WordPress nun Redux, ein Framework für React. Dort sind die sogenannten "States" alles abgespeichert. - [Kontakt & Impressum](https://benjaminzekavica.gitbook.io/gutenberg/kontakt-and-impressum.md) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on a page URL with the `ask` query parameter: ``` GET https://benjaminzekavica.gitbook.io/gutenberg/master.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.