{"id":3692,"date":"2024-09-21T00:24:00","date_gmt":"2024-09-21T00:24:00","guid":{"rendered":"https:\/\/tableberg.com\/?p=3692"},"modified":"2024-09-20T21:15:22","modified_gmt":"2024-09-20T21:15:22","slug":"wie-man-text-uber-einem-bild-in-wordpress-hinzufugt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-add-text-on-top-of-an-image-in-wordpress\/","title":{"rendered":"Wie man Text \u00fcber einem Bild in WordPress hinzuf\u00fcgt"},"content":{"rendered":"<p>Das Hinzuf\u00fcgen von Text \u00fcber einem Bild erm\u00f6glicht es Ihnen, Text direkt \u00fcber visuelle Elemente zu legen. Mit dieser Funktion k\u00f6nnen Sie die Attraktivit\u00e4t Ihrer Beitr\u00e4ge und Seiten erh\u00f6hen, indem Sie Texte und Bilder kombinieren, um Botschaften auf leicht verst\u00e4ndliche Weise zu vermitteln.<\/p>\n\n\n\n<p>Es gibt zahlreiche Anwendungsf\u00e4lle, in denen Sie diese Funktion nutzen k\u00f6nnen. Zum Beispiel f\u00fcr Reisefotos, Banner, Call-to-Actions, Portfolios, Beschriftungen zu bestimmten Orten usw. In diesem Beitrag zeigen wir Ihnen, wie Sie in WordPress Text \u00fcber einem Bild hinzuf\u00fcgen k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie man Text \u00fcber einem Bild in WordPress hinzuf\u00fcgt<\/h2>\n\n\n\n<p>F\u00fcgen Sie die <strong>Bildblock<\/strong> in den Editor. Dies ist ein Standardblock, den Sie in der Blockbibliothek finden. <\/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-editor.webp\" alt=\"Hinzuf\u00fcgen des Bildblocks zum Editor\" class=\"wp-image-3693\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Damit k\u00f6nnen Sie dem Editor ein Bild hinzuf\u00fcgen. Sie k\u00f6nnen dies von Ihrem lokalen Laufwerk oder aus der Medienbibliothek tun.<\/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-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library.webp\" alt=\"F\u00fcgen Sie dem Editor ein Bild von Ihrem lokalen Laufwerk oder aus der Medienbibliothek hinzu\" class=\"wp-image-3694\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Gehen Sie auf die Symbolleiste und <strong>anklicken.<\/strong> die <strong>Text \u00fcber Bild hinzuf\u00fcgen<\/strong> Funktion.<\/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\/09\/Select-the-add-text-over-an-image-feature.webp\" alt=\"W\u00e4hlen Sie die Funktion Text \u00fcber ein Bild hinzuf\u00fcgen\" class=\"wp-image-3695\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sie erhalten die M\u00f6glichkeit, den gew\u00fcnschten Text auf das Bild zu schreiben. Schreiben Sie, was Sie wollen.<\/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-on-top-of-an-image-in-WordPress.webp\" alt=\"Text \u00fcber einem Bild in WordPress hinzuf\u00fcgen\" class=\"wp-image-3696\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sobald der Text hinzugef\u00fcgt ist, k\u00f6nnen Sie seine Ausrichtung und Stilisierung \u00e4ndern. Den Rest k\u00f6nnen Sie hoffentlich selbst erledigen.<\/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\/Set-text-alignment-on-an-image-in-WordPress.webp\" alt=\"Textausrichtung f\u00fcr ein Bild in WordPress festlegen\" class=\"wp-image-3697\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Erkunden Sie diesen Beitrag auf <a href=\"https:\/\/tableberg.com\/de\/wie-man-text-in-wordpress-ausrichtet\/\" target=\"_blank\" rel=\"noreferrer noopener\">wie man Text in WordPress ausrichtet<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wir schlie\u00dfen!<\/h2>\n\n\n\n<p>Wir hoffen, dass Ihnen dieser Leitfaden gefallen hat. Doch bevor wir enden, m\u00f6chten wir Sie an einige Punkte erinnern. Legen Sie beim Hinzuf\u00fcgen von Text \u00fcber das Bild den Schwerpunkt auf die Lesbarkeit. Achten Sie darauf, dass die Farbe des Textes und des Bildes im Kontrast zueinander stehen, damit der Text lesbar ist.<\/p>\n\n\n\n<p>Platzieren Sie den Text dann an einer geeigneten Stelle \u00fcber dem Bild, damit er keine wichtigen Elemente des Bildes verdeckt. Schlie\u00dflich sollten Sie den Text kurz und pr\u00e4gnant halten. Zu viel Text kann die Leser \u00fcberw\u00e4ltigen.<\/p>","protected":false},"excerpt":{"rendered":"<p>Adding text on top of an image allows you to overlay text directly on top of visuals. This feature can enhance the appeal of your posts and pages by combining texts and images to convey messages in easily digestible ways. There are numerous use cases where you can use this feature. For example, travel photographs, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3698,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[124,41],"class_list":["post-3692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-add-text","tag-image-block"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Add-Text-on-Top-of-an-Image-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\/3692","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=3692"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3692\/revisions"}],"predecessor-version":[{"id":3699,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3692\/revisions\/3699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/3698"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=3692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=3692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=3692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}