{"id":1612,"date":"2025-03-29T15:46:45","date_gmt":"2025-03-29T15:46:45","guid":{"rendered":"https:\/\/tableberg.com\/?p=1612"},"modified":"2025-03-29T15:46:48","modified_gmt":"2025-03-29T15:46:48","slug":"wie-man-inhaltsboxen-in-wordpress-erstellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-create-content-boxes-in-wordpress\/","title":{"rendered":"Wie man Inhaltsboxen in WordPress erstellt"},"content":{"rendered":"

Eine Inhaltsbox ist ein visuell auff\u00e4lliger Beh\u00e4lter, mit dem Sie bestimmte Inhalte so einrahmen k\u00f6nnen, dass sie sich von den \u00fcbrigen Inhalten abheben. Damit k\u00f6nnen Sie wichtige Informationen oder besondere Ank\u00fcndigungen hervorheben und die Aufmerksamkeit der Nutzer auf wichtige Details lenken.<\/p>\n\n\n\n

Inhaltsboxen eignen sich zur Pr\u00e4sentation von Call-to-Action-Abschnitten, Testimonials, Bewertungen und Hauptmerkmalen von Produkten oder Dienstleistungen. Es gibt mehrere M\u00f6glichkeiten, Inhaltsboxen in WordPress-Websites zu erstellen.<\/p>\n\n\n\n

Im folgenden Beitrag zeigen wir Ihnen drei praktische Methoden, wie Sie Inhaltsboxen in WordPress erstellen k\u00f6nnen. Bleiben Sie bis zum Ende dabei.<\/p>\n\n\n

\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n
\n

Methode<\/p>\n<\/div><\/th>\n\n

\n

Plugin<\/p>\n<\/div><\/th>\n\n

\n

Vorschau<\/p>\n<\/div><\/th>\n<\/tr>

\n

Verwendung des Spaltenblocks<\/a><\/p>\n<\/div><\/td>\n\n

\n

Nicht erforderlich<\/p>\n<\/div><\/td>\n\n

\"\"<\/figure><\/div><\/td>\n<\/tr>
\n

Verwendung des Tableberg-Blocks<\/a><\/p>\n<\/div><\/td>\n\n

\n

Tischberg<\/a><\/p>\n<\/div><\/td>\n\n

\"\"<\/figure><\/div><\/td>\n<\/tr>
\n

Verwendung des Blocks \"Gestaltete Liste<\/a><\/p>\n<\/div><\/td>\n\n

\n

Ultimative Bl\u00f6cke<\/a><\/p>\n<\/div><\/td>\n\n

\"\"<\/figure><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n

Methode 1: Verwendung des Spaltenblocks<\/h2>\n\n\n\n

Mit dem Standard-WordPress-Spaltenblock k\u00f6nnen Sie einen einfachen Inhaltskasten erstellen und gestalten. Folgen Sie den unten beschriebenen Schritten.<\/p>\n\n\n\n

Schritt 01: Hinzuf\u00fcgen des Spaltenblocks zum Editor<\/h3>\n\n\n\n

Finden Sie die S\u00e4ulenblock<\/strong> aus der Gutenberg-Blockbibliothek durch Dr\u00fccken der Taste Plus-Taste (+)<\/strong> und f\u00fcgen Sie es zu Ihrem Editor hinzu.<\/p>\n\n\n\n

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

W\u00e4hlen Sie aus den verf\u00fcgbaren Optionen die einzellige Spalte aus.<\/p>\n\n\n\n

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

Schritt 02: Hinzuf\u00fcgen von Inhaltsbl\u00f6cken zur S\u00e4ule<\/h3>\n\n\n\n

Der Spaltenblock erm\u00f6glicht es Ihnen, auch andere Bl\u00f6cke darin einzuf\u00fcgen. Sie k\u00f6nnen jeden beliebigen Block hinzuf\u00fcgen, um Ihre Inhalte zu kuratieren.<\/p>\n\n\n\n

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

Klicken Sie auf die Plus-Symbol (+)<\/strong> auf den Spaltenblock. Es \u00f6ffnet sich die Gutenberg-Blockbibliothek, aus der Sie den Block ausw\u00e4hlen und hinzuf\u00fcgen k\u00f6nnen. Absatzblock<\/strong>.<\/p>\n\n\n\n

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

Wie wir sehen k\u00f6nnen, haben wir dem Spaltenblock bereits Textinhalt hinzugef\u00fcgt. Danach k\u00f6nnen Sie nach Belieben weitere Bl\u00f6cke zu den Spalten hinzuf\u00fcgen. Nehmen wir an, wir f\u00fcgen den Block Bild hinzu.<\/p>\n\n\n\n

Klicken Sie auf die S\u00e4ulen-Symbol<\/strong> in der Symbolleiste. Dr\u00fccken Sie die Plus-Symbol (+)<\/strong>. Suchen und w\u00e4hlen Sie die Bildblock<\/strong> aus der Bibliothek.<\/p>\n\n\n\n

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

Wie Sie sehen k\u00f6nnen, haben wir dem Spaltenblock ein Bild hinzugef\u00fcgt.<\/p>\n\n\n\n

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

Schritt 03: Anpassen des gesamten Spaltenblocks<\/h3>\n\n\n\n

Markieren Sie den gesamten Spaltenbereich<\/strong> indem Sie auf das Spaltensymbol in der Symbolleiste klicken. Gehen Sie zur Spalte Registerkarte Einstellungen<\/strong>. Sie k\u00f6nnen die Breite<\/strong> der Spalte aus der jeweiligen Option.<\/p>\n\n\n\n

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

Als n\u00e4chstes kommen Sie zum Registerkarte \"Stile<\/strong>. Sie erhalten Optionen zum \u00c4ndern von Textfarbe, Hintergrundfarbe, Typografie und Abmessungen des Blocks.<\/p>\n\n\n\n

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

Wenn Sie den Abschnitt nach unten scrollen, erhalten Sie weitere Optionen zum Hinzuf\u00fcgen Blockabst\u00e4nde<\/strong> und Grenze<\/strong> zum Spaltenblock.<\/p>\n\n\n\n

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

Methode 2: Verwendung des TableBerg Plugins<\/h2>\n\n\n\n

TableBerg ist ein leistungsstarkes Plugin f\u00fcr die Tabellenerstellung, das die Standardl\u00f6sung von WordPress f\u00fcr die Tabellenerstellung aufwertet. Sie k\u00f6nnen mit dem Plugin auch ansprechende Inhaltsboxen erstellen. Schauen wir uns an, wie man das macht.<\/p>\n\n\n\n

Schritt 01: Installieren und aktivieren Sie das TableBerg Plugin<\/h3>\n\n\n\n

Wie bei der obigen Methode, gehen Sie zu Plugins > Neues Plugin hinzuf\u00fcgen<\/strong>. Finden Sie die TableBerg-Plugin<\/strong> indem Sie den Namen in das Suchfeld eingeben. Installieren Sie<\/strong> und aktivieren.<\/strong> es.<\/p>\n\n\n\n

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

Schritt 02: Hinzuf\u00fcgen des TableBerg Blocks zum Editor<\/h3>\n\n\n\n

Das Plugin wird mit einem Block namens TableBerg geliefert. F\u00fcgen Sie ihn zum Editor hinzu.<\/p>\n\n\n\n

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

Wenn Sie an die Erstellung einer Tabelle denken, k\u00f6nnen Sie hier die Anzahl der Zeilen und Spalten wie im Standard-Tabellenblock festlegen.<\/p>\n\n\n\n

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

W\u00e4hlen Sie jedoch Zeile 1 und Spalte 0 aus, da wir ein Inhaltsfeld erstellen. Sie k\u00f6nnen sehen, dass das Layout sofort erstellt wurde.<\/p>\n\n\n\n

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

Schritt 03: Inhalt zur TableBerg Box hinzuf\u00fcgen<\/h3>\n\n\n\n

TableBerg erm\u00f6glicht es Ihnen, verschiedene Arten von Inhalten zu seinen Zeilen und Spalten hinzuzuf\u00fcgen, indem Sie Inhaltsbl\u00f6cke hinzuf\u00fcgen.<\/p>\n\n\n\n

Wenn Sie den Cursor auf das Feld setzen, sehen Sie in der rechten unteren Ecke die Option \"Blockieren\".<\/p>\n\n\n\n

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

W\u00e4hlen Sie einen Block nach dem anderen aus, den Sie der Box hinzuf\u00fcgen m\u00f6chten, um den gew\u00fcnschten Inhalt zu kuratieren. Zuerst f\u00fcgen wir den Bildblock hinzu.<\/p>\n\n\n\n

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

Als n\u00e4chstes sehen Sie, dass wir einen beschreibenden Text \u00fcber das Produkt hinzugef\u00fcgt haben. Wir haben hinzugef\u00fcgt und verwendet die Absatzblock<\/strong> f\u00fcr diese.<\/p>\n\n\n\n

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

Schlie\u00dflich haben wir eine CTA-Schaltfl\u00e4che hinzugef\u00fcgt.<\/p>\n\n\n\n

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

Schritt 04: Anpassen der TableBerg Box<\/h3>\n\n\n\n

Sie k\u00f6nnen jeden Block, den Sie der TableBerg Box hinzugef\u00fcgt haben, einzeln anpassen. Danach k\u00f6nnen Sie die gesamte TableBerg Box anpassen und stilisieren.<\/p>\n\n\n\n

Wir zeigen nicht, wie man die einzelnen Bl\u00f6cke anpasst, da dies die Anleitung zu lang machen w\u00fcrde. Sie k\u00f6nnen es auf unserer Dokumentationsseite sehen.<\/p>\n\n\n\n

W\u00e4hlen Sie das gesamte Feld aus, indem Sie auf das TableBerg-Symbol in der Symbolleiste klicken.<\/p>\n\n\n\n

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

Auf der Registerkarte Einstellungen k\u00f6nnen Sie die gew\u00fcnschte Breite f\u00fcr das Feld festlegen.<\/p>\n\n\n\n

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

Von der Registerkarte \"Stile<\/strong>k\u00f6nnen Sie die Hintergrundfarbe, die Auff\u00fcllung, den Rand und den Abstand der Box anpassen.<\/p>\n\n\n\n

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

So k\u00f6nnen Sie mit dem TableBerg-Plugin eine Kontextbox erstellen.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Methode 3: Verwendung des Ultimate Blocks Plugin<\/h2>\n\n\n\n

Ultimate Blocks ist ein vielversprechendes Content-Marketing-Plugin mit mehr als 25 benutzerdefinierten Bl\u00f6cken, die Ihren Gutenberg-Editor aufpeppen. Es hat mehrere atemberaubende Bl\u00f6cke, mit denen Sie weitere gut aussehende Inhaltsboxen auf Ihrer Website erstellen k\u00f6nnen.<\/p>\n\n\n\n

Schritt 01: Installieren und aktivieren Sie das Ultimate Blocks Plugin<\/h3>\n\n\n\n

Gehe zu Plugins > Neues Plugin hinzuf\u00fcgen<\/strong>. Finden Sie die Ultimate Blocks-Plugin<\/strong> indem Sie den Namen in das Suchfeld eingeben. Installieren Sie<\/strong> und aktivieren.<\/strong> sobald das Plugin unten erscheint.<\/p>\n\n\n\n

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

Schritt 02: F\u00fcgen Sie den Styled Box-Block des Plugins zu Ihrem Gutenberg-Editor hinzu.<\/h3>\n\n\n\n

Das Ultimate Blocks Plugin enth\u00e4lt einen speziellen Block namens Gestaltete Box<\/strong> um Inhaltsboxen zu erstellen. Suchen Sie sie und f\u00fcgen Sie sie dem Editor hinzu.<\/p>\n\n\n\n

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

Der Block bietet Ihnen vier Arten von Feldern. W\u00e4hlen Sie die Box, die Sie f\u00fcr die Anzeige Ihrer Nachricht ben\u00f6tigen. Jedes dieser Felder verf\u00fcgt \u00fcber eine einzigartige Reihe von Funktionen.<\/p>\n\n\n\n

F\u00fcr den Lehrgang w\u00e4hlen wir die Merkmal Box<\/strong>.<\/p>\n\n\n\n

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

Die Feature-Box erm\u00f6glicht es Ihnen, ein Bild, einen Titel und eine Beschreibung hinzuzuf\u00fcgen. Ich hoffe, Sie k\u00f6nnen das selbst tun.<\/p>\n\n\n\n

\"Dinge,<\/figure>\n\n\n\n

Schritt 03: Inhalt zum Block hinzuf\u00fcgen<\/h3>\n\n\n\n

Standardm\u00e4\u00dfig k\u00f6nnen Sie mit dem Block ein Produkt anzeigen und seine Eigenschaften beschreiben. Sie k\u00f6nnen jedoch mehrere Produkte mit dem Block hinzuf\u00fcgen und anzeigen. W\u00e4hlen Sie den Spaltentyp<\/strong> Sie m\u00f6chten festlegen, wie viele Produkte Sie anzeigen m\u00f6chten.<\/p>\n\n\n\n

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

F\u00fcgen Sie nun Inhalte zu den Optionen hinzu, die Sie im Fenster Styled Box-Block<\/strong>.<\/p>\n\n\n\n

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

Wie Sie sehen, haben wir dem Block Inhalte hinzugef\u00fcgt.<\/p>\n\n\n\n

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

Schritt 04: Anpassen und Gestalten des Styled Box Blocks<\/h3>\n\n\n\n

Kommen Sie zum Registerkarte Einstellungen<\/strong>. Von der Option Modus ausw\u00e4hlen<\/strong>k\u00f6nnen Sie das Feld \"Merkmal\" wie oben gezeigt in andere gestaltete Felder \u00e4ndern, z. B. in ein Benachrichtigungsfeld, ein umrandetes Feld oder ein Zahlenfeld.<\/p>\n\n\n\n

Danach, ab dem Option \"Responsive Control<\/strong>k\u00f6nnen Sie die Sperre f\u00fcr einen bestimmten Ger\u00e4tetyp ausblenden.<\/p>\n\n\n\n

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

Als n\u00e4chstes kommen Sie zum Registerkarte \"Stile<\/strong>. Sie k\u00f6nnen die Polsterung<\/strong> und Marge<\/strong> des Blocks auf dieser Registerkarte.<\/p>\n\n\n\n

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

So k\u00f6nnen Sie mit dem Ultimate Blocks-Plugin eine Inhaltsbox erstellen.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Abschlie\u00dfende Anmerkungen!<\/h3>\n\n\n\n

Ultimate Blocks und TableBerg sind zwei multifunktionale Plugins, die darauf abzielen, das Gutenberg-System zu revolutionieren und es den Nutzern zu erm\u00f6glichen, anspruchsvolle Inhalte einfach zu erstellen. <\/p>\n\n\n\n

TableBerg befindet sich noch in der Entwicklungsphase und verspricht, sehr bald mit vielen erweiterten Funktionen aufzuwarten. Auf der anderen Seite ist Ultimate Blocks bereits ein beliebtes Plugin, das von \u00fcber 60.000 Websites weltweit genutzt wird.<\/p>\n\n\n\n

Wenn Sie Fragen dazu haben, k\u00f6nnen Sie uns jederzeit \u00fcber das Kommentarfeld Fragen stellen.<\/p>\n\n\n\n

Lesen Sie auch: <\/strong><\/p>\n\n\n\n