Wie man den Code-Block in WordPress in 3 einfachen Schritten verwendet

Ankur Raj Bongshi

-

Es gibt einen Code-Block, der mit dem WordPress-Kern geliefert wird und mit dem Sie die Code-Schnipsel auf Ihrer WordPress-Website präsentieren können. WordPress hat es einfacher gemacht, Inhalte zu erstellen und anzuzeigen.

Für Entwickler, Technikbegeisterte und alle, die nach einer Möglichkeit suchen, Codeschnipsel zu präsentieren, ist der Codeblock ein robustes und einfaches Tool. Heute werden wir die vollständige Anleitung zur Verwendung des Code-Blocks in WordPress unten teilen. Folgen Sie uns auf jeden Fall.

Was ist der Code-Block in WordPress?

Die Code-Block ist ein Gutenberg-Block, der zum Hinzufügen und Anzeigen von Codeschnipseln in einem Beitrag oder einer Seite dient.

Der Code-Block hebt die Syntax als reinen Text hervor, ohne sie auszuführen, und ist daher ideal für die Präsentation von Programmierbeispielen oder Skripten.

Schöne Tische erstellen
Mit Block-Editor

Kostenlos ausprobieren
Profi werden

Wie man den Code-Block in WordPress verwendet

Die Verwendung des Code-Blocks ist denkbar einfach, denn Sie brauchen keine besonderen Fähigkeiten, um den Block zu verwenden. Sie müssen nur die folgende Anleitung befolgen.

Schritt 1: Einfügen des Codeblocks

Um den Codeblock einzufügen, klicken Sie auf die Schaltfläche Block hinzufügen ("+") Symbol (1), Typ "Code" im Suchfeld (2)und klicken Sie auf "Code” (3).

Schritt 2: Einfügen der Codierung

Wenn sich der Codeblock im Editor befindet, fügen Sie Ihren Code ein.

Wie man den Code-Block in WordPress verwendet

Der Code-Block hat keine spezifischen Optionen im Editor. Er hat alle grundlegenden Optionen wie jeder andere Kernblock in Gutenberg.

Schritt 3: Anpassung

WordPress bietet Optionen für die Anpassung von Farbe, Typografie, Abmessungen und Rahmen für Codeblöcke. Um auf die Codeblock-Anpassung zuzugreifen, navigieren Sie zu Einstellungen (1)> Block (2) > Stile (3)

Sie können die Farbe, die Typografie, die Abmessungen und den Rahmen ändern.

  1. Farbe: Mit dieser Funktion können Sie die Farbe Ihres Textes und Hintergrunds ändern.
  2. Typografie: In der Typografie können Sie Schriftart und -größe, Erscheinungsbild, Zeilenhöhe, Buchstabenabstand, Umschlag und Buchstabendekoration auswählen.
  3. Abmessungen: Mit den Abmessungen können Sie die Auffüllung und den Rand für Ihren Textblock anpassen.
  4. Grenze: Mit der Option Rahmen können Sie einen Rahmen und einen Rahmenradius für Ihren Textblock hinzufügen.

So verwenden Sie also den Codeblock in WordPress.

Schlussgedanken!

Schließlich ist der Code-Block für jeden, der die Code-Snippets auf seiner WordPress-Website präsentieren möchte, unerlässlich.

Es ist einfach zu bedienen, bietet nützliche Anpassungsoptionen und schützt Ihre Inhalte, indem es die Ausführung von Code verhindert.

Nutzen Sie den Code-Block noch heute, um Ihre Inhalte aufzuwerten und Ihre Website zu einer wichtigen Quelle für technische Informationen zu machen!

Lassen Sie mich Ihre Kommentare zu diesem Beitrag und dem Block im Kommentarbereich hören. Informieren Sie auch Ihre Entwicklerfreunde über diesen großartigen Beitrag in den sozialen Medien.

Mehr lesen!

Beginnen Sie noch heute mit der Erstellung schöner Tische!

Sind Sie bereit, Ihre Tische auf die nächste Stufe zu bringen?
Laden Sie Tableberg jetzt herunter und erstellen Sie schöne Tabellen.

Tabellenberg → holen

ÜBER DEN AUTOR

Das Tischberg-Team

Wir sind ein engagiertes Team von Entwicklern, Autoren und WordPress-Experten, die es sich zur Aufgabe gemacht haben, die Erstellung von WordPress-Tabellen zu vereinfachen. Wenn Sie den Standard-Tabellenblock verwenden können, können Sie auch den Tableberg-Block verwenden. Er ist benutzerfreundlich und vollgepackt mit Anpassungsoptionen. Tableberg bietet alle Funktionen, die Sie sich für den Standard-Table-Block wünschen. Testen Sie ihn - es ist KOSTENLOS!