{"id":1372,"date":"2024-05-12T11:55:33","date_gmt":"2024-05-12T11:55:33","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1372"},"modified":"2024-06-22T23:31:55","modified_gmt":"2024-06-22T23:31:55","password":"","slug":"wie-man-ribbons-zu-wordpress-tabellen-hinzufugt","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/de\/docs\/how-to-add-ribbons-to-wordpress-tables\/","title":{"rendered":"B\u00e4nder Block"},"content":{"rendered":"<p>Der Ribbon-Block \u00fcberlagert den Inhalt mit einem dekorativen Strich. Er wird verwendet, um die Aufmerksamkeit der Besucher auf bestimmte Informationen zu lenken, z. B. Merkmale, Rabatte, Sonderangebote, meistverkaufte Artikel, Verkaufsexemplare usw.<\/p>\n\n\n\n<p>Wenn Sie den Ribbon-Block zu einer Tabelle hinzuf\u00fcgen, k\u00f6nnen Sie einige Zellen von anderen abheben. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TischBerg\">TischBerg<\/a> bietet eine einfache und leichte M\u00f6glichkeit, Ribbons zu Ihren Tabellen in WordPress hinzuzuf\u00fcgen.<\/p>\n\n\n\n<p>Dieser Dokumentationsbeitrag zeigt Ihnen, wie Sie Ribbons zu WordPress-Tabellen hinzuf\u00fcgen k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 01: Finden und Hinzuf\u00fcgen des Ribbon Blocks zur Tabelle<\/h2>\n\n\n\n<p>TableBerg enth\u00e4lt mehrere Bl\u00f6cke, um gut funktionierende Tabellen zu erstellen. Ribbon ist einer von ihnen. Finden Sie und f\u00fcgen Sie die <strong>Farbbandblock<\/strong> in die gew\u00fcnschte Zelle, indem Sie auf die Schaltfl\u00e4che <strong>Plus-Taste (+)<\/strong>.<\/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\/Find-and-Add-the-Ribbon-Block-to-the-Table.webp\" alt=\"Suchen und Hinzuf\u00fcgen des Farbbandblocks zur Tabelle\" class=\"wp-image-1373\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Die <strong>Farbbandblock<\/strong> wird der Zelle in einer einzigen hinzugef\u00fcgt.<\/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\/SCR-20240512-omqp.png\" alt=\"Der Ribbon-Block wird der Tabelle hinzugef\u00fcgt\" class=\"wp-image-1374\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-768x392.png 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 Ribbon Blocks<\/h2>\n\n\n\n<p>Sie finden zahlreiche Optionen zum \u00c4ndern der Einstellungen des Ribbon-Blocks unter dem Men\u00fcpunkt <strong>Registerkarte Einstellungen<\/strong> in der rechten Seitenleiste. <\/p>\n\n\n\n<p>Sie finden dort folgende Optionen <strong>Farbbandtyp, Farbbandtext, Seite, Abstand,<\/strong> und <strong>Gr\u00f6\u00dfe<\/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\/Configure-Settings-of-the-Ribbon-Block-1024x523.webp\" alt=\"Einstellungen des Ribbon-Blocks konfigurieren\" class=\"wp-image-1375\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(1.146rem, 1.146rem + ((1vw - 0.2rem) * 1.113), 1.8rem);\"><strong># \u00c4ndern des Farbbandtyps<\/strong><\/p>\n\n\n\n<p>Gehen Sie zum <strong>Option Farbbandtyp<\/strong> unter dem <strong>Registerkarte Einstellungen<\/strong>. Klicken Sie auf das Dropdown-Symbol darunter. Es gibt vier Optionen - <strong>Lesezeichen, Ecke, Seite, <\/strong>und <strong>Icon<\/strong>. Wenn Sie diese Optionen ausw\u00e4hlen, k\u00f6nnen Sie den Farbbandtyp leicht \u00e4ndern.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-type.mp4\"><\/video><\/figure>\n\n\n\n<p style=\"font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 1.074), 28px);\"><strong># \u00c4ndern des Farbbandtextes<\/strong> <strong>und Gr\u00f6\u00dfe<\/strong><\/p>\n\n\n\n<p>Gehen Sie zum <strong>Farbbandtext<\/strong> Option. Schreiben Sie die gew\u00fcnschte Kopie in das Feld darunter. Sie werden sehen, dass sich die Kopie der Multifunktionsleiste in der Tabelle \u00e4ndert.<\/p>\n\n\n\n<p>Als n\u00e4chstes, vom <strong>Gr\u00f6\u00dfe <\/strong>k\u00f6nnen Sie die Gr\u00f6\u00dfe des Textes in der Multifunktionsleiste erh\u00f6hen.<\/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\/Change-the-Ribbon-Text-and-Size-1024x523.webp\" alt=\"\" class=\"wp-image-1377\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 1.074), 28px);\"><strong># \u00c4ndern Sie die Seite und den Abstand<\/strong><\/p>\n\n\n\n<p>Die Verwendung des <strong>Seite<\/strong> k\u00f6nnen Sie den Ribben sowohl auf der rechten als auch auf der linken Seite anzeigen lassen.<\/p>\n\n\n\n<p>Wenn die Ribbon-Kopie in zwei Zeilen erscheint, k\u00f6nnen Sie durch Erh\u00f6hen der <strong>Entfernung<\/strong>k\u00f6nnen Sie die Kopie in einer Zeile bringen.<\/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-Side-and-Distance.webp\" alt=\"\u00c4ndern Sie die Seite und den Abstand\" class=\"wp-image-1378\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 03: Stilisierung des Bandblocks<\/h2>\n\n\n\n<p>Gehen Sie zum <strong>Registerkarte \"Stile<\/strong>. Sie k\u00f6nnen den Text und die Hintergrundfarbe des Ribbon-Blocks \u00e4ndern.<\/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-Ribbon-Block.webp\" alt=\"Den Farbbandblock stilisieren\" class=\"wp-image-1379\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Jetzt ist Ihre Tabelle bereit, der Zelle, in die Sie den Ribbon-Block eingef\u00fcgt haben, Inhalt hinzuzuf\u00fcgen. Ich hoffe, Sie k\u00f6nnen den Rest selbst erledigen.<\/p>\n\n\n\n<p>Wie die Multifunktionsleiste k\u00f6nnen Sie Ihre Tabelle mit dem Icon-Block aufmerksamkeitsstark gestalten. Hier finden Sie eine Dokumentation \u00fcber <a href=\"https:\/\/tableberg.com\/de\/docs\/tableberg-one\/tischberg\/wie-man-symbole-zu-wordpress-tabellen-hinzufugt\/\" target=\"_blank\" rel=\"noopener\" title=\"wie Sie den Icon-Block in Ihre WordPress-Tabelle einf\u00fcgen\">wie Sie den Icon-Block in Ihre WordPress-Tabelle einf\u00fcgen<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Ribbon block overlays content with a decorative strike. It is used to draw visitors&#8217; attention to specific information, like features, discounts, promotions, top-selling items, sales copies, etc. By adding the Ribbon block to a table, you can make some of its cells stand out from others. TableBerg provides a simple and easy way to [&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,81],"class_list":["post-1372","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-icon-block","doc_tag-ribbon-block"],"year_month":"2026-04","word_count":363,"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":"Icon Block","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/icon-block\/"},{"term_name":"Ribbon Block","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/ribbon-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1372","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=1372"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1372\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1372\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=1372"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_category?post=1372"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}