Sch\u00f6ne Tische erstellen <\/strong> Sobald Sie die Plugins auf Ihrer Website installiert haben, folgen Sie der nachstehenden Anleitung.<\/p>\n\n\n\n F\u00fcgen Sie die Tableberg-Block<\/strong> an die Redaktion.<\/p>\n\n\n\n Definieren Sie die Anzahl der Zeilen und Spalten f\u00fcr Ihre Website entsprechend der Anzahl der Featureboxen, die Sie erstellen m\u00f6chten.<\/p>\n\n\n\n Da wir drei Featureboxen erstellen werden, haben wir die Anzahl der Spalten und Zeilen 2*2 gew\u00e4hlt.<\/p>\n\n\n\n Die festgelegte Anzahl von Zeilen und Spalten wurde hinzugef\u00fcgt.<\/p>\n\n\n\n Ein Merkmalskasten ist ohne ein Bild des jeweiligen Produkts bedeutungslos. F\u00fcgen Sie die Bildblock<\/strong> in eine geeignete Zelle.<\/p>\n\n\n\n F\u00fcgen Sie ein Bild in eine geeignete Zelle ein. Sie k\u00f6nnen die Gr\u00f6\u00dfe des Bildes durch Ziehen des runden Symbols \u00e4ndern. <\/p>\n\n\n\n Eine Sternebewertung ist ein intuitiver Weg, um die Qualit\u00e4t und Beliebtheit eines Produkts auszudr\u00fccken. Sie hilft auch bei der Kundenbindung. Also, f\u00fcgen Sie die Sternbewertungsblock<\/strong> auf den Tisch.<\/p>\n\n\n\n Von unter der Registerkarte Einstellungen<\/strong> auf der rechten Seitenleiste k\u00f6nnen Sie Werte f\u00fcr den Block Sternchenbewertung festlegen. Sie k\u00f6nnen sogar die Gr\u00f6\u00dfe des Blocks \u00e4ndern, falls erforderlich.<\/p>\n\n\n\n Mit einer CTA-Schaltfl\u00e4che k\u00f6nnen Sie Nutzer zum Kauf oder zum Besuch der Produktseite motivieren. Also, f\u00fcgen Sie den Knopfleiste<\/strong> unter der Bewertung.<\/p>\n\n\n\n Gehen Sie zum Registerkarte \"Stile<\/strong>, wobei der Schaltfl\u00e4chenblock ausgew\u00e4hlt bleibt. <\/p>\n\n\n\n Von hier aus k\u00f6nnen Sie die Schaltfl\u00e4che\u00a0Textfarbe, Hintergrundfarbe, Gr\u00f6\u00dfe, Polsterung,\u00a0<\/strong>eine<\/span>d Radius nach Bedarf.<\/p>\n\n\n\n Da Sie mehr Platz f\u00fcr die Merkmalsliste und die Beschreibung ben\u00f6tigen, ist es besser, zwei Zellen zusammenzulegen. Zellen ausw\u00e4hlen<\/strong> mit Ihrem Cursor durch Halten der Umschalttaste<\/strong>.<\/p>\n\n\n\n Klicken Sie auf Tabelle bearbeiten<\/strong> in der Symbolleiste. Dr\u00fccken Sie die Option Zusammenf\u00fchren<\/strong> auf der Liste.<\/p>\n\n\n\n F\u00fcgen Sie die Absatzblock<\/strong> zum Schreiben von Text in das Merkmalsfeld.<\/p>\n\n\n\n Es ist besser, die Produktmerkmale in einer Liste darzustellen. F\u00fcgen Sie also die Block mit gestalteter Liste<\/strong>.<\/p>\n\n\n\n Ich hoffe, Sie k\u00f6nnen Ihre Produkteigenschaften wie in der Abbildung unten auflisten. Sie k\u00f6nnen das Listensymbol zu \u00e4ndern und zu vergr\u00f6\u00dfern,<\/strong> und seine Farbe \u00e4ndern<\/strong>.<\/p>\n\n\n\n F\u00fcgen Sie schlie\u00dflich eine kurze Beschreibung Ihres Produkts hinzu, indem Sie den Absatzblock unter der Liste der Merkmale verwenden.<\/p>\n\n\n\n Der Inhalt Ihres Merkmalskastens ist also fertig. Jetzt werden wir die Boxen noch ein wenig anpassen.<\/p>\n\n\n\n Tableberg erm\u00f6glicht die Anpassung sowohl der extern<\/strong> und innere Grenzen<\/strong>. <\/p>\n\n\n\n Gehen Sie zum Registerkarte \"Stile<\/strong>. Scrollen Sie ein wenig nach unten. Sie erhalten dann diese Optionen. Stellen Sie die gew\u00fcnschten Farben ein<\/strong> und Dicke f\u00fcr die R\u00e4nder<\/strong>.<\/p>\n\n\n\n Ein Band ist ein kleines dekoratives Etikett oder Banner, das wichtige Informationen wie Rabatte, Neuzug\u00e4nge usw. hervorhebt. F\u00fcgen Sie das Farbbandblock<\/strong> zur n\u00e4chstgelegenen Zelle.<\/p>\n\n\n\n Auf dem Weg zum Registerkarte Einstellungen<\/strong>schreiben Sie eine Farbbandkopie<\/strong> und fixieren seine Position<\/strong> auf das Merkmalsfeld.<\/p>\n\n\n\n Gehen Sie schlie\u00dflich zum Registerkarte \"Stile<\/strong>. <\/p>\n\n\n\n W\u00e4hlen Sie die Text<\/strong> und Hintergrundfarbe<\/strong> f\u00fcr das Farbband.<\/p>\n\n\n\n Rufen Sie die Vorschauseite auf. Sie werden sehen, dass die Funktion gut funktioniert.<\/p>\n\n\n\n Ich hoffe, dieser Artikel hat Ihnen gefallen. Sie k\u00f6nnen mehr Entw\u00fcrfe mit dem Tableberg-Plugin machen. Sehen Sie sich zum Beispiel zwei weitere Beitr\u00e4ge an, bevor Sie den Artikel beenden. Diese Beitr\u00e4ge sind:<\/p>\n\n\n\n Wenn Sie eine Frage zum Plugin haben, lassen Sie es uns bitte \u00fcber das Kommentarfeld wissen. Wir werden uns sehr bald mit einer zufriedenstellenden Antwort bei Ihnen melden.<\/p>","protected":false},"excerpt":{"rendered":" A feature box is a designed area on a web page that draws attention to specific content, products, and services. Feature boxes are designed with elements like images, icons, concise text, and buttons. Tableberg is a multipurpose table-builder plugin. It can help you create wonderful layouts for your feature boxes. In this tutorial post, we’ll […]<\/p>\n","protected":false},"author":1,"featured_media":3189,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,109,102],"class_list":["post-3138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-customize-web-pages","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/How-to-Add-Feature-Boxes-in-WordPress-website.webp","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\/3138","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=3138"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3138\/revisions"}],"predecessor-version":[{"id":9030,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3138\/revisions\/9030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/3189"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=3138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=3138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=3138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Mit Block-Editor<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nSchritt 01: Hinzuf\u00fcgen des Tableberg-Blocks zum Editor<\/h2>\n\n\n\n
![\"F\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\")
<\/figure>\n\n\n\n![\"Festlegen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp\")
<\/figure>\n\n\n\n![\"Zeilen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Rows-and-columns-are-added.webp\")
<\/figure>\n\n\n\nSchritt 02: Hinzuf\u00fcgen eines Produktbildes zur Box<\/h2>\n\n\n\n
![\"Ein](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-Product-Image-to-the-Box-1.webp\")
<\/figure>\n\n\n\n![\"Gr\u00f6\u00dfe](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Resize-image-into-the-feature-box.webp\")
<\/figure>\n\n\n\nSchritt 03: Eine Sternbewertung hinzuf\u00fcgen<\/h2>\n\n\n\n
![\"Hinzuf\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-star-rating-to-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"Eingestellter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-value-for-the-Star-Rating-block.webp\")
<\/figure>\n\n\n\nSchritt 04: Hinzuf\u00fcgen einer CTA-Schaltfl\u00e4che<\/h2>\n\n\n\n
![\"Hinzuf\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-CTA-Button-to-the-Feature-Box.webp\")
<\/figure>\n\n\n\n![\"Anpassen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Customize-the-button-on-the-feature-box.webp\")
<\/figure>\n\n\n\nSchritt 05: Hinzuf\u00fcgen der Merkmalsliste und Beschreibung<\/h2>\n\n\n\n
![\"Zellen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Merge-cells-for-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"F\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-the-Paragraph-block-to-the-feature-box-to-add-text.webp\")
<\/figure>\n\n\n\n![\"Hinzuf\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-the-feature-list-to-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"Listen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/List-your-product-features.webp\")
<\/figure>\n\n\n\n![\"F\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-short-description-about-your-product.webp\")
<\/figure>\n\n\n\nSchritt 06: Anpassen der R\u00e4nder der Merkmalsfelder<\/h2>\n\n\n\n
![\"Anpassen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Customize-the-Feature-Box-Borders.webp\")
<\/figure>\n\n\n\nSchritt 07: Farbband zur Feature-Box hinzuf\u00fcgen<\/h2>\n\n\n\n
![\"Farbband](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-Ribbon-to-the-Feature-Box.webp\")
<\/figure>\n\n\n\n![\"Einstellen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-the-ribbon-text-and-its-position-on-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"W\u00e4hlen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-color-the-ribbon.webp\")
<\/figure>\n\n\n\nSchritt 08: Vorschau der Feature-Box<\/h2>\n\n\n\n
![\"Vorschau](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Preview-the-Feature-Box.webp\")
<\/figure>\n\n\n\nSchlussfolgerung<\/h2>\n\n\n\n
\n