{"id":23996,"date":"2021-05-09T15:45:00","date_gmt":"2021-05-09T12:45:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23996"},"modified":"2021-10-18T02:45:35","modified_gmt":"2021-10-17T23:45:35","slug":"so-registrieren-sie-benutzerdefinierte-bildgrosen-und-andern-die-grose-vorhandener-bilder-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-registrieren-sie-benutzerdefinierte-bildgrosen-und-andern-die-grose-vorhandener-bilder-in-wordpress\/","title":{"rendered":"So registrieren Sie benutzerdefinierte Bildgr\u00f6\u00dfen und \u00e4ndern die Gr\u00f6\u00dfe vorhandener Bilder in WordPress"},"content":{"rendered":"<p>WordPress verf\u00fcgt \u00fcber ein integriertes Feature-Post-Miniaturbild, auch bekannt als Featured Image. Immer wenn ein neues Bild \u00fcber den Medien-Uploader in WordPress hochgeladen wird, werden 3 Arten von Bildern mit unterschiedlichen Gr\u00f6\u00dfen erstellt.<\/p>\n<p>Der Administrator kann 3 Gr\u00f6\u00dfen f\u00fcr Bilder auf der Seite <strong>Einstellungen-&gt;Medien<\/strong> registrieren .<\/p>\n<h3>Standardgr\u00f6\u00dfe f\u00fcr Miniaturansichten<\/h3>\n<p>Wie im Screenshot zu sehen, werden Thumbnail-Gr\u00f6\u00dfe, Mittlere Gr\u00f6\u00dfe, Gro\u00dfe Gr\u00f6\u00dfe registriert. Wenn wir ein neues Bild hochladen, werden proportional 3 Bilder mit den oben angegebenen Abmessungen erstellt. Wenn wir unter &#8218;Miniaturgr\u00f6\u00dfe&#8216; die Option &#8218;Miniaturansicht auf genaue Abmessungen zuschneiden (normalerweise sind Miniaturansichten proportional)&#8216; ausw\u00e4hlen, wird das Bild auf die angegebene Gr\u00f6\u00dfe hart zugeschnitten.<\/p>\n<p>Es geht um standardm\u00e4\u00dfige 3 Bildgr\u00f6\u00dfen, die WordPress uns von den Medieneinstellungen aus erm\u00f6glicht. Was ist, wenn wir eine weitere Gr\u00f6\u00dfe f\u00fcr das hochgeladene Bild registrieren m\u00fcssen? Es gibt einige F\u00e4lle, in denen wir die Bilder mit der genauen Breite und H\u00f6he anzeigen m\u00fcssen.<\/p>\n<p>Nun, wir k\u00f6nnen dies mit den wenigen Codezeilen tun.<\/p>\n<h3>Neue Bildgr\u00f6\u00dfe f\u00fcr Miniaturansichten registrieren<\/h3>\n<p>WordPress bietet eine Funktion, <code>add_image_size()<\/code>die hilft, neue post_thumbnail-Gr\u00f6\u00dfen zu registrieren.<\/p>\n<p>Um diese Methode zu verwenden, sollten wir die Unterst\u00fctzung f\u00fcr Post-Thumbnails hinzuf\u00fcgen. Platzieren Sie den folgenden Code in der <code>functions.php<\/code>Datei.<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n<p><code>add_image_size()<\/code> Methode hat 4 Parameter wie diese: add_image_size(&#8217;name-of-size&#8216;, width, height, crop mode );<\/p>\n<p>Wenn wir den vierten Parameter als true \u00fcbergeben, ist das Bild ein harter Zuschnitt. Wenn wir false \u00fcbergeben, wird das Bild proportional zugeschnitten.<\/p>\n<p>Beispielcode w\u00e4re wie folgt.<\/p>\n<pre><code>add_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n<p>Stellen Sie sicher, dass Sie in der obigen Funktion keine reservierten Namen verwenden. Reservierte Namen sind &#8218;thumb&#8216;, &#8218;thumbnail&#8216;, &#8218;medium&#8216;, &#8218;large&#8216;, &#8218;post-thumbnail&#8216;.<\/p>\n<p>Unser endg\u00fcltiger Code ist also wie folgt.<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n<p>Sobald Sie den obigen Code in Ihre functions.php einf\u00fcgen, erstellt jedes neue Bild, das \u00fcber den Medien-Uploader hochgeladen wird, zus\u00e4tzliche 2 Miniaturansichten mit den obigen Gr\u00f6\u00dfen.<\/p>\n<h3>Wie benutzt man es?<\/h3>\n<p>Wir haben Code f\u00fcr zus\u00e4tzliche Bildgr\u00f6\u00dfen hinzugef\u00fcgt. Um diese Bilder anzuzeigen, k\u00f6nnen Sie den folgenden Code verwenden.<\/p>\n<pre><code>&lt;?php the_post_thumbnail( 'your-specified-image-size-name' ); ?&gt;<\/code><\/pre>\n<p>Der obige Code sollte innerhalb der Post-Schleife verwendet werden. Wenn Sie es au\u00dferhalb der Schleife verwenden m\u00f6chten, lautet der Code:<\/p>\n<pre><code>&lt;?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?&gt;<\/code><\/pre>\n<h3>Warum sollten Thumbnails regenerieren verwendet werden?<\/h3>\n<p><code>add_image_size()<\/code>Funktion registriert neue Miniaturansichtsgr\u00f6\u00dfen f\u00fcr die neuen Bilder, nicht f\u00fcr die alten Bilder, die bereits in ein System hochgeladen wurden. Um alte Bilder zu konvertieren, installieren Sie das Plugin <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Regenerate Thumbnails<\/a> und aktivieren Sie es.<\/p>\n<p>Gehen Sie nach der Aktivierung des Plugins zu <strong>Tools-&gt;Regen. Miniaturansichten<\/strong>. Klicken Sie auf die Schaltfl\u00e4che Alle Miniaturansichten neu generieren.<\/p>\n<p>Sie k\u00f6nnen auch Miniaturansichten f\u00fcr das angegebene Bild neu generieren. Unten sind Schritte daf\u00fcr.<\/p>\n<ul>\n<li>Gehen Sie zur Medienseite.<\/li>\n<li>W\u00e4hlen Sie das Tabellenraster-Layout aus.<\/li>\n<li>Markieren Sie das Bild, f\u00fcr das Sie Miniaturansichten neu generieren m\u00f6chten.<\/li>\n<li>W\u00e4hlen Sie im Dropdown-Men\u00fc die Option \u201eMiniaturansichten neu generieren&#8220;.<\/li>\n<li>Klicken Sie auf die Schaltfl\u00e4che \u00dcbernehmen.<\/li>\n<\/ul>\n<p>Wir hoffen, Sie haben Verst\u00e4ndnis f\u00fcr das Registrieren benutzerdefinierter Bildgr\u00f6\u00dfen und das \u00c4ndern der Gr\u00f6\u00dfe vorhandener Bilder. Wenn Sie Fragen oder Anregungen haben, hinterlassen Sie bitte unten einen Kommentar.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-legen-sie-ein-hervorgehobenes-bild-programmgesteuert-in-wordpress-fest\/\" title=\"So legen Sie ein hervorgehobenes Bild programmgesteuert in WordPress fest\">So legen Sie ein hervorgehobenes Bild programmgesteuert in WordPress fest<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/bildgrose-in-php-mit-tinypng-andern\/\" title=\"Bildgr\u00f6\u00dfe in PHP mit TinyPNG \u00e4ndern\">Bildgr\u00f6\u00dfe in PHP mit TinyPNG \u00e4ndern<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/bild-mit-bulletproof-library-in-php-hochladen-upload\/\" title=\"Bild mit der Bulletproof-Bibliothek in PHP hochladen\">Bild mit der Bulletproof-Bibliothek in PHP hochladen<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wir k\u00f6nnen eine benutzerdefinierte Bildgr\u00f6\u00dfe in WordPress registrieren. add_image_size()-Funktion, die verwendet wird, um die Miniaturansicht des Beitrags f\u00fcr zus\u00e4tzliche Gr\u00f6\u00dfe zu registrieren.<\/p>\n","protected":false},"author":1,"featured_media":20673,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[496,607],"tags":[845],"class_list":["post-23996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=23996"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23996\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/20673"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=23996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=23996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=23996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}