{"id":2022,"date":"2025-07-31T08:21:57","date_gmt":"2025-07-31T08:21:57","guid":{"rendered":"https:\/\/tableberg.com\/?p=2022"},"modified":"2025-07-31T08:22:00","modified_gmt":"2025-07-31T08:22:00","slug":"wie-man-wordpress-bilder-in-spalten-und-zeilen-anzeigt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-display-wordpress-images-in-columns-rows\/","title":{"rendered":"Wie man WordPress-Bilder in Spalten und Zeilen anzeigt"},"content":{"rendered":"<p>Es ist kein Geheimnis mehr, dass visuelle Inhalte wie Bilder eine wichtige Rolle bei der Vermittlung von Konzepten und Erz\u00e4hlungen spielen. Textinhalte allein k\u00f6nnen die Leser oft nicht fesseln. Aus diesem Grund ist die Einbindung relevanter Bilder in Blogbeitr\u00e4ge und -seiten mittlerweile obligatorisch.<\/p>\n\n\n\n<p>Mit WordPress k\u00f6nnen Sie Ihrer Website auf verschiedene Weise Bilder hinzuf\u00fcgen. Eine der effektivsten M\u00f6glichkeiten ist das Hinzuf\u00fcgen von Bildern in Spalten und Zeilen. Auf diese Weise k\u00f6nnen Sie Ihre Bilder in einer organisierten Weise pr\u00e4sentieren.<\/p>\n\n\n\n<p>In diesem Blogbeitrag zeigen wir Ihnen mehrere M\u00f6glichkeiten, wie Sie WordPress-Bilder in Spalten und Zeilen anzeigen k\u00f6nnen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Methode 1: <a href=\"#Display-Images-in-WordPress-Using-the-Column-Block\">Verwendung des Spaltenblocks<\/a> (Am besten f\u00fcr vollst\u00e4ndige manuelle Steuerung und benutzerdefinierte Layouts)<\/li>\n\n\n\n<li>Methode 2: <a href=\"#Display-Images-in-WordPress-Using-the-Gallery-Block\">Verwendung des Galerie-Blocks<\/a> (<em>Am besten f\u00fcr einfache Bildraster mit minimalem Styling)<\/em><\/li>\n\n\n\n<li>Methode 3: <a href=\"#Using-the-Galleryberg-Block\">Verwendung des Galleryberg Blocks<\/a> (Am besten f\u00fcr fortgeschrittene Layouts mit Leuchtkasten und Anpassungen)<\/li>\n\n\n\n<li>Methode 4: <a href=\"#Display-Images-in-WordPress-Using-the-TableBerg-Plugin\">Verwendung des Tableberg-Plugins<\/a> (Am besten geeignet f\u00fcr strukturierte Bildraster wie Preise, Zeitpl\u00e4ne oder Produkttabellen)<\/li>\n<\/ul>\n\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=\"Display-Images-in-WordPress-Using-the-Column-Block\">Methode 1: Verwendung des S\u00e4ulenblocks<\/h2>\n\n\n\n<p>WordPress hat einen Standard-Spaltenblock. Sie k\u00f6nnen viele weitere Bl\u00f6cke darin einf\u00fcgen, darunter auch den Bildblock. Hier ist die Anleitung.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: Hinzuf\u00fcgen des Gutenberg-Spaltenblocks<\/h3>\n\n\n\n<p>Finden und <strong>den Block \"Spalte\" hinzuf\u00fcgen<\/strong> indem Sie auf das Pluszeichen (+) im Editor klicken.<\/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\/01\/Add-the-Gutenberg-column-block.webp\" alt=\"Den Gutenberg-Spaltenblock hinzuf\u00fcgen\" class=\"wp-image-435\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>W\u00e4hlen Sie die Anzahl der Spaltenvarianten, die Sie dem Spaltenblock hinzuf\u00fcgen m\u00f6chten. F\u00fcr dieses Tutorial w\u00e4hlen wir die 50\/50-Spaltenvariante.<\/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\/07\/Select-the-number-of-columns-for-the-column-block.webp\" alt=\"W\u00e4hlen Sie die Anzahl der Spalten f\u00fcr den Spaltenblock\" class=\"wp-image-2023\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: Hinzuf\u00fcgen des Bildblocks zum Spaltenblock<\/h3>\n\n\n\n<p>Wie bereits erw\u00e4hnt, k\u00f6nnen Sie andere Gutenberg-Bl\u00f6cke innerhalb des Spaltenblocks verwenden. Jetzt, <strong>Klicken Sie auf das Plus-Symbol (+)<\/strong> innerhalb der Spalte. Suchen und <strong>den Image-Block hinzuf\u00fcgen<\/strong> dazu.<\/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\/07\/Add-the-Image-Block-into-the-Column-Block.webp\" alt=\"Hinzuf\u00fcgen des Bildblocks in den Spaltenblock\" class=\"wp-image-2024\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen nun Bilder aus der Medienbibliothek oder vom lokalen Laufwerk hinzuf\u00fcgen. Tun Sie es, wie Sie m\u00f6chten.<\/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\/07\/Upload-image-to-the-column-block.webp\" alt=\"Bild in den Spaltenblock hochladen\" class=\"wp-image-2025\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 03: Stilisierung des Bildblocks innerhalb des Spaltenblocks<\/h3>\n\n\n\n<p>Wie Sie sehen, haben wir ein Bild hinzugef\u00fcgt. Sie k\u00f6nnen es mit der Ausrichtungsoption in der Symbolleiste mittig ausrichten. \u00c4ndern Sie die Gr\u00f6\u00dfe des Bildes mit dem Symbol des Randkreises. Schlie\u00dflich k\u00f6nnen Sie das Bild mit den Optionen auf der Registerkarte \"Stil\" weiter stilisieren.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" data-id=\"10296\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1024x569.png\" alt=\"\" class=\"wp-image-10296\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1536x854.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-2048x1139.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" data-id=\"2026\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp\" alt=\"Stilisierung des Bildblocks innerhalb des Spaltenblocks\" class=\"wp-image-2026\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-18x9.webp 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>F\u00fcgen Sie auf dieselbe Weise auch der anderen Spalte ein 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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column.webp\" alt=\"Bild zur anderen Spalte hinzuf\u00fcgen\" class=\"wp-image-2027\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-18x9.webp 18w\" 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_69850fb3-2d43-4c4c-b26c-9fe74710be94\"><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=\"Display-Images-in-WordPress-Using-the-Gallery-Block\">Methode 2: Verwendung des Galerie-Blocks<\/h2>\n\n\n\n<p>WordPress verf\u00fcgt \u00fcber einen Standard-Galerie-Block, mit dem Sie mehrere Bilder mit demselben Block-Layout hinzuf\u00fcgen k\u00f6nnen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: Hinzuf\u00fcgen des Galerie-Blocks<\/h3>\n\n\n\n<p>Wie bei der obigen Methode, finden und <strong>Hinzuf\u00fcgen des Galerie-Blocks zum Editor<\/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\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp\" alt=\"Hinzuf\u00fcgen des Galerie-Blocks\" class=\"wp-image-1019\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen Bilder von Ihrem Computer hochladen. <strong>lokales Laufwerk<\/strong> oder die <strong>Mediathek<\/strong>. In diesem Tutorial werden wir Bilder 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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library.webp\" alt=\"Bilder hochladen\" class=\"wp-image-1020\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: Bilder ausw\u00e4hlen und hochladen<\/h3>\n\n\n\n<p><strong>W\u00e4hlen Sie die Bilder aus<\/strong> die Sie in den Galerie-Block hochladen m\u00f6chten. Sie k\u00f6nnen so viele Bilder ausw\u00e4hlen, wie Sie m\u00f6chten. Wenn Sie fertig sind, <strong>Klicken Sie auf die Schaltfl\u00e4che Eine neue Galerie erstellen<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block.webp\" alt=\"Bilder f\u00fcr den Galerie-Block ausw\u00e4hlen\" class=\"wp-image-2037\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen zu jedem Bild Bildunterschriften hinzuf\u00fcgen, wenn Sie m\u00f6chten. Es ist kein Problem, wenn Sie nichts hinzuf\u00fcgen. Dr\u00fccken Sie die <strong>Schaltfl\u00e4che Galerie einf\u00fcgen<\/strong> am Ende.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery.webp\" alt=\"Galerie einf\u00fcgen\" class=\"wp-image-2038\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen sehen, dass der Galerie Bilder hinzugef\u00fcgt wurden. Als N\u00e4chstes k\u00f6nnen Sie den Bildblock mit den Optionen aus dem Men\u00fc <strong>Einstellungen<\/strong> und <strong>Registerkarte \"Stile<\/strong> in der rechten Seitenleiste. <\/p>\n\n\n\n<p>Ich hoffe, Sie k\u00f6nnen das allein, also gehe ich nicht ins Detail.<\/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\/07\/Images-added-to-the-Gallery.webp\" alt=\"Bilder zur Galerie hinzugef\u00fcgt\" class=\"wp-image-2039\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-18x9.webp 18w\" 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_58fca9c6-3f29-42e8-8faf-ea5be1cfa98f\"><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-Galleryberg-Block\">Methode 3: Verwendung des Galleryberg-Plugins<\/h2>\n\n\n\n<p>Wenn Sie nach einer flexibleren und visuell ausgefeilteren M\u00f6glichkeit suchen, Bilder in Spalten oder Zeilen anzuzeigen, k\u00f6nnen Sie die <strong><a href=\"https:\/\/galleryberg.com\" target=\"_blank\" rel=\"noreferrer noopener\">Galerieberg<\/a><\/strong> Plugin ist eine fantastische Wahl. Es ist ein Gutenberg-natives Galerie-Block-Plugin, mit dem Sie <strong>mehrere Layout-Optionen<\/strong> - einschlie\u00dflich Tiles, Masonry, Justified und Square - alle mit integrierten <strong>Lichtkasten<\/strong> Unterst\u00fctzung.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Installieren Sie das Galleryberg Plugin<\/h3>\n\n\n\n<p>Gehen Sie zu Ihrem WordPress-Dashboard und navigieren Sie zu <strong>Plugins &gt; Neu hinzuf\u00fcgen<\/strong>. Suchen Sie dann nach \"Galleryberg\" und installieren und aktivieren Sie das Plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1024x520.png\" alt=\"\" class=\"wp-image-10294\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1024x520.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-300x152.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-768x390.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1536x779.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-2048x1039.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Hinzuf\u00fcgen des Galerieberg-Blocks<\/h3>\n\n\n\n<p>\u00d6ffnen Sie die Seite oder den Beitrag, auf der\/dem Sie die Bilder anzeigen m\u00f6chten. Klicken Sie dann auf die Schaltfl\u00e4che <strong>+<\/strong> und suchen Sie nach dem \"<strong>Galerieberg<\/strong>Block\". F\u00fcgen Sie ihn der Seite hinzu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1024x569.png\" alt=\"\" class=\"wp-image-10297\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1536x854.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-2048x1139.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Schritt 3: Bilder hochladen oder ausw\u00e4hlen<\/h4>\n\n\n\n<p>Verwenden Sie die Mediathek oder laden Sie neue Bilder hoch. Sie k\u00f6nnen Bilder durch Ziehen und Ablegen neu anordnen.<\/p>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-7012e2e3-2b9f-4af2-924a-0ebbe824fa4a\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video controls loop width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Adding-images-to-the-Gallery-using-Galleryberg.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h4 class=\"wp-block-heading\">Schritt 4: W\u00e4hlen Sie ein Layout<\/h4>\n\n\n\n<p>W\u00e4hlen Sie im Bereich Blockeinstellungen das gew\u00fcnschte Layout aus:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kacheln<\/strong>: Raster-Layout mit gleichen Abst\u00e4nden (ideal f\u00fcr Zeilen und Spalten)<\/li>\n\n\n\n<li><strong>Gem\u00e4uer<\/strong>: Gestapeltes Layout im Stil von Pinterest<\/li>\n\n\n\n<li><strong>Gerechtfertigt<\/strong>: Sauber ausgerichtete Reihen mit gleicher H\u00f6he<\/li>\n\n\n\n<li><strong>Quadratisch<\/strong>: Perfekte Quadrate f\u00fcr einheitliche Rasterdarstellung<\/li>\n<\/ul>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-b6a1e449-60d8-4ace-ad19-c6611f6b30e8\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video muted loop autoplay controls width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Gallery-Layout.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Schritt 5: Aktivieren Sie die Leuchtkasten-Option<\/h3>\n\n\n\n<p>Schalten Sie in der Seitenleiste der Blockeinstellungen die Option <strong>Leuchtkasten einschalten<\/strong> Option.<\/p>\n\n\n\n<p>Ihre Bilder \u00f6ffnen sich nun in einem Popup-Fenster mit sanften \u00dcberg\u00e4ngen, Zoom-Effekten und Dia-Navigation.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"631\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1024x631.png\" alt=\"\" class=\"wp-image-10302\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1024x631.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-300x185.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-768x473.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1536x946.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-2048x1262.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 5: Anpassen und ver\u00f6ffentlichen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Legen Sie die Anzahl der Spalten fest (von 1 bis 8). In der Seitenleiste der Blockeinstellungen bl\u00e4ttern Sie nach unten zum Feld <strong>Leuchtkasten<\/strong> Abschnitt.<\/li>\n\n\n\n<li>Schalten Sie die <strong>Leuchtkasten einschalten<\/strong> Option.<\/li>\n\n\n\n<li>Ihre Bilder \u00f6ffnen sich nun in einem Popup-Fenster mit sanften \u00dcberg\u00e4ngen, Zoom-Effekten und Dia-Navigation.<\/li>\n\n\n\n<li>Anpassen von Abst\u00e4nden, Beschriftungen, Rahmen und mehr<\/li>\n\n\n\n<li>Leuchtkasten f\u00fcr interaktive Bildvorschauen aktivieren<\/li>\n<\/ul>\n\n\n\n<p>Klicken Sie auf <strong>ver\u00f6ffentlichen.<\/strong> oder <strong>Update<\/strong> und Ihre Galerie wird in sauberen, ansprechenden Zeilen und Spalten angezeigt.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e9064da0-d81d-4d9b-ac16-d36fcf24cafd\"><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>\n\n\n<h2 class=\"wp-block-heading\" id=\"Display-Images-in-WordPress-Using-the-TableBerg-Plugin\">Methode 4: Verwendung des Tableberg-Plugins<\/h2>\n\n\n\n<p>TableBerg ist ein einfach zu bedienendes Plugin zur Tabellenerstellung. Es erm\u00f6glicht Ihnen, verschiedene benutzerdefinierte Bl\u00f6cke zu den Tabellenzellen hinzuzuf\u00fcgen, um multifunktionale Tabellen zu erstellen. In diesem Abschnitt zeigen wir Ihnen, wie Sie Bilder in WordPress hinzuf\u00fcgen k\u00f6nnen, indem Sie das <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tischberg<\/a> Plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: Installieren und Aktivieren des Tableberg-Plugins<\/h3>\n\n\n\n<p>Gehe zu <strong>Plugins &gt; Neues Plugin hinzuf\u00fcgen<\/strong>. Typ <strong>Tischberg<\/strong> in das Suchfeld ein. <strong>Installieren Sie<\/strong> und <strong>aktivieren.<\/strong> sobald das Plugin unten erscheint.<\/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\/Install-and-activate-the-TableBerg-plugin.png\" alt=\"Installieren und aktivieren Sie das TableBerg Plugin\" class=\"wp-image-156\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: F\u00fcgen Sie den Tableberg-Block zu Ihrem Beitrag\/Ihrer Seite hinzu<\/h3>\n\n\n\n<p>Das Plugin kommt mit einem Gutenberg-Block namens TableBerg. Suchen und f\u00fcgen Sie den <strong>TabelBerg-Block<\/strong> an Ihren Redakteur.<\/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\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.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.webp 1280w, 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-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Definieren Sie die Zeilen- und Spaltennummer f\u00fcr die Tabelle. Das Verfahren ist \u00e4hnlich wie beim Standard-Tabellenblock. Machen Sie es selbst.<\/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\/01\/Set-the-row-and-column-number-1024x522.png\" alt=\"Festlegen der Zeilen- und Spaltennummer\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 03: Suchen und Hinzuf\u00fcgen des Bildblocks zur Tabelle<\/h3>\n\n\n\n<p>Ich hoffe, Ihre Tabelle ist fertig. W\u00e4hlen Sie die Zelle aus, in die Sie ein Bild einf\u00fcgen m\u00f6chten. Sobald Sie eine Zelle ausgew\u00e4hlt haben, wird die <strong>Plus-Symbol (+)<\/strong> erscheinen wird.<\/p>\n\n\n\n<p><strong>Klicken Sie auf das Plus-Symbol (+)<\/strong>. Sie erhalten den Bildblock. <strong>Klicken Sie auf den Bildblock<\/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\/07\/Add-the-Image-block-to-the-table.png\" alt=\"F\u00fcgen Sie den Bildblock zur Tabelle hinzu\" class=\"wp-image-2040\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-18x9.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie erhalten Optionen zum Hochladen von Bildern vom lokalen Laufwerk oder aus der Medienbibliothek. Klicken Sie auf die gew\u00fcnschte Option und laden Sie das Bild hoch.<\/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\/07\/Upload-an-image-to-the-block.webp\" alt=\"Hochladen eines Bildes in den Block\" class=\"wp-image-2041\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 04: Das hochgeladene Bild stilisieren<\/h3>\n\n\n\n<p>Hoffentlich ist Ihr Bild bereits in die Tabelle hochgeladen worden. Gehen Sie auf die Registerkarte \"Stile\" in der rechten Seitenleiste. Hier finden Sie Optionen wie Duotone, Border und Radius, mit denen Sie Ihren Bildblock stilisieren k\u00f6nnen.<\/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\/07\/Stylize-the-Uploaded-Image.webp\" alt=\"Das hochgeladene Bild stilisieren\" class=\"wp-image-2042\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>So k\u00f6nnen Sie mit dem Plugin Bilder in die WordPress-Tabelle hochladen. Erkunden Sie <a href=\"https:\/\/tableberg.com\/de\/wie-man-einen-bereich-fur-teammitglieder-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">wie man einen Bereich f\u00fcr Teammitglieder in WordPress erstellt<\/a> mit Hilfe des Spaltenblocks.<\/p>\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_4f6fde1a-4a3a-40a3-9a12-c816daa6407d\"><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\">Schlussbemerkungen!<\/h2>\n\n\n\n<p>Um eine Website erfolgreich zu pflegen, m\u00fcssen Sie Ihre Inhalte auf unterschiedliche Weise hochladen und pr\u00e4sentieren. Manchmal muss derselbe Inhalt in verschiedenen Beitr\u00e4gen und Seiten auf unterschiedliche Weise pr\u00e4sentiert werden. Dasselbe gilt auch f\u00fcr den Bildblock.<\/p>\n\n\n\n<p>Wir hoffen, dass Sie nach der Lekt\u00fcre dieses Tutorials in der Lage sind, Ihren Bildblock auf verschiedene Arten in WordPress einzuf\u00fcgen und Variationen in den Inhalt zu bringen.<\/p>","protected":false},"excerpt":{"rendered":"<p>It&#8217;s no longer a secret that visual content like images play a powerful role in delivering concepts and narratives. Text content alone can often fail to captivate readers. This is why incorporating relevant images into blog posts and pages has become mandatory. WordPress allows you to add images to your site in numerous ways. One [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2106,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[42,83,41],"class_list":["post-2022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-column-block","tag-how-to-add-images","tag-image-block"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Display-WordPress-Images-in-Columns-Rows.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\/2022","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=2022"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/2022\/revisions"}],"predecessor-version":[{"id":10303,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/2022\/revisions\/10303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/2106"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=2022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=2022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=2022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}