{"id":984,"date":"2025-01-26T09:35:32","date_gmt":"2025-01-26T09:35:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=984"},"modified":"2025-01-26T09:35:35","modified_gmt":"2025-01-26T09:35:35","slug":"wie-man-textfelder-in-wordpress-erstellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-create-text-boxes-in-wordpress\/","title":{"rendered":"Erstellen von Textboxen in WordPress (3 Typen)"},"content":{"rendered":"

Ein Textfeld ist ein bestimmter Bereich im Gutenberg-Editor, in dem Sie Texte mit verschiedenen Typografien, Schriftarten, Farben, Stilisierungen und anderen Formatierungsoptionen erstellen und ver\u00f6ffentlichen k\u00f6nnen.<\/p>\n\n\n\n

Wenn Sie eine wichtige Ank\u00fcndigung, einen Erfahrungsbericht oder eine kurze Produktbeschreibung hervorheben m\u00f6chten, k\u00f6nnen Sie dies mit Textboxen tun. In diesem Artikel zeigen wir Ihnen verschiedene M\u00f6glichkeiten, wie Sie Textboxen in WordPress erstellen k\u00f6nnen.<\/p>\n\n\n\n

\n
\"\"
Typ 1:<\/mark> Textfeld mit farbigem Hintergrund \u21b4<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n
\"\"
Typ 2:<\/mark> Textfeld mit Umrandung \u21b4<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n
\"\"
Typ 3:<\/mark> Textboxen in der Tabelle \u21b4<\/a><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n

Typ 1: Hinzuf\u00fcgen eines Textfelds mit farbigem Hintergrund<\/h2>\n\n\n\n

Dies ist ein einfaches und unkompliziertes Verfahren. Sie m\u00fcssen lediglich dem Hintergrund des jeweiligen Absatzblocks eine Farbe hinzuf\u00fcgen.<\/p>\n\n\n\n

Schritt 1: W\u00e4hlen Sie einen Text f\u00fcr Ihren Beitrag\/Ihre Seite<\/h3>\n\n\n\n

\u00d6ffnen Sie den Beitrag\/die Seite, auf der Sie das Textfeld hinzuf\u00fcgen m\u00f6chten. W\u00e4hlen Sie den gew\u00fcnschten Text<\/strong> indem Sie den Cursor auf den entsprechenden Absatz setzen. <\/p>\n\n\n\n

\"W\u00e4hlen<\/figure>\n\n\n\n

Schritt 2: F\u00fcgen Sie dem Hintergrund des Blocks eine Farbe hinzu<\/h3>\n\n\n\n

Gehen Sie zum Registerkarte Stile,<\/strong> wie in der nachstehenden Abbildung gezeigt. Klicken Sie auf die Option Hintergrund<\/strong> und w\u00e4hlen Sie eine Farbe aus. Die Farbe wird sofort auf den Block angewendet, was Sie in Echtzeit sehen k\u00f6nnen.<\/p>\n\n\n\n

Sobald die Farbe um den gesamten Block herum und innerhalb des Blocks aufgetragen ist, sieht es so aus, als ob ein Rahmen um den Block herum erstellt wurde, wodurch ein Textfeld entsteht.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n

So k\u00f6nnen Sie ein Textfeld mit einem farbigen Hintergrund erstellen.<\/p>\n\n\n\n

\n\n\n\n

Typ 2: Text mit Umrandung hinzuf\u00fcgen<\/h2>\n\n\n\n

Das Hinzuf\u00fcgen von Rahmen um den Block ist eine weitere einfache M\u00f6glichkeit, ein Textfeld zu erstellen. Befolgen Sie die unten beschriebenen Schritte.<\/p>\n\n\n\n

Schritt 1: W\u00e4hlen Sie den Text im Editor aus<\/h3>\n\n\n\n

W\u00e4hlen Sie erneut einen Text aus, indem Sie den gew\u00fcnschten Absatzblock anklicken, wie wir es Ihnen oben gezeigt haben.<\/p>\n\n\n\n

\"W\u00e4hlen<\/figure>\n\n\n\n

Schritt 2: Umwandlung in den Gruppenblock<\/h3>\n\n\n\n

Standardm\u00e4\u00dfig k\u00f6nnen Sie dem Absatzblock keinen Rahmen hinzuf\u00fcgen. Konvertieren Sie ihn also in den Gruppenblock<\/strong>. <\/p>\n\n\n\n

Klicken Sie auf die Absatz-Symbol<\/strong> in der Gutenberg-Symbolleiste. Es wird eine Liste angezeigt, an deren Ende die Option Gruppe steht. Klicken Sie auf die Option \"Gruppe<\/strong> auf der Liste.<\/p>\n\n\n\n

Der Block wird in den Gruppenblock umgewandelt.<\/p>\n\n\n\n

\"Umwandlung<\/figure>\n\n\n\n

Schritt 3: Umrandung und Radius zum Block hinzuf\u00fcgen<\/h3>\n\n\n\n

Gehen Sie zum Registerkarte \"Stile<\/strong> des ausgew\u00e4hlten Blocks. Scrollen Sie auf der Registerkarte ein wenig nach unten.<\/p>\n\n\n\n

\"Gehen<\/figure>\n\n\n\n

Sie werden sehen, dass die Option \"Umrandung<\/strong>. Geben Sie einen Pixelwert ein, um die Breite des Rahmens zu definieren. Sie k\u00f6nnen dem Block auch einen Radius und eine Auff\u00fcllung hinzuf\u00fcgen, wenn Sie m\u00f6chten. <\/p>\n\n\n\n

So, Ihr Textfeld ist fertig. Das Hinzuf\u00fcgen von Radius und F\u00fcllung kann das Textfeld ansehnlicher machen. Sie k\u00f6nnen also in Erw\u00e4gung ziehen, sie hinzuzuf\u00fcgen.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n
\n\n\n\n

Typ 3: Textfelder in der Tabelle hinzuf\u00fcgen<\/h2>\n\n\n\n

Oft m\u00f6chten Sie mehrere Textfelder in derselben Zeile erstellen. Mit dem Standard-Absatzblock ist dies jedoch nicht m\u00f6glich. Sie k\u00f6nnen dies jedoch leicht tun, indem Sie eine Tabelle erstellen. <\/p>\n\n\n\n

Tischberg<\/strong><\/a> ist ein solches Tabellenerstellungs-Plugin, das dies erm\u00f6glicht. Installieren Sie<\/strong> und aktivieren.<\/strong> das Plugin und befolgen Sie die unten aufgef\u00fchrten Schritte.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 01: F\u00fcgen Sie den TableBerg Block zu Ihrer Website hinzu<\/h3>\n\n\n\n

Finden Sie einfach die TableBerg-Block<\/strong> in der Gutenberg-Blockbibliothek und f\u00fcgen Sie es zu Ihrem Beitrag\/Seiteneditor hinzu.<\/p>\n\n\n\n

\"F\u00fcgen<\/figure>\n\n\n\n

Schritt 02: Spalten nach Bedarf erstellen<\/h3>\n\n\n\n

Wie die Standard-Gutenberg-Tabelle, Erstellen Sie so viele Spalten, wie Sie ben\u00f6tigen<\/strong> auf dem Tisch.<\/p>\n\n\n\n

\"Spalten<\/figure>\n\n\n\n

Schritt 03: Inhalt zu den Tabellenspalten hinzuf\u00fcgen<\/h3>\n\n\n\n

Obwohl TableBerg Ihnen erlaubt, Listen, CTA-Buttons und Bilder in die Tabelle einzuf\u00fcgen, haben wir nur einfachen Text hinzugef\u00fcgt, um das Tutorial zu erkl\u00e4ren.<\/p>\n\n\n\n

\"Inhalt<\/figure>\n\n\n\n

Schritt 04: Hinzuf\u00fcgen von Farben zu den Tabellenspalten<\/h3>\n\n\n\n

W\u00e4hlen Sie eine Spalte<\/strong> auf dem Tisch, indem Sie den Cursor darauf platzieren. Gehen Sie zum Registerkarte \"Stile<\/strong>. Klicken Sie auf die Option Hintergrund<\/strong> und w\u00e4hlen Sie eine Farbe aus. Sie werden sehen, dass die Farbe auf die Spalte angewendet wurde.<\/p>\n\n\n\n

\"Einf\u00e4rben<\/figure>\n\n\n\n

Wenden Sie nach der gleichen Methode verschiedene Arten von Farben auf andere Spalten der Tabelle an. Wie Sie sehen k\u00f6nnen, haben wir vier verschiedene Farben auf die Spalten der Tabelle angewendet. <\/p>\n\n\n\n

Ihre Textfelder sind also fertig. Wenn Sie jedoch den Tabellenrahmen entfernen m\u00f6chten, folgen Sie dem n\u00e4chsten Schritt.<\/p>\n\n\n\n

\"Verschiedene<\/figure>\n\n\n\n

Schritt 05: Entfernen des Tabellenrandes<\/h3>\n\n\n\n

W\u00e4hlen Sie die gesamte Tabelle aus, indem Sie zweimal auf das TableBerg-Symbol in der Symbolleiste klicken. Gehen Sie zum Registerkarte \"Stile<\/strong> in der rechten Seitenleiste. Scrollen Sie ein wenig nach unten. Schalten Sie die Option Innere Umrandung aktivieren<\/strong>. Die Tabellenr\u00e4nder werden unsichtbar sein.<\/p>\n\n\n\n

\"Entfernen<\/figure>\n\n\n\n
\n\n\n\n

Schlussfolgerung<\/h2>\n\n\n\n

Sie k\u00f6nnen also Textfelder in WordPress auf verschiedene Arten erstellen. Doch bevor wir zum Schluss kommen, m\u00f6chten wir noch eines sagen: Nicht jede dieser Methoden ist in allen F\u00e4llen effektiv. <\/p>\n\n\n\n

Je nach Art Ihres Inhalts m\u00fcssen Sie eine geeignete Methode anwenden, die die Lesbarkeit aufrechterh\u00e4lt. Teilen Sie uns Ihr Feedback im Kommentarfeld unten mit, wenn Ihnen dieser Beitrag gefallen hat. <\/p>\n\n\n\n

Erkunden Sie unser Blog-Archiv<\/a> um weitere interessante Artikel \u00fcber WordPress zu lesen.<\/p>","protected":false},"excerpt":{"rendered":"

A text box is a designated area within the Gutenberg editor where you can craft and publish texts with different typography, font, color, stylization, and other formatting options. When you want to highlight an important announcement, testimonial, or a brief product description, text boxes allow you to do so. In this article, we’ll show you […]<\/p>\n","protected":false},"author":1,"featured_media":7081,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[38,9,39],"class_list":["post-984","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-content-presentation","tag-tableberg","tag-text-boxes"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-Text-Boxes-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=984"}],"version-history":[{"count":5,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/984\/revisions"}],"predecessor-version":[{"id":7083,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/984\/revisions\/7083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/7081"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}