{"id":6371,"date":"2024-12-30T16:54:55","date_gmt":"2024-12-30T16:54:55","guid":{"rendered":"https:\/\/tableberg.com\/?p=6371"},"modified":"2024-12-30T16:54:55","modified_gmt":"2024-12-30T16:54:55","slug":"wie-man-den-bildblock-in-wordpress-verwendet","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-use-the-image-block-in-wordpress\/","title":{"rendered":"Wie man den Image Block in WordPress in 3 einfachen Schritten verwendet"},"content":{"rendered":"<p>Bilder sind f\u00fcr jede Website unerl\u00e4sslich, um sie visuell ansprechend zu gestalten. Deshalb m\u00fcssen Sie lernen, wie Sie den Bildblock in WordPress verwenden. Wie jeder andere Page Builder verf\u00fcgt auch der Gutenberg-Block-Builder \u00fcber den zentralen Bildblock zum Hinzuf\u00fcgen von Bildern. <\/p>\n\n\n\n<p>Heute werden wir Ihnen die vollst\u00e4ndigen Richtlinien f\u00fcr den Bildblock, seine Vorteile, Funktionen und seine Verwendung vorstellen. Vergewissern Sie sich, dass Sie von Anfang bis Ende bei uns sind. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist der Image Block?<\/h2>\n\n\n\n<p>Die<strong> <a href=\"https:\/\/wordpress.org\/documentation\/article\/image-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bildblock<\/a> <\/strong>ist der spezielle Kernblock mit dem WordPress-Blockeditor zum Hinzuf\u00fcgen von Bildern. Mit dem Image Block k\u00f6nnen Sie Bilder in Ihren Inhalt einf\u00fcgen, bearbeiten und anpassen. <\/p>\n\n\n\n<p>Der Core Image Block bietet Ihnen folgende Vorteile.<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-a5b2221b-d59e-4664-920c-3611f456d19e\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Benutzerfreundlichkeit: <\/strong>Der Bildblock ist einfach zu verwenden, da jeder ihn ohne besondere Kenntnisse nutzen kann. Auch das Hinzuf\u00fcgen von Bildern mit diesem Block ist einfach. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Anpassungen: <\/strong>Zur Anpassung k\u00f6nnen Sie die Gr\u00f6\u00dfe des Bildes \u00e4ndern, die Bildausrichtung festlegen, Beschriftungen hinzuf\u00fcgen usw. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>SEO-Optimierung:<\/strong> Mit dem Bildblock k\u00f6nnen Sie jedem Bild einen Alt-Text hinzuf\u00fcgen, der Suchmaschinen hilft, Ihr Bild besser zu verstehen. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Kostenlos ausprobieren<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Funktionen der Bildblock-Symbolleiste<\/h2>\n\n\n\n<p>Die Bildblock-Symbolleiste hat mehrere Funktionen, mit denen Sie sie anpassen k\u00f6nnen. Die Funktionen der Blocksymbolleiste werden im Folgenden erl\u00e4utert. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Verwandeln: <\/strong>Sie k\u00f6nnen diesen Block in einen Absatz, einen Code, eine Spalte usw. umwandeln.<\/li>\n\n\n\n<li><strong>Ziehen: <\/strong>Erm\u00f6glicht das Ziehen und Ablegen des entsprechenden Blocks an einer beliebigen Stelle.<\/li>\n\n\n\n<li><strong>Beweglicher Handgriff: <\/strong>Sie k\u00f6nnen Ihren Block nach oben und unten bewegen.<\/li>\n\n\n\n<li><strong>Ausrichten:<\/strong> Mit der Option Ausrichten k\u00f6nnen Sie die Bildausrichtung auf Keine, Breite, Volle Breite, Links, Mitte und Rechts einstellen. <\/li>\n\n\n\n<li><strong>Duotone Filter: <\/strong>Mit dem Duotone-Filter k\u00f6nnen Sie einen zweifarbigen Effekt erzeugen, ohne dass das Originalbild verloren geht. Auch hier k\u00f6nnen Sie Schatten und Lichter mit dieser Funktion einstellen. <\/li>\n\n\n\n<li><strong>Hyperlink: <\/strong>Mit dieser Option k\u00f6nnen Sie Links f\u00fcr ausgew\u00e4hlte Inhalte innerhalb des Blocks hinzuf\u00fcgen.<\/li>\n\n\n\n<li><strong>Kulturpflanzen: <\/strong>Mit der Option Zuschneiden k\u00f6nnen Sie das Bild zoomen, das Seitenverh\u00e4ltnis \u00e4ndern und das Bild drehen. <\/li>\n\n\n\n<li><strong>Text \u00fcber Bild hinzuf\u00fcgen:<\/strong> Damit k\u00f6nnen Sie Text \u00fcber das Bild legen und andere Bl\u00f6cke innerhalb des Bildblocks hinzuf\u00fcgen. Es dreht das <strong>Bildblock<\/strong> in die <strong>Abdeckblock<\/strong>. <\/li>\n\n\n\n<li><strong>Beschriftung hinzuf\u00fcgen: <\/strong>Mit dieser Option k\u00f6nnen Sie Beschriftungen hinzuf\u00fcgen. <\/li>\n\n\n\n<li><strong>Ersetzen:<\/strong> Mit der Option Ersetzen k\u00f6nnen Sie Ihr aktuelles Bild durch das andere Bild ersetzen.  <\/li>\n\n\n\n<li><strong>Mehr Optionen: <\/strong>Bietet weitere Optionen in Bezug auf den Abschnitt des Blocks, z. B. Duplizieren, Kopieren, Gruppieren usw.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6375\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-300x212.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-768x543.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Wie verwendet man den Image Block in WordPress?<\/h2>\n\n\n\n<p>Im Folgenden zeigen wir Ihnen, wie Sie den WordPress-Bilderblock in einigen einfachen Schritten verwenden k\u00f6nnen. Alles, was Sie tun m\u00fcssen, ist zu folgen. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Einf\u00fcgen des Bildblocks<\/h3>\n\n\n\n<p>Um den Bildblock einzuf\u00fcgen, gehen Sie zu Ihrem Beitrag oder Ihrer Seite. <\/p>\n\n\n\n<p>Danach klicken Sie auf den Block hinzuf\u00fcgen (\"<strong>+<\/strong>\") <strong>Block hinzuf\u00fcgen<\/strong> Symbol\u00a0<strong>(1)<\/strong>, Typ \"<strong>Bild<\/strong>\" im Suchfeld\u00a0<strong>(2)<\/strong>und klicken Sie auf \"<strong>Bild<\/strong>\"\u00a0<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"608\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png\" alt=\"Wie man den Bildblock in WordPress verwendet\" class=\"has-border-color has-main-accent-border-color wp-image-6381\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-300x205.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-768x526.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Einf\u00fcgen Ihrer Bilddatei<\/h3>\n\n\n\n<p>Sie k\u00f6nnen eine dieser drei Optionen w\u00e4hlen. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Hochladen: <\/strong>Sie k\u00f6nnen Ihre Bilddateien hochladen. <\/li>\n\n\n\n<li><strong>Mediathek: <\/strong>Damit k\u00f6nnen Sie Bilder aus Ihrer Mediathek ausw\u00e4hlen, die bereits zuvor hochgeladen wurden. <\/li>\n\n\n\n<li><strong>Von URL einf\u00fcgen:<\/strong> Sie k\u00f6nnen das Bild \u00fcber die Links einf\u00fcgen. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"496\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6382\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-300x168.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-768x431.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-18x10.png 18w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Bild \u00fcber Upload-Option einf\u00fcgen<\/h4>\n\n\n\n<p>Um Bilddateien einzuf\u00fcgen, klicken Sie auf die Schaltfl\u00e4che Hochladen, w\u00e4hlen Sie Ihr Bild aus und klicken Sie auf \u00d6ffnen. Danach wird es im Editor ge\u00f6ffnet. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"494\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-07-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6384\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Einf\u00fcgen von Bildern \u00fcber die Option Medienbibliothek<\/h4>\n\n\n\n<p>Klicken Sie auf die Schaltfl\u00e4che Medienbibliothek, w\u00e4hlen Sie das Bild aus, und klicken Sie auf die Schaltfl\u00e4che Ausw\u00e4hlen, um das Bild in den Editor einzuf\u00fcgen. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"640\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-19-28.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6385\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Einf\u00fcgen von Bildern \u00fcber die Option Bild von URL einf\u00fcgen<\/h4>\n\n\n\n<p>W\u00e4hlen Sie die Schaltfl\u00e4che Aus URL einf\u00fcgen, geben Sie den Link ein, und er wird im Editor angezeigt. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"614\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-51-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6386\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: Bildanpassung<\/h3>\n\n\n\n<p>Wenn Sie das Bild in den Editor eingef\u00fcgt haben, k\u00f6nnen Sie die Gr\u00f6\u00dfe direkt im Editor \u00e4ndern. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"732\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-56-07.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6387\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen auch verschiedene Optionen in den Blockeinstellungen festlegen. Um auf die Blockeinstellungen zuzugreifen, navigieren Sie zu <strong>Einstellungen<\/strong> (<strong>1<\/strong>) <strong>><\/strong> <strong>Block<\/strong> <strong>(2)<\/strong> <strong>&gt; Einstellungen<\/strong> <strong>(3)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"812\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6388\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png 880w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-300x277.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-768x709.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-13x12.png 13w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<p><strong>Die Einstellungsoptionen enthalten Funktionen wie:<\/strong><\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"530\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6394\" style=\"border-width:1px;border-radius:3px;width:231px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png 288w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-163x300.png 163w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-7x12.png 7w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li><strong>Alternativer Text:<\/strong> Erm\u00f6glicht es Ihnen, Alternativtext f\u00fcr SEO-Zwecke festzulegen.<\/li>\n\n\n\n<li><strong>Bildseitenverh\u00e4ltnis:<\/strong> Hier k\u00f6nnen Sie das Seitenverh\u00e4ltnis f\u00fcr Ihr Bild auf Original, Quadrat, Standard, Hochformat, Klassisch, Klassisches Hochformat, Breit und Hoch einstellen. <\/li>\n\n\n\n<li><strong>Aufl\u00f6sung:<\/strong> Sie k\u00f6nnen die Aufl\u00f6sung auf \"Gro\u00df\", \"Mittel\", \"Miniatur\" und \"Vollbild\" einstellen.<\/li>\n\n\n\n<li><strong>Breite:<\/strong> Stellen Sie die gew\u00fcnschte Breite ein. <\/li>\n\n\n\n<li><strong>H\u00f6he:<\/strong> Legen Sie die H\u00f6he des gew\u00fcnschten Bildes fest. <\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>Die Blockstile enthalten weitere Styling-Funktionen, die Sie f\u00fcr die Gestaltung des Bildblocks ben\u00f6tigen. <\/p>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Stile:<\/strong> Mit dieser Funktion k\u00f6nnen Sie die Bildstile auf Standard und Abgerundet einstellen. <\/li>\n\n\n\n<li><strong>Filter: <\/strong>Mit den Filtern k\u00f6nnen Sie einen Duotone-Filter f\u00fcr Ihr Bild festlegen, ohne dass es seine Originalit\u00e4t verliert. <\/li>\n\n\n\n<li><strong>Abmessungen: <\/strong>Mit dieser Funktion k\u00f6nnen Sie R\u00e4nder f\u00fcr Ihr Bild festlegen. <\/li>\n\n\n\n<li><strong>Grenze &amp; Schatten:<\/strong> Sie k\u00f6nnen mit dieser Funktion einen Rahmen und einen Rahmenradius f\u00fcr den Bildblock hinzuf\u00fcgen. <\/li>\n<\/ol>\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 is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"698\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6396\" style=\"border-width:1px;border-radius:3px;width:237px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png 298w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-128x300.png 128w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-5x12.png 5w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>So verwenden Sie also den Bildblock und seine Optionen. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"504\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6400\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png 693w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-300x218.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-18x12.png 18w\" sizes=\"auto, (max-width: 693px) 100vw, 693px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schlussgedanken!<\/h2>\n\n\n\n<p>Der Image Block in WordPress ist ein benutzerfreundliches und leistungsstarkes Tool, das Ihnen hilft, Ihre Inhalte mit visuellen Elementen aufzuwerten. Beherrschen Sie alle Funktionen dieses Blocks und gestalten Sie Ihre Website visuell ansprechend. <\/p>\n\n\n\n<p>Der Bildblock eignet sich hervorragend, um Produkte hervorzuheben, Erinnerungen mitzuteilen oder ein Konzept zu erkl\u00e4ren. Er tr\u00e4gt auch dazu bei, dass Ihre Bilder optimal aussehen. <\/p>\n\n\n\n<p>Wenn Sie also das n\u00e4chste Mal an einem WordPress-Projekt arbeiten, verwenden Sie diesen praktischen Block, um Ihre Inhalte aufzuwerten.<\/p>\n\n\n\n<p>Ich hoffe, Sie fanden diese Anleitung aufschlussreich und einfach zu folgen. Lasst mich in den Kommentaren unten wissen, was ihr von der Anleitung und dem Block haltet. <\/p>\n\n\n\n<p>Vergessen Sie auch nicht, dies auf Ihren sozialen Medien zu teilen und andere \u00fcber diesen gro\u00dfartigen Bildblock zu informieren. <\/p>\n\n\n\n<p><strong>Mehr lesen!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-c1022999-7c84-4107-a81c-b58dcd3ed84a\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-vorformatierten-block-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den vorformatierten Block in WordPress in 3 einfachen Schritten verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-code-block-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den Code-Block in WordPress in 3 einfachen Schritten verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-zitatblock-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den Zitatblock in WordPress in 3 einfachen Schritten verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-listenblock-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den Listenblock in WordPress verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-wordpress-block-editor-benutzt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den WordPress-Block-Editor verwendet (Anleitung f\u00fcr Anf\u00e4nger)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/beste-woocommerce-preistabelle-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 Beste WooCommerce Preistabelle Plugins<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-d1c22a5b-a912-4cfb-a537-fa8558d65e66\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"Facebook-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-image-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><a aria-label=\"Twitter-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-image-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-image-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Image is essential for every website to make it visually engaging. That&#8217;s why you must learn how to use the image block in WordPress. Like any other page builder, the Gutenberg block builder comes with the core image block for adding images. Today, we will share the complete guidelines on the image block, its benefits, [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6372,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6371","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-Image-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/de\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6371","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=6371"}],"version-history":[{"count":12,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6371\/revisions"}],"predecessor-version":[{"id":6404,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6371\/revisions\/6404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/6372"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=6371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=6371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=6371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}