{"id":1018,"date":"2025-01-27T10:22:22","date_gmt":"2025-01-27T10:22:22","guid":{"rendered":"https:\/\/tableberg.com\/?p=1018"},"modified":"2025-01-27T10:22:25","modified_gmt":"2025-01-27T10:22:25","slug":"wie-man-bilder-in-wordpress-nebeneinander-stellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-put-images-side-by-side-in-wordpress\/","title":{"rendered":"Wie man Bilder in WordPress nebeneinander stellt (drei M\u00f6glichkeiten)"},"content":{"rendered":"<p>Visuelle Inhalte spielen eine entscheidende Rolle, wenn es darum geht, die Aufmerksamkeit der Online-Nutzer zu gewinnen. Was ein einziges Bild vermitteln kann, erfordert oft Hunderte von Worten. Au\u00dferdem k\u00f6nnen Bilder Emotionen hervorrufen und die Gesamt\u00e4sthetik verbessern.<\/p>\n\n\n\n<p>Eine effektive M\u00f6glichkeit, Bilder zu pr\u00e4sentieren, ist, sie nebeneinander zu stellen. Diese Technik ist besonders hilfreich, um mehrere Produkte zu vergleichen, Vorher-Nachher-Bilder zu pr\u00e4sentieren und eine Geschichte zu erz\u00e4hlen.<\/p>\n\n\n\n<p>In diesem Artikel zeigen wir Ihnen drei einfache M\u00f6glichkeiten, wie Sie Bilder in WordPress nebeneinander stellen k\u00f6nnen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1<\/strong>: <a href=\"#0-method-one-using-the-gallery-block\">Verwendung des Galerie-Blocks <\/a><\/li>\n\n\n\n<li><strong>Methode 2<\/strong>: <a href=\"#2-method-two-using-the-columns-block\">Verwendung des Spaltenblocks<\/a><\/li>\n\n\n\n<li><strong>Methode 3<\/strong>: <a href=\"#4-method-three-using-the-tableberg-block\">Verwendung des Tableberg-Blocks<\/a><\/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=\"0-method-one-using-the-gallery-block\">Methode eins: Verwendung des Galerie-Blocks<\/h2>\n\n\n\n<p>WordPress wird mit dem Standard-Galerie-Block geliefert. Sie k\u00f6nnen Bilder auf die folgenden Arten neben dem Block pr\u00e4sentieren. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-01-add-the-gallery-block-to-wordpress\">Schritt 01: Hinzuf\u00fcgen des Galerie-Blocks zu WordPress<\/h3>\n\n\n\n<p>\u00d6ffnen Sie einfach einen Beitrag oder eine Seite. Finden Sie die <strong><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-galerie-block-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Galerie-Block<\/a><\/strong> in der Gutenberg-Blockbibliothek durch Dr\u00fccken der Taste <strong>Plus-Taste (+)<\/strong>. F\u00fcgen Sie es dem Editor 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\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp\" alt=\"Finden Sie den Gutenberg-Galerie-Block und f\u00fcgen Sie ihn zu WordPress hinzu\" 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>Klicken Sie auf die <strong>Schaltfl\u00e4che \"Hochladen<\/strong> um neue Bilder aus Ihrem lokalen Speicher auf der Seite hinzuzuf\u00fcgen. Oder Sie k\u00f6nnen sie aus Ihren vorhandenen Dateien hochladen, indem Sie auf die Schaltfl\u00e4che <strong>Mediathek<\/strong> Taste.<\/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=\"Hochladen von Bildern aus dem lokalen Speicher oder der Medienbibliothek\" 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<p>In diesem Tutorial werden wir Bilder aus der Mediathek hochladen. W\u00e4hlen Sie die Bilder aus, die Sie hinzuf\u00fcgen m\u00f6chten. Dr\u00fccken Sie die <strong>Eine neue Galerie erstellen<\/strong> Schaltfl\u00e4che 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\/03\/Create-a-new-gallery.webp\" alt=\"Eine neue Galerie erstellen\" class=\"wp-image-1021\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sobald die Bilder dem Editor hinzugef\u00fcgt wurden, werden sie nebeneinander angezeigt. Anschlie\u00dfend k\u00f6nnen Sie die Einstellungen und Stilisierungen des Galerie-Blocks mithilfe der entsprechenden Optionen in der rechten Seitenleiste anpassen. <\/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\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block.webp\" alt=\"Nebeneinander angezeigte Bilder mit dem Gutenberg-Galerie-Block\" class=\"wp-image-1024\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Anmerkung:<\/strong> Wenn Ihre Bilder nicht standardm\u00e4\u00dfig nebeneinander angezeigt werden, w\u00e4hlen Sie den gesamten Block aus, indem Sie auf das Symbol <strong>Galerie-Symbol<\/strong> in der Symbolleiste. Geben Sie die Spaltennummern in der rechten Seitenleiste an.<\/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\/Set-columns-for-the-Gallery-block.webp\" alt=\"Spaltennummer f\u00fcr den Galerie-Block festlegen\" class=\"wp-image-1025\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-method-two-using-the-columns-block\">Methode zwei: Verwendung des Spaltenblocks<\/h2>\n\n\n\n<p>Mit dem Spaltenblock k\u00f6nnen Sie <a href=\"https:\/\/tableberg.com\/de\/wie-man-wordpress-inhalte-in-zwei-oder-mehr-spalten-aufteilt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ihren Inhalt in mehrere Spalten unterteilen<\/a>. Sie k\u00f6nnen weitere Bl\u00f6cke hinzuf\u00fcgen, um verschiedene Arten von Inhalten innerhalb jeder Spalte hinzuzuf\u00fcgen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-01-add-the-column-block-to-your-site\">Schritt 01: Hinzuf\u00fcgen des Spaltenblocks zu Ihrer Website<\/h3>\n\n\n\n<p>F\u00fcgen Sie die <strong><a href=\"https:\/\/tableberg.com\/de\/wie-man-spalten-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">S\u00e4ulenblock<\/a><\/strong> in Ihren Editor ein, und zwar nach der oben beschriebenen Methode.<\/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=\"Hinzuf\u00fcgen des Spaltenblocks zu Ihrer Website\" 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 das Spaltenlayout nach Belieben. Sie k\u00f6nnen die gleiche Anzahl von Bildern nebeneinander anzeigen, entsprechend der Anzahl der Spalten, die Sie hinzuf\u00fcgen. Wir haben das zweispaltige Layout f\u00fcr den Block gew\u00e4hlt.<\/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\/Select-the-column-layout.webp\" alt=\"W\u00e4hlen Sie ein Spaltenlayout\" class=\"wp-image-436\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>F\u00fcgen Sie die <strong><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-bildblock-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bildblock<\/a><\/strong> durch Dr\u00fccken der Taste <strong>Plus-Taste (+)<\/strong> innerhalb der <strong>S\u00e4ulenblock<\/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\/Add-the-Image-block-to-the-Column-block.webp\" alt=\"Hinzuf\u00fcgen des Bildblocks zum Spaltenblock\" class=\"wp-image-1027\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Laden Sie ein Bild auf dieselbe Weise hoch, wie wir es Ihnen oben gezeigt haben.<\/p>\n\n\n\n<p><strong>Anmerkung:<\/strong> Da dies der Image-Block ist, k\u00f6nnen Sie <strong>nur ein Bild hinzuf\u00fcgen<\/strong>im Gegensatz zum Galerie-Block.<\/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-image-to-the-column-block-the-same-way-we-showed-you-above.webp\" alt=\"Bild in den Spaltenblock hochladen \" class=\"wp-image-1028\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>F\u00fcgen Sie auf die gleiche Weise die <strong>Bildblock<\/strong> wieder in die zweite Spalte.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla.webp\" alt=\"Mehrere Bilder zum Spaltenblock hinzuf\u00fcgen\" class=\"wp-image-1029\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-768x391.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie sehen, dass das zweite Bild neben dem ersten erschienen ist. Sie k\u00f6nnen nun alternative Texte und andere Einstellungen f\u00fcr die einzelnen Bilder 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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block.webp\" alt=\"Mehrere Bilder werden mit Hilfe des Spaltenblocks angezeigt\" class=\"wp-image-1030\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-method-three-using-the-tableberg-block\">Dritte Methode: Verwendung des Tableberg-Blocks<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tischberg<\/a> ist ein blockbasiertes Plugin f\u00fcr die Tabellenerstellung. Mit ihm k\u00f6nnen Sie auch Spalten erstellen und Bilder nebeneinander anzeigen. Folgen Sie den unten beschriebenen Schritten nach <strong>Installation von<\/strong> und <strong>Aktivieren von<\/strong> das Plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1874\" height=\"604\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg.png\" alt=\"Installieren und aktivieren Sie das TableBerg Plugin\" class=\"wp-image-420\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg.png 1874w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-300x97.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-1024x330.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-768x248.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-1536x495.png 1536w\" sizes=\"auto, (max-width: 1874px) 100vw, 1874px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-01-add-the-tableberg-block\">Schritt 01: Hinzuf\u00fcgen des TableBerg-Blocks<\/h3>\n\n\n\n<p>Das Plugin wird mit einem <strong>TableBerg-Block<\/strong>. F\u00fcgen Sie es zu Ihrem Editor 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\/01\/Add-the-TableBerg-block-to-your-page-or-post.png\" alt=\"F\u00fcgen Sie den TableBerg-Block zu Ihrem Beitrag oder Ihrer Seite hinzu\" class=\"wp-image-175\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen auch mehrere Zeilen ausw\u00e4hlen, wenn Sie m\u00f6chten. Aber wir werden das heutige Tutorial mit einer einzigen Zeile und mehreren Spalten erkl\u00e4ren.<\/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\/Select-a-row-and-columns-for-the-table.webp\" alt=\"W\u00e4hlen Sie eine Zeile und Spalten f\u00fcr die Tabelle aus\" 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.webp 1280w, 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-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>TableBerg erm\u00f6glicht es Ihnen, verschiedene Arten von Bl\u00f6cken zu den Zellen der Tabelle hinzuzuf\u00fcgen. Hinzuf\u00fcgen der <strong>Bildblock<\/strong> zu den Tabellenzellen.<\/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\/Add-the-image-block-to-the-TableBerg-cells.webp\" alt=\"F\u00fcgen Sie den Bildblock zu den TableBerg-Zellen hinzu\" class=\"wp-image-1032\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Ein Bild hochladen<\/strong> in die Tabellenzelle einf\u00fcgen, so wie wir es in den beiden obigen Methoden gezeigt haben.<\/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-image-to-the-table.webp\" alt=\"Bild in die Tabelle hochladen\" class=\"wp-image-1033\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>F\u00fcgen Sie weiterhin Bilder zu anderen Spalten der Tabelle hinzu, indem Sie die <strong>Bildblock<\/strong>. Ich hoffe, du schaffst es allein.<\/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\/Keep-adding-images-to-other-columns-of-the-table.webp\" alt=\"Weitere Bilder zu anderen Spalten der Tabelle hinzuf\u00fcgen\" class=\"wp-image-1034\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Siehe das Bild unten. Wir haben drei Bilder nebeneinander in der mit dem TableBerg-Block erstellten Tabelle angezeigt.<\/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\/Images-displayed-side-by-side-with-the-TableBerg-table.png\" alt=\"Bilder, die neben der TableBerg Tabelle angezeigt werden\" class=\"wp-image-1035\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong># Entfernen Sie den Tabellenrand<\/strong><\/p>\n\n\n\n<p>Sie sehen einen Rahmen um die Tabelle. Um ihn zu entfernen, <strong>klicken Sie auf das TableBerg-Symbol<\/strong> dreimal auf der Symbolleiste. Gehe zu <strong>Registerkarte \"Stile\" &gt; Rahmen<\/strong> in der rechten Seitenleiste. Setzen Sie die <strong>Wert Null (0)<\/strong> um die Gr\u00f6\u00dfe des Tabellenrahmens festzulegen.<\/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\/Remove-the-table-border.webp\" alt=\"Entfernen Sie den Tabellenrand\" class=\"wp-image-1036\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>So k\u00f6nnen Sie Bilder auf WordPress-Websites nebeneinander anzeigen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-conclusion\">Schlussfolgerung<\/h3>\n\n\n\n<p>Es ist sehr vorteilhaft, Bilder nebeneinander zu zeigen, w\u00e4hrend ein visueller Vergleich zwischen verschiedenen Produkten, Optionen, Merkmalen und Varianten unerl\u00e4sslich ist. Ich hoffe, Sie k\u00f6nnen es heute mit diesem Tutorial allein schaffen.<\/p>\n\n\n\n<p>Sie k\u00f6nnen mehr auf Ihrer Website tun, indem Sie verschiedene Arten von Tabellen mit dem TableBerg-Plugin erstellen. Werfen Sie einen Blick auf <a href=\"https:\/\/tableberg.com\/de\/wie-man-amazon-produktvergleichstabelle-in-wordpress-erstellt\/\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-amazon-product-comparison-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">wie man eine Amazon Produktvergleichstabelle in WordPress erstellt<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Visual content plays a crucial role in capturing the attention of online users. What a single image can convey often requires hundreds of words. Besides, images can evoke emotions and enhance the overall aesthetics. One effective way to showcase images is by placing them side by side. This technique is particularly helpful in comparing multiple [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[42,41,9],"class_list":["post-1018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-column-block","tag-image-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Put-Images-Side-by-Side-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\/1018","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=1018"}],"version-history":[{"count":5,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/1018\/revisions"}],"predecessor-version":[{"id":7129,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/1018\/revisions\/7129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/7127"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=1018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=1018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}