Genau wie die Funktion Veröffentlichen des Quellcodes im klassischen Editor verwendet werden kann, kannst du mit dem Codeblock formatierten Code hinzufügen, den andere sehen können.
![Füge den Codeblock über das Block-Einfüge-Icon oder den Schrägstrichbefehl „/code“ hinzu.](https://en-support.files.wordpress.com/2018/12/the-code-block.gif?w=460)
![Durch das Hinzufügen von Inhalten zum Codeblock wird der Inhalt in -Tags umschlossen.](https://en-support.files.wordpress.com/2018/12/code-block-final-view.png?w=460)
Um einen Codeblockhinzuzufügen, klicke auf das Block-Einfüge-Icon .
Du kannst auch in einem neuen Absatzblock „/code“ eingeben und die Eingabetaste drücken, um schnell einen Audioblock hinzuzufügen.
![Verwende den Schrägstrichbefehl „/code“, um einen Codeblock hinzuzufügen.](https://en-support.files.wordpress.com/2018/12/code-block-typing.png?w=460)
Eine detaillierte Anleitung zum Hinzufügen von Blöcken findest du hier.
Blockschnittstelle
Jeder Block verfügt über eigene blockspezifische Steuerelemente, mit denen du den Block direkt im Editor bearbeiten kannst. Der Codeblock enthält in der Werkzeugleiste des Blocks nur das Icon für die Blockeinstellungen. Optional kannst du den Codeblock in einen vorformatierten Block umwandeln.
![Der Codeblock enthält in der Werkzeugleiste des Blocks nur das Icon für die Blockeinstellungen.](https://en-support.files.wordpress.com/2018/12/code-block-interface.png?w=460)
Einstellungen in der Seitenleiste
Die meisten Blöcke weisen zusätzlich zu den Optionen in der Werkzeugleiste des Blocks in der Seitenleiste des Editors spezifische Optionen auf. Wenn die Seitenleiste nicht angezeigt wird, klicke einfach auf das Zahnrad-Icon neben dem Veröffentlichen-Icon.
![Der Codeblock bietet in der Seitenleiste nur zusätzliche CSS-Klassen.](https://en-support.files.wordpress.com/2018/12/image-1.png?w=460)
Erweitert
Auf dem Tab „Erweitert“ kannst du eine CSS-Klasse zu deinem Block hinzufügen, sodass du individuelles CSS erstellen und den Block nach deinen Wünschen gestalten kannst.
![Über den Abschnitt „Erweitert“ kannst du zu deinem Block eine CSS-Klasse hinzufügen.](https://en-support.files.wordpress.com/2018/12/image3.png)