{"id":2792,"date":"2024-02-02T21:20:23","date_gmt":"2024-02-02T21:20:23","guid":{"rendered":"https:\/\/wpconsults.com\/?p=2792"},"modified":"2024-02-02T15:20:23","modified_gmt":"2024-02-02T21:20:23","slug":"wie-andert-man-die-grose-des-angezeigten-bildes-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/de\/how-to-change-featured-image-size-in-wordpress\/","title":{"rendered":"So \u00e4ndern Sie die Gr\u00f6\u00dfe des Beitragsbildes in WordPress"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Das \u00c4ndern der Gr\u00f6\u00dfe des Beitragsbildes in WordPress bereitet vielen Nutzern Schwierigkeiten, da der naheliegende Ort, an dem man nachsehen w\u00fcrde \u2013 n\u00e4mlich unter \u201eEinstellungen\u201c und dann \u201eMedien\u201c \u2013 das Beitragsbild gar nicht steuert. Die Gr\u00f6\u00dfe des Beitragsbildes wird durch Ihr Theme festgelegt. Um sie tats\u00e4chlich zu \u00e4ndern, m\u00fcssen Sie daher eine neue Gr\u00f6\u00dfe im Code registrieren und anschlie\u00dfend Ihr Theme anweisen, diese zu verwenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich werde Ihnen zeigen, wie man das richtig macht, und zwar mit <code>add_image_size()<\/code>, wenn ein Plugin der einfachere Weg ist, und der Schritt, den fast jeder vergisst: das Neuerstellen der Vorschaubilder, damit Ihre vorhandenen Bilder tats\u00e4chlich aktualisiert werden.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-takeaways is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Wichtigste Erkenntnisse<\/h3>\n<ul class=\"wp-block-list\"><li><strong>Unter \u201eEinstellungen &gt; Medien\u201c l\u00e4sst sich das Titelbild nicht \u00e4ndern<\/strong>; es regelt lediglich die Gr\u00f6\u00dfen \u201eMiniaturansicht\u201c, \u201emittel\u201c und \u201egro\u00df\u201c.<\/li><li><strong>Eine benutzerdefinierte Gr\u00f6\u00dfe registrieren mit <code>add_image_size()<\/code><\/strong> in der Datei \u201efunctions.php\u201c Ihres Themes ein, und zeigen Sie es dann mit <code>the_post_thumbnail()<\/code>.<\/li><li>Die <strong>Bildausschnitt-Parameter<\/strong> entscheidet \u00fcber alles: <code>wahr<\/code> Hartgetreide auf die exakten Ma\u00dfe zuschneiden, <code>falsch<\/code> beh\u00e4lt das urspr\u00fcngliche Verh\u00e4ltnis bei.<\/li><li><strong>Miniaturansichten nach jeder \u00c4nderung neu generieren<\/strong>, oder nur neu hochgeladene Bilder werden in der neuen Gr\u00f6\u00dfe angezeigt.<\/li><li>Bei einem Block-Theme (Full-Site-Editing) gibt es keine \u201esingle.php\u201c-Datei; stattdessen legen Sie die Gr\u00f6\u00dfe des Beitragsbildes in der Vorlage des Site-Editors fest.<\/li><li>Wenn Sie lieber nicht selbst in den Code eingreifen m\u00f6chten, kann ein Plugin die Gr\u00f6\u00dfen f\u00fcr Sie registrieren und anwenden.<\/li><\/ul>\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:15px 15px 0px 0px rgba(160, 152, 255, 0.31);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title{font-weight:600;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list{color:var(--global-palette4, #2D3748);font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover{color:var(--global-palette1, #3182CE);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .active > .kb-table-of-contents__entry{color:var(--global-palette1, #3182CE);}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}<\/style>\n\n\n<h2 class=\"wp-block-heading\">Machen Sie sich zun\u00e4chst klar, was die einzelnen Einstellungen tats\u00e4chlich bewirken<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Grund, warum dies verwirrend erscheint, ist, dass es in WordPress zwei verschiedene Dinge gibt, die als \u201cBildgr\u00f6\u00dfe\u201d bezeichnet werden. Unter \u201eEinstellungen\u201c &gt; \u201eMedien\u201c werden die drei von WordPress generierten Standardgr\u00f6\u00dfen (Miniaturansicht, mittel, gro\u00df) gesteuert, die f\u00fcr Ihre Inhaltsbilder verwendet werden. Das Beitragsbild wird jedoch von Ihrem Theme in der Gr\u00f6\u00dfe angezeigt, die das Theme registriert hat. Daher hat das Bearbeiten der Einstellungen unter \u201eMedien\u201c oft keine sichtbaren Auswirkungen auf Ihre Beitragsbilder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie zun\u00e4chst einmal nur wissen m\u00f6chten, auf welche Dimensionen Sie sich konzentrieren sollten, habe ich das im Begleitleitfaden zum Thema <a href=\"https:\/\/www.wpconsults.com\/de\/grose-des-angezeigten-bildes-in-wordpress\/\">Gr\u00f6\u00dfe des Titelbilds in WordPress<\/a>. In diesem Beitrag geht es darum, dies tats\u00e4chlich zu \u00e4ndern.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Verfahren<\/th><th>Was sich dadurch \u00e4ndert<\/th><th>Am besten geeignet f\u00fcr<\/th><\/tr><\/thead><tbody><tr><td>Einstellungen &gt; Medien<\/td><td>Standard-Miniaturansicht, mittlere und gro\u00dfe Gr\u00f6\u00dfe<\/td><td>Inhaltsbilder, kleine Anpassungen<\/td><\/tr><tr><td>add_image_size() in der Datei \u201efunctions.php\u201c<\/td><td>Eine neue benutzerdefinierte Gr\u00f6\u00dfe f\u00fcr das Titelbild<\/td><td>Eine pr\u00e4zise, themen\u00fcbergreifende Ausgabegr\u00f6\u00dfe<\/td><\/tr><tr><td>Einstellungen f\u00fcr das Design oder den Website-Editor<\/td><td>Wie das aktive Theme die Miniaturansicht anzeigt<\/td><td>Block-Themes und Page-Builder<\/td><\/tr><tr><td>Ein spezielles Plugin<\/td><td>Erfasst und wendet Gr\u00f6\u00dfen f\u00fcr Sie an<\/td><td>Code g\u00e4nzlich vermeiden<\/td><\/tr><\/tbody><\/table><figcaption>Die vier M\u00f6glichkeiten, die Gr\u00f6\u00dfe des Titelbildes zu beeinflussen, und worauf sich die einzelnen Optionen konkret auswirken, damit Sie die richtige Einstellung vornehmen k\u00f6nnen.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 1: Eine benutzerdefinierte Gr\u00f6\u00dfe in der Datei \u201efunctions.php\u201c registrieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcgen Sie in der Datei \u201efunctions.php\u201c Ihres Themes eine neue Bildgr\u00f6\u00dfe hinzu (verwenden Sie ein Child-Theme, damit diese bei einem Update nicht gel\u00f6scht wird). Dadurch wird WordPress angewiesen, diese Gr\u00f6\u00dfe bei jedem neuen Upload zu generieren. Die Funktion ist in der <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_image_size\/\" rel=\"nofollow noopener\" target=\"_blank\">WordPress-Entwicklerhandbuch<\/a>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_image_size( 'featured-large', 1200, 675, true );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser letzte Parameter ist der wichtigste. Mit <code>wahr<\/code>, schneidet WordPress das Bild exakt auf 1200 \u00d7 675 zu, sodass es immer den Rahmen ausf\u00fcllt, wobei jedoch m\u00f6glicherweise die R\u00e4nder abgeschnitten werden. Mit <code>falsch<\/code>, dabei wird das Bild so skaliert, dass es in diese Grenzen passt, wobei das urspr\u00fcngliche Seitenverh\u00e4ltnis beibehalten wird; es wird also nichts abgeschnitten, aber die Abmessungen sind nicht garantiert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 2: Zeigen Sie die neue Gr\u00f6\u00dfe in Ihrer Vorlage an<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Gr\u00f6\u00dfe zu registrieren ist nur die halbe Arbeit; man muss dem Theme auch mitteilen, dass es diese verwenden soll. Suche in einem klassischen Theme die Stelle, an der das Beitragsbild ausgegeben wird (oft in der Datei \u201esingle.php\u201c), und \u00fcbergebe deinen neuen Gr\u00f6\u00dfen-Namen an <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_post_thumbnail\/\" rel=\"nofollow noopener\" target=\"_blank\"><code>the_post_thumbnail()<\/code><\/a>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>the_post_thumbnail( 'featured-large' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem modernen Block-Theme gibt es keine \u201esingle.php\u201c-Datei, die bearbeitet werden muss. \u00d6ffnen Sie stattdessen \u201eDarstellung\u201c und dann \u201eEditor\u201c, bearbeiten Sie die Vorlage f\u00fcr Einzelbeitr\u00e4ge, w\u00e4hlen Sie den Block \u201eBeitragsbild\u201c aus und legen Sie dort die Abmessungen fest. Das Prinzip ist dasselbe, nur dass es visuell statt in PHP erfolgt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 3: Generieren Sie Ihre vorhandenen Vorschaubilder neu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hier ist der Schritt, den viele \u00fcbersehen. Eine neu festgelegte Gr\u00f6\u00dfe gilt nur f\u00fcr Bilder, die nach der Festlegung hochgeladen werden; Ihre bereits vorhandenen Vorschaubilder behalten daher ihre alten Abmessungen bei. Um die neue Gr\u00f6\u00dfe auf alle bereits in Ihrer Medienbibliothek vorhandenen Bilder anzuwenden, m\u00fcssen Sie die Vorschaubilder neu generieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der einfachste Weg ist der kostenlose <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" rel=\"nofollow noopener\" target=\"_blank\">Vorschaubilder neu generieren<\/a> Plugin, das mit nur wenigen Klicks alle Gr\u00f6\u00dfen neu generiert. Wenn Sie die Befehlszeile bevorzugen, <code>WP Media Regenerate<\/code> \u00dcber WP-CLI l\u00e4sst sich dasselbe auch ohne Plugin bewerkstelligen, was sich gut eignet, wenn man den Build schlank halten m\u00f6chte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00f6chtest du lieber nicht am Code herumspielen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Code-Methode bietet Ihnen die pr\u00e4ziseste Kontrolle, und ich greife bei Kundenwebsites gerne darauf zur\u00fcck. Wenn Sie sich jedoch nicht wohl dabei f\u00fchlen, die Datei \u201efunctions.php\u201c zu bearbeiten, k\u00f6nnen Sie mit einem Plugin f\u00fcr Featured-Images oder Bildgr\u00f6\u00dfen eine benutzerdefinierte Gr\u00f6\u00dfe \u00fcber den Einstellungsbildschirm registrieren und anwenden \u2013 und f\u00fcr eine einmalige \u00c4nderung ist das ein durchaus vertretbarer Kompromiss. Denken Sie jedoch daran, dass es ein weiteres Plugin ist, das Sie auf dem neuesten Stand halten m\u00fcssen; daher greife ich nur dann darauf zur\u00fcck, wenn eine Programmierl\u00f6sung wirklich nicht in Frage kommt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie l\u00e4sst sich das also am saubersten \u00e4ndern?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00e4re das meine Website, w\u00fcrde ich die Gr\u00f6\u00dfe bei <code>add_image_size()<\/code>, rufen Sie es in der Vorlage auf und generieren Sie anschlie\u00dfend die Vorschaubilder neu, denn so erhalten Sie eine einheitliche Gr\u00f6\u00dfe der vorgestellten Bilder in jedem Beitrag, ohne dass ein zus\u00e4tzliches Plugin im Hintergrund l\u00e4uft. Es sind zwar drei Schritte, aber es sind die Schritte, die man sich tats\u00e4chlich merkt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Greifen Sie nur dann auf ein Plugin zur\u00fcck, wenn das Bearbeiten von Code f\u00fcr Sie nicht in Frage kommt, und egal, f\u00fcr welchen Weg Sie sich entscheiden: \u00dcberspringen Sie auf keinen Fall den Schritt der Neugenerierung, da erst dadurch die \u00c4nderung in den bereits ver\u00f6ffentlichten Beitr\u00e4gen sichtbar wird.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-changelog is-layout-flow wp-block-group-is-layout-flow\" id=\"article-update-logs\">\n<h2 class=\"wp-block-heading\">\u00c4nderungsprotokolle<\/h2>\n<p class=\"wp-block-paragraph\"><strong>01. Juli 2026<\/strong><\/p>\n<ul class=\"wp-block-list\"><li>Zu einer \u00fcbersichtlichen dreistufigen Methode (Registrieren, Anzeigen, Neu generieren) \u00fcberarbeitet, die Anweisungen zu \u201eEinstellungen &gt; Medien\u201c und zum Site-Editor f\u00fcr Block-Themes erg\u00e4nzt sowie eine WP-CLI-Alternative zum Plugin hinzugef\u00fcgt.<\/li><\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Um die Gr\u00f6\u00dfe des Beitragsbildes in WordPress zu \u00e4ndern, registrieren Sie eine Bildgr\u00f6\u00dfe mit `add_image_size` in der Datei `functions.php`, rufen Sie diese in Ihrer Vorlage auf und generieren Sie anschlie\u00dfend die Miniaturansichten f\u00fcr alte Bilder neu.<\/p>","protected":false},"author":1,"featured_media":7384,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kb_optimizer_status":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","rank_math_title":"How to Change Featured Image Size in WordPress","rank_math_description":"How to change featured image size in WordPress: register a custom size with add_image_size, call it in your template, and regenerate existing thumbnails.","rank_math_focus_keyword":"how to change featured image size in wordpress","_colophon_preset":"regular","_colophon_fc_on":"","_colophon_edited_on":"","_colophon_editor_on":"","_colophon_editor_id":0,"_colophon_editor_name":"","_wpc_translation_mode":"keep","_wpc_translation_visited":"2026-07-22 03:33 UTC (backfill)","_wpc_keep_translation":false,"_wpc_lastmod":"","footnotes":""},"categories":[7],"tags":[64],"class_list":["post-2792","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips-tutorials","tag-without-plugin-series"],"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/2792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/comments?post=2792"}],"version-history":[{"count":0,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/2792\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media\/7384"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media?parent=2792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/categories?post=2792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/tags?post=2792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}