{"id":3336,"date":"2025-06-24T16:09:59","date_gmt":"2025-06-24T16:09:59","guid":{"rendered":"https:\/\/tableberg.com\/?p=3336"},"modified":"2025-06-24T16:10:02","modified_gmt":"2025-06-24T16:10:02","slug":"wie-man-text-und-bild-nebeneinander-in-wordpress-einfugt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-put-text-and-image-side-by-side-in-wordpress\/","title":{"rendered":"Wie man Text und Bild in WordPress nebeneinander stellt"},"content":{"rendered":"<p>Bei Produktbesprechungen, Vergleichstabellen, Anleitungen, Reiseberichten, Infografiken, Bildungsinhalten usw. m\u00fcssen Sie m\u00f6glicherweise Texte und Bilder nebeneinander stellen. In WordPress gibt es zahlreiche M\u00f6glichkeiten, dies zu tun. <\/p>\n\n\n\n<p>In diesem Artikel zeigen wir Ihnen mehrere effektive M\u00f6glichkeiten, wie Sie Text und Bild nebeneinander in WordPress einf\u00fcgen k\u00f6nnen. Bleiben Sie also bis zum Ende dabei. Sie werden wirklich etwas Spannendes lernen.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-771754c5-6e52-4edb-ac05-6e6176ad9d96\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Text und Bild nebeneinander in WordPress platzieren:<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/de\/how-to-put-text-and-image-side-by-side-in-wordpress\/#0-method-1-using-the-media-amp-text-block\" style=\"\">Methode 1: Verwendung des Medien- und Textblocks<\/a><\/li><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/de\/how-to-put-text-and-image-side-by-side-in-wordpress\/#5-method-2-using-the-columns-block\" style=\"\">Methode 2: Verwendung des Spaltenblocks<\/a><\/li><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/de\/how-to-put-text-and-image-side-by-side-in-wordpress\/#9-method-3-using-the-tableberg-block\" style=\"\">Methode 3: Verwendung des Tableberg-Blocks<\/a><\/li><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/de\/how-to-put-text-and-image-side-by-side-in-wordpress\/#14-method-4-using-the-sliderberg-block\" style=\"\">Methode 4: Verwendung des Sliderberg-Blocks<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-method-1-using-the-media-amp-text-block\">Methode 1: Verwendung des Medien- und Textblocks<\/h2>\n\n\n\n<p><strong>Medien &amp; Text<\/strong> ist ein Standardblock des Gutenberg-Blockeditors. Mit diesem Block k\u00f6nnen Sie Text und Bilder nebeneinander platzieren, ohne auf ein Drittanbieter-Tool angewiesen zu sein.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-01-add-the-media-amp-text-to-the-editor\">Schritt 01: Hinzuf\u00fcgen von Medien und Text zum Editor<\/h3>\n\n\n\n<p>Klicken Sie auf die <strong>Plus-Symbol (+)<\/strong> auf dem Editor. Typ <strong>Medien &amp; Text<\/strong> in der Suchleiste. F\u00fcgen Sie den Block zum 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress.webp\" alt=\"Hinzuf\u00fcgen des Medien- und Textblocks zu WordPress\" class=\"wp-image-3337\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-02-addupload-an-image-to-the-block\">Schritt 02: Hinzuf\u00fcgen\/Hochladen eines Bildes in den Block<\/h3>\n\n\n\n<p>Sie k\u00f6nnen ein Bild hinzuf\u00fcgen, indem Sie es vom lokalen Laufwerk, aus der Mediathek oder aus dem vorgestellten Bild hochladen. W\u00e4hlen Sie die Option, die Ihnen gef\u00e4llt.<\/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\/09\/AddUpload-an-Image-to-the-Block.webp\" alt=\"Hinzuf\u00fcgen\/Hochladen eines Bildes in den Block\" class=\"wp-image-3338\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen sehen, dass das Bild dem Block hinzugef\u00fcgt wird.<\/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\/09\/Image-is-added-to-the-Media-Text-block.webp\" alt=\"Bild wird zum Block Medien &amp; Text hinzugef\u00fcgt\" class=\"wp-image-3339\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-03-add-text-to-the-media-amp-text-block\">Schritt 03: Text zum Medien- und Textblock hinzuf\u00fcgen<\/h3>\n\n\n\n<p>Schreiben Sie den gew\u00fcnschten Text in der rechten Spalte des Blocks. Sie k\u00f6nnen die Textfarbe, die Ausrichtung und mehr anpassen, wenn 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block.webp\" alt=\"Text zum Medien- und Textblock hinzuf\u00fcgen\" class=\"wp-image-3340\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-04-alternate-the-text-and-media-file-position\">Schritt 04: Wechseln Sie die Position der Text- und Mediendatei<\/h3>\n\n\n\n<p>Der Block erm\u00f6glicht es Ihnen, die Position der Text- und Mediendateien durch Anklicken der entsprechenden Optionen in der Symbolleiste zu \u00e4ndern.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Switch-the-Text-and-Media-File.mp4\"><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-method-2-using-the-columns-block\">Methode 2: Verwendung des Spaltenblocks<\/h2>\n\n\n\n<p>Die <strong>Rubriken<\/strong> ist ebenfalls ein Standardblock des Editors. Er ist einer der am h\u00e4ufigsten verwendeten Bl\u00f6cke bei der Erstellung von WordPress-Inhalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-01-add-the-columns-block-to-the-editor\">Schritt 01: Hinzuf\u00fcgen des Spaltenblocks zum Editor<\/h3>\n\n\n\n<p>Sie k\u00f6nnen Text und Bild nebeneinander anzeigen, indem Sie die <strong>Absatz<\/strong> und <strong>Bildbl\u00f6cke<\/strong> getrennt innerhalb von Spaltenbl\u00f6cken.<\/p>\n\n\n\n<p>Also, <strong>Hinzuf\u00fcgen des Blocks Columns<\/strong> zuerst an den Herausgeber.<\/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\/09\/Add-the-Columns-block-to-the-editor.webp\" alt=\"Hinzuf\u00fcgen des Spaltenblocks zum Editor\" class=\"wp-image-3342\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>W\u00e4hlen Sie ein zweispaltiges Layout.<\/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\/09\/Select-a-two-column-layout.webp\" alt=\"W\u00e4hlen Sie ein zweispaltiges Layout\" class=\"wp-image-3344\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-step-02-add-the-image-block-to-the-columns-block\">Schritt 02: Hinzuf\u00fcgen des Bildblocks zum Spaltenblock<\/h3>\n\n\n\n<p>Es ist besser, die auf der linken Seite anzuzeigen. So, <strong>den Image-Block hinzuf\u00fcgen<\/strong> zur linken 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block.webp\" alt=\"Hinzuf\u00fcgen des Bildblocks zum Spaltenblock\" class=\"wp-image-3345\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Auch hier f\u00fcgen Sie das gew\u00fcnschte Bild hinzu, sei es vom lokalen Laufwerk, aus der Medienbibliothek oder \u00fcber eine URL.<\/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\/09\/Upload-an-image-to-the-columns-block.webp\" alt=\"Hochladen eines Bildes in den Spaltenblock\" class=\"wp-image-3346\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen sehen, dass das Bild dem Block hinzugef\u00fcgt wurde.<\/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\/09\/Image-is-added-to-columns-block.webp\" alt=\"Bild wird zum Spaltenblock hinzugef\u00fcgt\" class=\"wp-image-3347\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-step-03-add-text-to-the-cloumns-block\">Schritt 03: Text zum Spaltenblock hinzuf\u00fcgen<\/h3>\n\n\n\n<p>F\u00fcgen Sie die <strong>Absatzblock<\/strong> in der rechten Spalte. So k\u00f6nnen Sie Text 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block.webp\" alt=\"F\u00fcgen Sie den Absatzblock zum Spaltenblock hinzu\" class=\"wp-image-3348\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen sehen, dass der Text der Spalte hinzugef\u00fcgt wird.<\/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\/09\/Text-is-added-to-the-columns-block.webp\" alt=\"Der Text wird dem Spaltenblock hinzugef\u00fcgt\" class=\"wp-image-3349\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Als N\u00e4chstes k\u00f6nnen Sie den Spaltenblock, einschlie\u00dflich des Bildes und des Textes, individuell gestalten.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"9-method-3-using-the-tableberg-block\">Methode 3: Verwendung des Tableberg-Blocks<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tischberg<\/a> ist ein wunderbares Table Builder Plugin, mit dem Sie zahlreiche Teile f\u00fcr Ihre Website gestalten k\u00f6nnen. Dieses Plugin erm\u00f6glicht es Ihnen auch, Text und Bilder nebeneinander zu stellen. Laden Sie das Plugin herunter, indem Sie auf die Schaltfl\u00e4chen klicken, die mit dem Banner unten verbunden sind.<\/p>\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<p>Beginnen Sie jetzt mit dem Lernprogramm.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-step-01-add-the-tableberg-block-to-the-editor\">Schritt 01: Hinzuf\u00fcgen des Tableberg-Blocks zum Editor<\/h3>\n\n\n\n<p>Dieses Plugin f\u00fcgt der Gutenberg-Blockbibliothek einen Block namens Tableberg hinzu. <strong>Hinzuf\u00fcgen des Tableberg-Blocks<\/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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"F\u00fcgen Sie den TableBerg-Block 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>W\u00e4hlen Sie die Anzahl der Spalten und Zeilen, die Sie f\u00fcr das Layout ben\u00f6tigen. Wir w\u00e4hlen 2*1.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp\" alt=\"Festlegen der Anzahl der Zeilen und Spalten\" class=\"wp-image-3014\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Wie Sie sehen k\u00f6nnen, sind die Spalten und Zeilen 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp\" alt=\"Zeilen und Spalten werden dem Editor hinzugef\u00fcgt\" class=\"wp-image-3309\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"11-step-02-add-an-image-to-a-cell-of-the-table-\">Schritt 02: Hinzuf\u00fcgen eines Bildes zu einer Zelle in der Tabelle <\/h3>\n\n\n\n<p>Mit Tableberg k\u00f6nnen Sie verschiedene benutzerdefinierte Bl\u00f6cke zu den Zellen hinzuf\u00fcgen. Durch Anklicken des Feldes <strong>Plus-Symbol (+)<\/strong>, finden und <strong>den Image-Block hinzuf\u00fcgen<\/strong> zu einer seiner Zellen.<\/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\/09\/Add-the-Image-block-to-the-Amazon-Product-box.webp\" alt=\"Hinzuf\u00fcgen eines Bildblocks zu Tableberg\" class=\"wp-image-3310\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Laden Sie das Bild f\u00fcr das lokale Laufwerk hoch oder f\u00fcgen Sie eines aus Ihrer Medienbibliothek 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg.webp\" alt=\"Hochladen oder Hinzuf\u00fcgen eines Bildes zu Tableberg\" class=\"wp-image-3350\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Wir haben ein Bild hinzugef\u00fcgt, das Sie unten sehen 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table.webp\" alt=\"Der Tabelle wird ein Bild hinzugef\u00fcgt\" class=\"wp-image-3351\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"12-step-03-add-text-to-the-table\">Schritt 03: Text zur Tabelle hinzuf\u00fcgen<\/h3>\n\n\n\n<p>F\u00fcgen Sie der rechten Spalte einfach Text mit Hilfe des Absatzblocks 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg.webp\" alt=\"Text zu Tableberg hinzuf\u00fcgen\" class=\"wp-image-3352\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"13-step-04-modify-the-tableberg-border\">Schritt 04: \u00c4ndern der Tableberg-Grenze<\/h3>\n\n\n\n<p>Sie k\u00f6nnen diesen Bereich ansprechender gestalten, indem Sie den Rand der Tabelle entfernen oder kolonisieren. <strong>Gehe zu <\/strong>die <strong>Registerkarte \"Stile<\/strong>.<\/p>\n\n\n\n<p><strong>Komm zu Tisch Grenze<\/strong> indem Sie auf der Registerkarte nach unten bl\u00e4ttern. In diesen Optionen k\u00f6nnen Sie den Tabellenrand entfernen oder einf\u00e4rben.<\/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\/09\/Remove-borders-from-the-table.webp\" alt=\"Rahmen aus der Tabelle entfernen\" class=\"wp-image-3353\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>So k\u00f6nnen Sie Webabschnitte erstellen, um Text und Bilder in WordPress nebeneinander zu stellen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"14-method-4-using-the-sliderberg-block\">Methode 4: Verwendung des Sliderberg-Blocks<\/h2>\n\n\n\n<p>M\u00f6chten Sie Text und Bilder nebeneinander in einem interaktiven Slider pr\u00e4sentieren? Die <strong><a href=\"https:\/\/wordpress.org\/plugins\/sliderberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Schiebereglerberg<\/a><\/strong> Plugin k\u00f6nnen Sie genau das tun - mit dem vertrauten Media &amp; Text-Block, mit voller Flexibilit\u00e4t. Hier erfahren Sie, wie Sie es in nur wenigen Minuten einrichten k\u00f6nnen:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"15-step-1-install-and-activate-the-sliderberg-plugin\">Schritt 1: Installieren und aktivieren Sie das Sliderberg Plugin<\/h3>\n\n\n\n<p>Gehen Sie zun\u00e4chst zu <strong>Plugins \u2192 Neu hinzuf\u00fcgen<\/strong> in Ihrem WordPress-Dashboard, suchen Sie nach \"Sliderberg\", und klicken Sie auf <strong>Jetzt installieren<\/strong>. Aktivieren Sie dann 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=\"512\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1024x512.png\" alt=\"\" class=\"wp-image-9815\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1024x512.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-768x384.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1536x768.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-2048x1024.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"16-step-2-insert-the-sliderberg-block\">Schritt 2: Einf\u00fcgen des Sliderberg-Blocks<\/h3>\n\n\n\n<p>Bearbeiten Sie Ihren Beitrag oder Ihre Seite. Klicken Sie auf die <strong>+<\/strong> klicken, nach \"Sliderberg\" suchen und den Sliderberg-Block an der Stelle einf\u00fcgen, an der der Schieberegler erscheinen soll.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1024x518.png\" alt=\"\" class=\"wp-image-9816\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1024x518.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-300x152.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-768x389.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1536x778.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-2048x1037.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"17-step-3-select-the-%E2%80%98blocks-slider%E2%80%99-type\">Schritt 3: W\u00e4hlen Sie den Typ 'Blocks Slider'.<\/h3>\n\n\n\n<p>Wenn Sie dazu aufgefordert werden, w\u00e4hlen Sie die <strong>Bl\u00f6cke Schieberegler<\/strong> Option. Damit k\u00f6nnen Sie beliebige Gutenberg-Bl\u00f6cke innerhalb jeder Folie hinzuf\u00fcgen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1024x510.png\" alt=\"\" class=\"wp-image-9817\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1024x510.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-768x383.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1536x765.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-2048x1020.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"18-step-4-choose-a-background-color-for-the-slider\">Schritt 4: W\u00e4hlen Sie eine Hintergrundfarbe f\u00fcr den Schieberegler<\/h3>\n\n\n\n<p>W\u00e4hlen Sie eine Hintergrundfarbe f\u00fcr Ihren Schieberegler, die zum Stil Ihrer Website passt, oder lassen Sie ihn transparent, um einen sauberen Look zu erzielen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1024x584.png\" alt=\"\" class=\"wp-image-9818\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1024x584.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-768x438.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1536x877.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-2048x1169.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"19-step-5-add-the-%E2%80%98media-amp-text%E2%80%99-block-inside-the-slider\">Schritt 5: F\u00fcgen Sie den Block 'Medien &amp; Text' innerhalb des Sliders hinzu<\/h3>\n\n\n\n<p>Klicken Sie innerhalb Ihrer ersten Folie auf die Schaltfl\u00e4che <strong>+<\/strong> Taste und f\u00fcgen Sie die <strong>Medien &amp; Text<\/strong> Block.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-video\"><video height=\"1796\" style=\"aspect-ratio: 3158 \/ 1796;\" width=\"3158\" autoplay loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-Block.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"20-step-6-add-image-and-text-to-the-slider\">Schritt 6: Bild und Text zum Slider hinzuf\u00fcgen<\/h3>\n\n\n\n<p>Verwenden Sie den Block Medien &amp; Text, um Ihr Bild hochzuladen (linke Seite) und Ihren Text hinzuzuf\u00fcgen (rechte Seite). Sie k\u00f6nnen \u00dcberschriften, Abs\u00e4tze, Schaltfl\u00e4chen oder andere Bl\u00f6cke verwenden, die Sie ben\u00f6tigen.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-video\"><video height=\"1732\" style=\"aspect-ratio: 3152 \/ 1732;\" width=\"3152\" autoplay loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Image-Text-to-the-Slider-.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"21-step-7-add-or-duplicate-slides\">Schritt 7: Folien hinzuf\u00fcgen oder duplizieren<\/h3>\n\n\n\n<p>M\u00f6chten Sie mehr Folien? Klicken Sie auf <strong>Dia hinzuf\u00fcgen<\/strong> um einen neuen zu erstellen, oder <strong>Dia duplizieren<\/strong> um ein vorhandenes Layout zu kopieren.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1024x554.png\" alt=\"\" class=\"wp-image-9820\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1024x554.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-300x162.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-768x416.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1536x832.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-2048x1109.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"22-step-8-customize-the-slider-and-publish\">Schritt 8: Anpassen des Schiebers und Ver\u00f6ffentlichen<\/h3>\n\n\n\n<p>Passen Sie die Einstellungen des Schiebereglers (Animation, automatische Wiedergabe, Navigationspfeile usw.) nach Ihren W\u00fcnschen an. Wenn Sie fertig sind, klicken Sie auf <strong>ver\u00f6ffentlichen.<\/strong> live zu gehen!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"635\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1024x635.png\" alt=\"\" class=\"wp-image-9822\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1024x635.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-300x186.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-768x476.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1536x952.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-2048x1270.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jetzt haben Sie einen reibungslosen, reaktionsf\u00e4higen Schieberegler, der Text und Bild nebeneinander anzeigt - perfekt f\u00fcr Teampr\u00e4sentationen, Produkte, Zeugnisse und mehr.<\/p>\n\n\n\n<p><strong>Profi-Tipp:<\/strong> Sie k\u00f6nnen verwenden <em>jede<\/em> Blocks innerhalb Ihrer Sliderberg-Folien - nicht nur Medien und Text! Werden Sie kreativ mit Schaltfl\u00e4chen, Symbolen, Spalten oder sogar Bl\u00f6cken von Drittanbietern.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"23-conclusion\">Schlussfolgerung<\/h3>\n\n\n\n<p>In der Tat k\u00f6nnen Sie die standardm\u00e4\u00dfigen Gutenberg-Bl\u00f6cke nutzen, um Ihre Webbeitr\u00e4ge und Seiten zu erstellen und zu gestalten. Da ihnen aber viele fortgeschrittene Funktionen fehlen, ben\u00f6tigen Sie oft zus\u00e4tzliche Block-Plugins, die viele spannende Funktionen bieten. <\/p>\n\n\n\n<p>Tableberg ist ein spannendes Plugin, das Sie in diesem Fall verwenden k\u00f6nnen. Ultimate Blocks ist ein weiteres gro\u00dfartiges Block-Plugin, das Sie in Betracht ziehen sollten. Erkunden Sie die kostenlosen Versionen dieser beiden Plugins, indem Sie auf die unten angef\u00fcgten Schaltfl\u00e4chen klicken.<\/p>\n\n\n\n<p><strong>Lesen Sie auch<\/strong>: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/de\/wie-man-bilder-in-wordpress-nebeneinander-stellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man Bilder in WordPress nebeneinander stellt<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/de\/wie-man-text-uber-einem-bild-in-wordpress-hinzufugt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man Text \u00fcber einem Bild in WordPress hinzuf\u00fcgt<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/de\/wie-man-die-grose-von-blocken-in-wordpress-andert\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man die Gr\u00f6\u00dfe von Bl\u00f6cken in WordPress \u00e4ndert<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>While covering product reviews, comparison tables, tutorials, travel stories, infographics, educational content, etc., you may have to put texts and images side by side. There are numerous ways to do this in WordPress. In this article, we&#8217;ll show you several effective ways of how to put text and image side by side in WordPress. So, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3355,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[111,112,102],"class_list":["post-3336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-amazon-product-marketing","tag-create-web-sections","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Put-Text-and-Image-Side-by-Side-in-WordPress.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\/3336","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=3336"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3336\/revisions"}],"predecessor-version":[{"id":9823,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3336\/revisions\/9823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/3355"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=3336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=3336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=3336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}