{"id":1440,"date":"2025-02-10T15:05:10","date_gmt":"2025-02-10T15:05:10","guid":{"rendered":"https:\/\/tableberg.com\/?p=1440"},"modified":"2025-04-03T14:01:59","modified_gmt":"2025-04-03T14:01:59","slug":"wie-man-ein-bild-zu-einer-tabelle-in-wordpress-hinzufugt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-add-an-image-to-a-table-in-wordpress\/","title":{"rendered":"Wie man ein Bild zu einer Tabelle in WordPress hinzuf\u00fcgt"},"content":{"rendered":"<p>Visuelle Inhalte sind zweifellos entscheidend, um Nutzer zu fesseln. Egal, ob Sie Blogger, Affiliate, eCommerce-Besitzer oder sonst etwas sind, Sie m\u00fcssen aus verschiedenen Gr\u00fcnden grafische Inhalte hinzuf\u00fcgen.<\/p>\n\n\n\n<p>Bilder sind einer dieser wichtigen grafischen Inhalte. Viele Benutzer wissen noch nicht, wie man Bilder zu WordPress-Tabellen hinzuf\u00fcgt. Aber durch das Hinzuf\u00fcgen von Bildern zur Tabelle k\u00f6nnen Sie leicht verschiedene Arten von Tabellen erstellen, wie <a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-vergleichstabelle-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vergleich<\/a>, <a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-produktspezifikationstabelle-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Produktspezifikation<\/a>, <a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-preistabelle-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Preistabellen<\/a>, usw.<\/p>\n\n\n\n<p>In diesem Artikel zeigen wir Ihnen zwei einfache Methoden, wie Sie ein Bild zu einer Tabelle in WordPress hinzuf\u00fcgen k\u00f6nnen. Legen wir los!<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-c778cfdd-dcae-449c-aecb-8213a0447030\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-9afa66e4-add9-4608-a09d-0f0e928ad611\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path fill=\"#000000\" d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Methode 1:<\/strong> <a href=\"#Using-the-Default-Table-Block\">Verwendung des Standard-Tabellenblocks<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-df660d11-266d-4a92-9091-af2bca1ea7f9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path fill=\"#000000\" d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Methode 2<\/strong>: <a href=\"#Using-the-Tableberg-Block\" target=\"_blank\" rel=\"noreferrer noopener\">Verwendung des Tableberg-Blocks<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Kostenlos ausprobieren<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Default-Table-Block\">Methode 1: Verwendung des Standard-Tabellenblocks<\/h2>\n\n\n\n<p>Der Standard <a href=\"https:\/\/tableberg.com\/de\/wie-man-den-wordpress-block-editor-benutzt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg-Block-Editor<\/a> verf\u00fcgt \u00fcber die Option Inline-Bild, die Sie in der Symbolleiste finden. Mit der Option <a href=\"https:\/\/tableberg.com\/de\/wie-man-ein-inline-bild-in-wordpress-einfugt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Option Inline-Bild<\/a>k\u00f6nnen Sie ganz einfach Bilder zu Ihren WordPress-Tabellen hinzuf\u00fcgen. <\/p>\n\n\n\n<p>Der Ablauf ist folgenderma\u00dfen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Hinzuf\u00fcgen des Tabellenblocks zum Editor<\/h3>\n\n\n\n<p>\u00d6ffnen Sie einen Beitrag oder eine Seite, zu der Sie die Tabelle hinzuf\u00fcgen m\u00f6chten. F\u00fcgen Sie die <strong>Tischblock<\/strong> an die Redaktion.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor.webp\" alt=\"Hinzuf\u00fcgen des Tabellenblocks zum Editor\" class=\"wp-image-1441\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Definieren Sie die Anzahl der Zeilen und Spalten.<\/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\/01\/Set-22-rows-and-columns.webp\" alt=\"Definieren Sie die Anzahl der Zeilen und Spalten\" class=\"wp-image-482\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Die Tabelle wird in wenigen Sekunden erstellt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp\" alt=\"Standardtabelle wird erstellt\" class=\"wp-image-1442\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Verwenden Sie die Option \"Inline Image\" f\u00fcr die Tabelle<\/h3>\n\n\n\n<p>Setzen Sie den Cursor auf die Zelle, in die Sie ein Bild einf\u00fcgen m\u00f6chten. Die Symbolleiste wird eingeblendet.<\/p>\n\n\n\n<p>Klicken Sie auf die <strong>Mehr Optionen<\/strong> in der Symbolleiste. Suchen und dr\u00fccken Sie <strong>Inline-Bild<\/strong> auf der Liste.<\/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\/Add-the-Inline-Image-Option-to-the-Table-1024x523.webp\" alt=\"\" class=\"wp-image-1443\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table.webp 1279w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: Ein Bild ausw\u00e4hlen und hinzuf\u00fcgen<\/h3>\n\n\n\n<p>Sie k\u00f6nnen ein Bild aus der Mediathek hinzuf\u00fcgen oder es von Ihrem lokalen Laufwerk hochladen. W\u00e4hlen Sie das gew\u00fcnschte Bild aus. Klicken Sie auf die Schaltfl\u00e4che <strong>Schaltfl\u00e4che ausw\u00e4hlen<\/strong> am Ende.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp\" alt=\"Ein Bild ausw\u00e4hlen und hinzuf\u00fcgen\" class=\"wp-image-1180\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Das Bild wird in einer Sekunde hinzugef\u00fcgt. Jetzt k\u00f6nnen Sie es vergr\u00f6\u00dfern, indem Sie seine Breite \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=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image.png\" alt=\"Breite f\u00fcr das Inline-Bild festlegen\" class=\"wp-image-1444\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-768x393.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>F\u00fcgen Sie in \u00e4hnlicher Weise ein neues Bild in die andere Spalte ein, indem Sie die gleiche Option Inline-Bild verwenden.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table.webp\" alt=\"Inline-Bild zu einer Tabelle hinzuf\u00fcgen\" class=\"wp-image-1445\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7a241c92-fa6f-4649-9f97-ddbc8696c721\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Tableberg-Block\">Methode 2: Verwendung des Tableberg-Blocks<\/h2>\n\n\n\n<p><a title=\"TischBerg\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\">Tischberg<\/a> ist ein funktionsreiches und einsteigerfreundliches Tabellenerstellungs-Plugin. Mit diesem Plugin k\u00f6nnen Sie auch Tabellen erstellen und Bilder zu ihren Zellen hinzuf\u00fcgen. Wir haben den Prozess unten erkl\u00e4rt.<\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#ffeec9\"><strong>Hinweis<\/strong>: Vergewissern Sie sich, dass Sie <a href=\"https:\/\/tableberg.com\/de\/docs\/wie-man-das-tableberg-plugin-installiert\/\" target=\"_blank\" rel=\"noreferrer noopener\">das Tableberg-Plugin installiert und aktiviert<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: Hinzuf\u00fcgen des Tableberg-Blocks zum Editor<\/h3>\n\n\n\n<p>Suchen Sie und f\u00fcgen Sie die <strong>Tableberg-Block<\/strong> in den Editor. Der Block funktioniert auf die gleiche Weise wie der Standard-Tabellenblock (siehe oben).<\/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\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp\" alt=\"Finden Sie den TableBerg-Block und f\u00fcgen Sie ihn zu Ihrem Gutenberg-Editor hinzu\" class=\"wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Definieren Sie die Zeilen- und Spaltennummer.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp\" alt=\"\" class=\"wp-image-1031\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Die Gliederung der Tabelle ist fertig.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp\" alt=\"Die Gliederung der Tabelle ist fertig\" class=\"wp-image-1442\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Hinzuf\u00fcgen des Bildblocks zur Tabelle<\/h3>\n\n\n\n<p>Tableberg umfasst die <strong><a href=\"https:\/\/tableberg.com\/de\/docs\/wie-man-bilder-zu-einer-tabelle-in-wordpress-hinzufugt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bildblock<\/a><\/strong>. Sie funktioniert \u00e4hnlich wie die <a href=\"https:\/\/tableberg.com\/de\/wie-man-den-bildblock-in-wordpress-verwendet\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-use-the-image-block-in-wordpress\/\" rel=\"noreferrer noopener\">Gutenberg Image Block<\/a>. F\u00fcgen Sie der Zelle den Block Bild hinzu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table.webp\" alt=\"Hinzuf\u00fcgen des Bildblocks zur Tabelle\" class=\"wp-image-1446\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>W\u00e4hlen Sie die Option zum Hochladen des gew\u00fcnschten Bildes aus der jeweiligen Quelle. In diesem Tutorial werden wir das Bild aus der Medienbibliothek hochladen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option.webp\" alt=\"W\u00e4hlen Sie die Option zum Hochladen von Bildern\" class=\"wp-image-1447\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: Ausw\u00e4hlen und Hochladen eines Bildes<\/h3>\n\n\n\n<p>Ich hoffe, Sie wissen, was Sie hier zu tun haben. W\u00e4hlen Sie ein Bild und klicken Sie auf die <strong>Schaltfl\u00e4che ausw\u00e4hlen<\/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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp\" alt=\"Ein Bild ausw\u00e4hlen und hochladen\" class=\"wp-image-1180\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Das Bild wird sofort in die Tabelle eingef\u00fcgt. Sie k\u00f6nnen die Gr\u00f6\u00dfe des Bildes \u00e4ndern, indem Sie die Randlinie ziehen, wie in der Abbildung unten gezeigt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table.webp\" alt=\"Das Bild wird der Tabelle hinzugef\u00fcgt\" class=\"wp-image-1448\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 4: Anpassen und Gestalten des Bildes<\/h3>\n\n\n\n<p>Kommen Sie zum <strong>Registerkarte Einstellungen<\/strong> in der rechten Seitenleiste. Sie k\u00f6nnen einen alternativen Text, ein Seitenverh\u00e4ltnis, eine Breite, H\u00f6he und Aufl\u00f6sung hinzuf\u00fcgen, was mit der Option \"Inline-Bild\" nicht m\u00f6glich ist.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-1024x524.webp\" alt=\"\" class=\"wp-image-1449\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-768x393.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Gehen Sie zum <strong>Registerkarte \"Stile<\/strong>. Sie k\u00f6nnen einen Rahmen und den Rahmenradius mit den Optionen dieser Registerkarte hinzuf\u00fcgen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table.webp\" alt=\"Das Bild auf dem Tisch stilisieren\" class=\"wp-image-1450\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>So k\u00f6nnen Sie der Tabelle in WordPress Bilder hinzuf\u00fcgen.<\/p>\n\n\n\n<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=\"Wie man Bilder zum Tabellenblock in WordPress hinzuf\u00fcgt | Kostenloses Tableberg Plugin\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/acGs-w0nk2U?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<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a58e77cf-4f6e-4bda-9655-f1e1f2075aea\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Abschlie\u00dfende Anmerkungen!<\/h3>\n\n\n\n<p>Obwohl TableBerg ein neues Plugin ist, wird es das Spiel ver\u00e4ndern. Es wird das Gutenberg-basierte Tabellenerstellungserlebnis sehr bald auf die n\u00e4chste Stufe heben. <\/p>\n\n\n\n<p>Mit dem TableBerg-Plugin k\u00f6nnen Sie nicht nur Bilder, sondern auch verschiedene andere Arten von Inhalten wie B\u00e4nder, Bewertungen, Aufz\u00e4hlungslisten, CTA-Schaltfl\u00e4chen, benutzerdefiniertes HTML usw. hinzuf\u00fcgen.<\/p>\n\n\n\n<p>Mit ihnen k\u00f6nnen Sie mit dem Plugin multifunktionale Tabellen erstellen. Pr\u00fcfen Sie einige Beitr\u00e4ge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/de\/wie-man-wordpress-bilder-in-spalten-und-zeilen-anzeigt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man WordPress-Bilder in Spalten und Zeilen anzeigt<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/de\/wie-man-tableberg-ausprobiert\/\" target=\"_blank\" rel=\"noopener\" title=\"So k\u00f6nnen Sie TableBerg ausprobieren, ohne es auf Ihrer Website zu installieren\">So k\u00f6nnen Sie TableBerg ausprobieren, ohne es auf Ihrer Website zu installieren<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/de\/wie-man-amazon-produktvergleichstabelle-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noopener\" title=\"Wie man eine Produktvergleichstabelle erstellt \">Wie man eine Produktvergleichstabelle erstellt <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-produktspezifikationstabelle-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noopener\" title=\"So erstellen Sie eine Produktspezifikationstabelle\">So erstellen Sie eine Produktspezifikationstabelle<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_37c05b7d-201a-4949-a9a4-a539d3ba76bd\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Visual content is undoubtedly crucial for engaging users. Whether you are a blogger, affiliate, eCommerce owner or else, you may need to add graphical content for various reasons. Images are one such important graphical content. Many users yet don&#8217;t know how to add images to WordPress tables. But by adding images to the table, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[83,41,9],"class_list":["post-1440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-how-to-add-images","tag-image-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Create-an-Amazon-Product-Comparison-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\/1440","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=1440"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/1440\/revisions"}],"predecessor-version":[{"id":8221,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/1440\/revisions\/8221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/6786"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=1440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=1440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=1440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}