Blöcke
Blockkomponenten. Kein Code. Einfach anklicken und Inhalt einfügen.
![Die WordPress-Editor-Ansicht zeigt den Umriss von drei Blöcken mit einem Inserter-Symbol.](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/blocks-header-image.png)
Bauen ohne Grenzen
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.
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-paragraph.png)
Absatz
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-heading.png)
Überschrift
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-media-text.png)
Medien
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-image.png)
Bild
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-video.png)
Video
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-audio.png)
Audio
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-columns.png)
Spalten
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/block-file.png)
Datei
WordPress‘ geheime Kraft
Blocks are the visual foundation of WordPress, and can be used to create and manage every part of your site. They're also easier than you think. Learn how to edit a block and you learn how to use all of WordPress—without having to write code. For inspiration, check out what others have done with WordPress in the Showcase.
![](https://webcf.waybackmachine.org/web/20231205093814im_/https://wordpress.org/files/2023/08/patterns-for-blocks-page.png)
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.
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 (von der Redaktion)
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.
Erst 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 Redakteure, Browser und sogar KI leicht zu verstehen. Wer auch immer sie bearbeitet, wird es leicht haben, schnell lebendige, personalisierte Designs und Erlebnisse zu schaffen.