Title: Blöcke
Author: WordPress.org
Published: 1. Dezember 2025

---

# Blöcke

Blockkomponenten. Kein Code. Einfach anklicken und Inhalt einfügen.

![](https://wordpress.org/files/2024/05/blocks-feature-1.png)

## Grenzenlose Erstellungsmöglichkeiten

Die Technologie, auf der ein Großteil des Webs basiert, war noch nie so einfach 
zu erlernen. Mit Blöcken kannst du visuell mit jedem beliebigen Inhalt interagieren,
mit oder ohne Code – und so reichhaltige Layouts, interaktive Einführungen und endlose
Erweiterungsmöglichkeiten erschaffen. Sie sind für das Design genauso leistungsfähig
wie für die Entwicklung, aber immer noch intuitiv genug für Neueinsteiger.

[Blöcke erstellen (engl.)](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Das Block-Verzeichnis durchsuchen](https://de.wordpress.org/plugins/browse/block/)

![](https://wordpress.org/files/2023/08/block-paragraph.png)

Absatz

![](https://wordpress.org/files/2023/08/block-heading.png)

Überschrift

![](https://wordpress.org/files/2023/08/block-media-text.png)

Medien

![](https://wordpress.org/files/2023/08/block-image.png)

Bild

![](https://wordpress.org/files/2023/08/block-video.png)

Video

![](https://wordpress.org/files/2023/08/block-audio.png)

Audio

![](https://wordpress.org/files/2023/08/block-columns.png)

Spalten

![](https://wordpress.org/files/2023/08/block-file.png)

Datei

## WordPress' geheime Kraft

Blöcke sind das visuelle Fundament von WordPress und können genutzt werden, um jeden
Teil deiner Website zu erstellen und zu verwalten. Sie sind einfacher zu verwenden,
als du denkst. Lerne, wie man einen Block bearbeitet und lerne, wie man WordPress
ganz ohne zu programmieren nutzt. Lass dich inspirieren, indem du dir im Showcase
ansiehst, was andere mit WordPress gemacht haben.

[Showcase erkunden (engl.)](https://wordpress.org/showcase/)

![](https://wordpress.org/files/2024/05/patterns-collage.jpg)

## Vollständige kreative Kontrolle

Der WordPress-Editor ist die Standardmethode zum Einfügen, Transformieren, Gestalten
und Verschieben deiner Blöcke auf einer visuellen Leinwand dank einer einfachen 
Drag-and-drop-Schnittstelle.

[Blöcke live ausprobieren](https://de.wordpress.org/gutenberg?output_format=md)

    ```wp-container-content-0733e5d0
    registerBlockType( 'your-first-block/hello-world', {
        edit: function () {
            return <p>Hello world (from the editor)</p>;
        },
        save: function () {
            return <p>Hello world (from the frontend)</p>;
        },
    } );
    ```

Hallo Welt (aus dem Editor)

## Erstelle deinen eigenen

Wenn du keinen Block findest, der deinen Anforderungen entspricht, erstelle deinen
eigenen. Das Erstellen eines Blocks ist so einfach wie das Erstellen einer React-
Komponente. Verwende das Paket `@wordpress/create-block`, um mit der Erstellung 
zu beginnen.

[Einen Block erstellen (engl.)](https://developer.wordpress.org/block-editor/getting-started/tutorial/)

## Sieh, was es bei den Blöcken Neues gibt

Die neueste WordPress-Hauptversion enthält Updates, die die von dir verwendeten 
Blöcke verbessern und deine Erfahrung bei der Erstellung von Websites insgesamt 
steigern können. Erfahre mehr darüber, welche Funktionen in der aktuellen Version
verfügbar sind.

[Entdecke die neueste WordPress-Version](https://de.wordpress.org/7.1)

![](https://wordpress.org/files/2024/07/6-6-whats-new-i1.png)

## Nur der Anfang

Blöcke sind zwar für sich allein genommen leistungsstark, aber sie sind auch Teil
eines größeren Ganzen und können auf verschiedene Weise kombiniert oder eingesetzt
werden. Als einheitliche und offene Syntax sind sie für Editoren, Browser und sogar
KI leicht zu verstehen. Wer auch immer sie bearbeitet, wird es leicht haben, schnell
lebendige, personalisierte Designs und Erlebnisse zu schaffen.

[Individuelle Blöcke erstellen (engl.)](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Block-Vorlagen entwerfen (engl.)](https://de.wordpress.org/patterns/?output_format=md)

[Block-Themes erstellen (engl.)](https://developer.wordpress.org/themes/block-themes/)

[Blöcke bereitstellen (engl.)](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)