In diesem Artikel wird erkl\u00e4rt, wie man eine Schaltfl\u00e4che zu einem Tabellenblock in WordPress hinzuf\u00fcgt und ihn ansprechend gestaltet.<\/p>\n\n\n\n
Sch\u00f6ne Tische erstellen <\/strong> Gehen Sie zu Ihrem WordPress-Dashboard. Navigieren Sie zu Dashboard > Plugins > Neues Plugin hinzuf\u00fcgen<\/strong>.<\/p>\n\n\n\n Typ Tischberg<\/strong> in das Suchfeld in der oberen rechten Ecke ein. Das Plugin wird in einer Sekunde unten erscheinen. Installieren Sie<\/strong> und Aktivieren Sie<\/strong> es.<\/p>\n\n\n\n \u00d6ffnen Sie den Beitrag oder die Seite, zu der Sie die Tabelle hinzuf\u00fcgen m\u00f6chten. Klicken Sie auf das Plus-Symbol (+)<\/strong> um den Gutenberg-Editor zu \u00f6ffnen.<\/p>\n\n\n\n Typ Tischberg<\/strong> in das Suchfeld ein. Dr\u00fccken Sie den Block, nachdem er unten erscheint.<\/p>\n\n\n\n Definieren Sie Zeilen- und Spaltennummern f\u00fcr die Tabelle. Wie Sie in der Abbildung unten sehen k\u00f6nnen, haben wir 4 Zeilen und Spalten f\u00fcr unsere Tabelle definiert.<\/p>\n\n\n\n Klicken Sie mit dem Cursor auf eine beliebige Zelle der Tabelle. Sie sehen dann ein plus (+)<\/strong> Symbol erscheint. Wenn Sie auf das Plus-Symbol klicken, erhalten Sie vier verschiedene Bl\u00f6cke, von denen Sie jeden in jede Zelle einf\u00fcgen k\u00f6nnen.<\/p>\n\n\n\n Sie erhalten den Schaltfl\u00e4chenblock in dieser Blocksammlung. <\/p>\n\n\n\n Wie Sie sehen, haben wir alle erforderlichen Inhalte (Bild, Liste, Bewertung und Preis) in die Tabelle eingef\u00fcgt, indem wir entsprechende Bl\u00f6cke verwendet haben.<\/p>\n\n\n\n W\u00e4hlen Sie die Schaltfl\u00e4che aus. Klicken Sie auf die Link<\/strong> in der Symbolleiste, um den gew\u00fcnschten Beitrag oder die gew\u00fcnschte Seite mit der Schaltfl\u00e4che zu verkn\u00fcpfen.<\/p>\n\n\n\n Gehen Sie zum Stile<\/strong> in der rechten Seitenleiste. Sie erhalten verschiedene Anpassungsoptionen wie Typografie, Umrandung, Farbe, <\/strong>und Farbe des Schwebezustandes.<\/strong><\/p>\n\n\n\n Nehmen Sie die erforderlichen Anpassungen nach Ihren W\u00fcnschen vor.<\/p>\n\n\n\n Rufen Sie nun das Frontend des Beitrags oder der Seite auf und sehen Sie sich die von Ihnen erstellte Tabelle an. Wenn das Design und das Layout nicht den Anforderungen entsprechen, gehen Sie erneut zum Editor und nehmen Sie die notwendigen Anpassungen vor.<\/p>\n\n\n\n Das TableBerg-Plugin verf\u00fcgt derzeit \u00fcber vier Bl\u00f6cke. Aber unsere Entwickler arbeiten st\u00e4ndig daran, in den kommenden Tagen noch weitere atemberaubende Bl\u00f6cke hinzuzuf\u00fcgen, um Ihre Erfahrung bei der Tabellenerstellung zu verbessern.<\/p>\n\n\n\n Bleiben Sie auf dem Laufenden, um \u00fcber unsere kommenden Ver\u00f6ffentlichungen und neue Ank\u00fcndigungen informiert zu werden.<\/p>\n\n\n\n Lesen Sie auch: <\/p>\n\n\n\n Tables are usually used to organize and present information in a structured way. By adding buttons to the table, you can often trigger users to explore new posts and pages or buy respective products and services. But the default WordPress table doesn\u2019t have the option to add buttons. Tableberg is a wonderful plugin to solve […]<\/p>\n","protected":false},"author":1,"featured_media":1673,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-Button-to-a-Table-in-WordPress.png","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\/155","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=155"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":7454,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/155\/revisions\/7454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/1673"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=155"}],"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 1: Installieren Sie das Tableberg-Plugin<\/h2>\n\n\n\n
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\")
<\/figure>\n\n\n\nSchritt 2: F\u00fcgen Sie den Tableberg-Block zu Ihrem Beitrag\/Ihrer Seite hinzu<\/h2>\n\n\n\n
![\"TableBerg](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page.png\")
<\/figure>\n\n\n\nSchritt 3: W\u00e4hlen Sie die Anzahl der Zeilen und Spalten<\/h2>\n\n\n\n
![\"Definieren](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table.png\")
<\/figure>\n\n\n\nSchritt 4: Hinzuf\u00fcgen einer Schaltfl\u00e4che in die Tabellenzelle<\/h2>\n\n\n\n
![\"Schaltfl\u00e4che](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells.png\")
<\/figure>\n\n\n\nSchritt 5: Weitere Tabelleninhalte hinzuf\u00fcgen <\/h2>\n\n\n\n
![\"Inhalt](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table.png\")
<\/figure>\n\n\n\nSchritt 6: Stylen Sie den Button auf dem Tisch<\/h2>\n\n\n\n
![\"Stilisieren](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table.png\")
<\/figure>\n\n\n\nSchritt 7: Vorschau der Tabelle<\/h2>\n\n\n\n
![\"Vorschau](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table.png\")
<\/figure>\n\n\n\n
\n\n\n\nSchlussfolgerung<\/h3>\n\n\n\n
\n