{"id":1340,"date":"2024-05-11T17:08:03","date_gmt":"2024-05-11T17:08:03","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1340"},"modified":"2024-06-22T23:07:46","modified_gmt":"2024-06-22T23:07:46","password":"","slug":"wie-man-gestylte-listen-in-wordpress-tabellen-hinzufugt","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/de\/docs\/how-to-add-styled-lists-in-wordpress-tables\/","title":{"rendered":"Block mit gestalteter Liste"},"content":{"rendered":"<p>Mit dem Block \"Gestaltete Liste\" k\u00f6nnen Sie Ihre Informationen in einer visuell ansprechenden Art und Weise pr\u00e4sentieren, die f\u00fcr die Leser verst\u00e4ndlich ist. Dieser Block wird in verschiedenen Abschnitten einer Website verwendet, um Produkteigenschaften, Vorteile, Serviceangebote und mehr zu erkl\u00e4ren.<\/p>\n\n\n\n<p>Sie k\u00f6nnen diesen Block auch zu WordPress-Tabellen hinzuf\u00fcgen, um Vergleiche, Spezifikationen und andere Arten von Tabellen zu erstellen. In diesem Dokument zeigen wir Ihnen, wie Sie gestaltete Listen in WordPress-Tabellen hinzuf\u00fcgen k\u00f6nnen, indem Sie die <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TischBerg\">TischBerg<\/a> Plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 01: Hinzuf\u00fcgen des Blocks mit der gestalteten Liste zur Tabelle<\/h2>\n\n\n\n<p>Angenommen, wir wollen die Eigenschaften eines Produkts in einer Tabelle mit Hilfe des Blocks darstellen. Setzen Sie den Cursor auf die Zelle, in die Sie den Block einf\u00fcgen m\u00f6chten.<\/p>\n\n\n\n<p>Dr\u00fccken Sie die <strong>Plus-Taste (+)<\/strong> und finden Sie die <strong>Block mit gestalteter Liste<\/strong>. F\u00fcgen Sie den Block in die Zelle ein.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table.webp\" alt=\"Hinzuf\u00fcgen des Blocks mit der gestalteten Liste zur Tabelle\" class=\"wp-image-1341\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Die <strong>Block mit gestalteter Liste<\/strong> wird der Zelle in einer Sekunde hinzugef\u00fcgt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added.webp\" alt=\"Der Block Styled List wird hinzugef\u00fcgt\" class=\"wp-image-1342\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 02: Konfigurieren Sie die Einstellungen des Styled List Blocks<\/h2>\n\n\n\n<p>Bevor Sie Inhalte hinzuf\u00fcgen, k\u00f6nnen Sie die Einstellungen des <strong>Block mit gestalteter Liste<\/strong>. Sie k\u00f6nnen die <strong>Einr\u00fcckung der Listeneintr\u00e4ge, Abstand der Eintr\u00e4ge,<\/strong> und <strong>vertikale Ausrichtung<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1343\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Das TableBerg-Plugin umfasst <strong>270+ Ikonen<\/strong> f\u00fcr den Block Stil-Liste. Um das Listensymbol zu \u00e4ndern, klicken Sie neben dem <strong>Option \"Symbol\" ausw\u00e4hlen<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-1024x523.webp\" alt=\"\" class=\"wp-image-1344\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>W\u00e4hlen Sie ein Symbol f\u00fcr den Block \"Gestaltete Liste\" aus der Sammlung aus. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection.webp\" alt=\"W\u00e4hlen Sie ein Symbol f\u00fcr den Block &quot;Gestaltete Liste&quot; aus der Sammlung\" class=\"wp-image-1345\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen auch die <strong>Gr\u00f6\u00dfe der Symbole, Abstand zwischen den Symbolen,<\/strong> und <strong>Schriftgr\u00f6\u00dfe<\/strong> f\u00fcr den Block \"Gestaltete Liste\".<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block.webp\" alt=\"Symbolgr\u00f6\u00dfe und -abstand f\u00fcr den Block &quot;Gestaltete Liste&quot; festlegen\" class=\"wp-image-1346\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 03: Inhalt zum gestalteten Listenblock hinzuf\u00fcgen<\/h2>\n\n\n\n<p>F\u00fcgen Sie nun den gew\u00fcnschten Listeninhalt in den Block \"Gestaltete Liste\" ein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block.webp\" alt=\"Inhalt zum Block &quot;Gestaltete Liste&quot; hinzuf\u00fcgen\" class=\"wp-image-1347\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 04: Stilisierung des Blocks mit gestalteter Liste<\/h2>\n\n\n\n<p>Gehen Sie zum <strong>Gestaltete Registerkarte<\/strong>. Sie erhalten Optionen zum Anpassen der <strong>Symbol<\/strong> und <strong>Textfarbe<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress.webp\" alt=\"Schrotpfeil\" class=\"wp-image-1348\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Auf die gleiche Weise k\u00f6nnen Sie den Block \"Gestaltete Liste\" auch zu den anderen Zeilen der Tabelle hinzuf\u00fcgen. Ich hoffe, Sie k\u00f6nnen es selbst tun.<\/p>\n\n\n\n<p>Bevor Sie die Dokumentation verlassen, sollten Sie sich ein paar Minuten Zeit nehmen, um dieses Dokument zu lesen <a href=\"https:\/\/tableberg.com\/de\/docs\/tableberg-one\/tischberg\/wie-man-in-wordpress-eine-sternebewertung-hinzufugt\/\" target=\"_blank\" rel=\"noopener\" title=\"wie man Sternebewertungen in WordPress-Tabellen hinzuf\u00fcgt\">wie man Sternebewertungen in WordPress-Tabellen hinzuf\u00fcgt<\/a>.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>The Styled List block allows you to present your information in a visually appealing way that readers can digest. This block is used in various sections of a website to explain product features, benefits, service offerings, and more. You can add this block to WordPress tables as well to create comparisons, specifications, and other type [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[46,77],"class_list":["post-1340","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-list-block","doc_tag-styled-list"],"year_month":"2026-04","word_count":312,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/de\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"List Block","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/list-block\/"},{"term_name":"Styled List","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/styled-list\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"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=1340"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1340\/revisions"}],"predecessor-version":[{"id":1824,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1340\/revisions\/1824"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_category?post=1340"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}