{"id":1353,"date":"2024-05-12T02:50:37","date_gmt":"2024-05-12T02:50:37","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1353"},"modified":"2025-06-29T15:44:46","modified_gmt":"2025-06-29T15:44:46","password":"","slug":"wie-man-symbole-zu-wordpress-tabellen-hinzufugt","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/de\/docs\/how-to-add-icons-to-wordpress-tables\/","title":{"rendered":"Icons Block"},"content":{"rendered":"<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Hinzuf\u00fcgen von Symbolen zu einer Tabelle in WordPress mit Tableberg\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/obP04Z5ILxs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Icons sind grafische Elemente, die in erg\u00e4nzenden Textinhalten verwendet werden. Sie helfen beim schnellen Verst\u00e4ndnis und bei der Navigation. Mit ihnen k\u00f6nnen Sie die Aufmerksamkeit der Leser auf eine Meldung lenken, wichtige Punkte hervorheben, auf wichtige Aktionen hinweisen und vieles mehr.<\/p>\n\n\n\n<p>Mit dem <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TischBerg\">TischBerg<\/a> Plugin k\u00f6nnen Sie Ihren WordPress-Tabellen ganz einfach eine gute Sammlung von Symbolen hinzuf\u00fcgen. Dieser Beitrag wird Ihnen zeigen, wie das geht. Beginnen wir also mit der Diskussion dar\u00fcber, wie man Icons zu WordPress-Tabellen hinzuf\u00fcgt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 01: Suchen und Hinzuf\u00fcgen des Icon-Blocks zur Tabelle<\/h2>\n\n\n\n<p>Setzen Sie den Cursor auf die Zelle, in der Sie den Block hinzuf\u00fcgen m\u00f6chten. Suchen Sie dann, wie bei jedem Gutenberg-Block, den <strong>Icon-Block<\/strong> und f\u00fcgen Sie es der Zelle hinzu, indem Sie die Taste <strong>Plus-Taste (+)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-1024x523.webp\" alt=\"Suchen und Hinzuf\u00fcgen des Icon-Blocks zur Tabelle\" class=\"wp-image-1354\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sie sehen, dass der Icon-Block der Tabelle hinzugef\u00fcgt wurde.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-block-is-added.webp\" alt=\"Der Icon-Block wird hinzugef\u00fcgt\" class=\"wp-image-1355\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-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 der Einstellungen des Icon-Blocks<\/h2>\n\n\n\n<p>Sie k\u00f6nnen dieses Symbol als einen Absatz oder ein Zeichen aus der <strong>Benehmen als Option<\/strong> unter dem <strong>Registerkarte \"Einstellungen<\/strong>.<\/p>\n\n\n\n<p>Als n\u00e4chstes k\u00f6nnen Sie die <strong>Icon Gr\u00f6\u00dfe<\/strong> und <strong>Drehung<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1356\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 03: \u00c4ndern des Symbols aus der Symbolbibliothek<\/h2>\n\n\n\n<p>Bl\u00e4ttern Sie auf der Seite ein wenig nach unten. Sie erhalten dann die <strong>Icon-Option<\/strong> von wo aus Sie das Standardsymbol in das von Ihnen gew\u00fcnschte \u00e4ndern k\u00f6nnen.<\/p>\n\n\n\n<p>Sie k\u00f6nnen Icons aus der Bibliothek ausw\u00e4hlen oder per URL importieren.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library.webp\" alt=\"\u00c4ndern des Symbols aus der Symbolbibliothek\" class=\"wp-image-1357\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 04: Stilisierung des Icon-Blocks<\/h2>\n\n\n\n<p>Sobald Sie die Einstellungen vorgenommen haben, rufen Sie die Seite <strong>Registerkarte \"Stile<\/strong>. Sie k\u00f6nnen die <strong>Farbe des Symbols, Hover-Farbe, Abmessungen, Marine, Rahmen,<\/strong> und <strong>Radius<\/strong> des Blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block.webp\" alt=\"Den Icon-Block stilisieren\" class=\"wp-image-1358\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen wir haben Stilisierungen auf den Block angewendet.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block.webp\" alt=\"Auf den Icon-Block angewendete Stilisierungen\" class=\"wp-image-1359\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Mit dem Icon-Block k\u00f6nnen Sie komplexe Informationen effektiv vermitteln, die Navigation erleichtern und visuell ansprechende Tabellen erstellen, die Besucher fesseln und informieren.<\/p>\n\n\n\n<p>Bevor Sie diesen Artikel schlie\u00dfen, k\u00f6nnen Sie sich diese Dokumentation unter <a href=\"https:\/\/tableberg.com\/de\/docs\/tableberg-one\/tischberg\/wie-man-gestylte-listen-in-wordpress-tabellen-hinzufugt\/\" target=\"_blank\" rel=\"noopener\" title=\"Hinzuf\u00fcgen von Styled Lists zu WordPress-Tabellen\">Hinzuf\u00fcgen von Styled Lists zu WordPress-Tabellen<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Icons are some graphical elements that are used in complementary textual content. They aid in quick comprehension and navigation. Using them, you can draw readers&#8217; attention to a notification, highlight important points, signify important actions, and others. With the TableBerg plugin, you can easily add a good collection of icons to your WordPress tables. This [&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":[78,46,54],"class_list":["post-1353","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-icon-block","doc_tag-list-block","doc_tag-table-borders"],"year_month":"2026-04","word_count":298,"total_views":"0","reactions":{"happy":"1","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":"Icon Block","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/icon-block\/"},{"term_name":"List Block","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/list-block\/"},{"term_name":"Table Borders","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/table-borders\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1353","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=1353"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1353\/revisions"}],"predecessor-version":[{"id":9877,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1353\/revisions\/9877"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=1353"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_category?post=1353"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}