{"id":27585,"date":"2021-05-09T16:17:00","date_gmt":"2021-05-09T13:17:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27585"},"modified":"2021-10-17T05:06:30","modified_gmt":"2021-10-17T02:06:30","slug":"sa-har-registrerar-du-anpassade-bildstorlekar-och-andrar-storlek-pa-befintliga-bilder-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/sa-har-registrerar-du-anpassade-bildstorlekar-och-andrar-storlek-pa-befintliga-bilder-i-wordpress\/","title":{"rendered":"S\u00e5 h\u00e4r registrerar du anpassade bildstorlekar och \u00e4ndrar storlek p\u00e5 befintliga bilder i WordPress"},"content":{"rendered":"<p>WordPress har en inbyggd miniatyr av funktionsinl\u00e4gg aka featured image. N\u00e4r en ny bild laddas upp till WordPress via mediauppladdaren skapas 3 typer av bilder med olika storlekar.<\/p>\n<p>Administrat\u00f6ren kan registrera tre storlekar f\u00f6r bilder fr\u00e5n <strong>Inst\u00e4llningar-&gt; Mediesidan<\/strong>.<\/p>\n<h3>Standard miniatyrstorlek<\/h3>\n<p>Som framg\u00e5r av sk\u00e4rmdumpen registreras miniatyrstorlek, medelstorlek, stor storlek. N\u00e4r vi laddar upp en ny bild skapas 3 bilder med ovan angivna dimensioner proportionellt. Om vi \u200b\u200bv\u00e4ljer alternativet &#8221; Besk\u00e4r miniatyr till exakta dimensioner (normalt \u00e4r miniatyrbilder proportionella) &#8221; under &#8221; Miniatyrstorlek &#8221; kommer bilden att vara en h\u00e5rd besk\u00e4rning till den angivna storleken.<\/p>\n<p>Det handlar om 3 standardstorlekar av bild som WordPress till\u00e5ter oss fr\u00e5n Media-inst\u00e4llningar. Vad h\u00e4nder om vi beh\u00f6ver registrera ytterligare en storlek f\u00f6r den uppladdade bilden? Det finns n\u00e5gra fall d\u00e4r vi beh\u00f6ver visa bilderna med exakt bredd och h\u00f6jd.<\/p>\n<p>Tja, vi kan g\u00f6ra det med n\u00e5gra f\u00e5 kodrader.<\/p>\n<h3>Registrera ny bildstorlek f\u00f6r miniatyrer<\/h3>\n<p>WordPress tillhandah\u00e5ller en funktion <code>add_image_size()<\/code>som hj\u00e4lper till att registrera ny storlek p\u00e5 miniatyrbild.<\/p>\n<p>F\u00f6r att anv\u00e4nda denna metod b\u00f6r vi l\u00e4gga till st\u00f6d f\u00f6r inl\u00e4ggsminiatyrer. Placera koden nedan i <code>functions.php<\/code>filen.<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n<p><code>add_image_size()<\/code> metoden har fyra parametrar s\u00e5 h\u00e4r: add_image_size (&#8217;name-of-size&#8217;, bredd, h\u00f6jd, besk\u00e4rningsl\u00e4ge);<\/p>\n<p>Om vi \u200b\u200bskickar den fj\u00e4rde parametern som sant s\u00e5 blir bilden en h\u00e5rd besk\u00e4rning. Om vi \u200b\u200bpasserar falskt besk\u00e4rs bilden proportionellt.<\/p>\n<p>Exempelkoden skulle vara som f\u00f6ljer.<\/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>Se till att du inte anv\u00e4nder reserverade namn i ovanst\u00e5ende funktion. Reserverade namn \u00e4r &quot;thumb&quot;, &quot;thumbnail&quot;, &quot;medium&quot;, &quot;large&quot;, &quot;post-thumbnail&quot;.<\/p>\n<p>S\u00e5 v\u00e5r slutliga kod \u00e4r som f\u00f6ljer.<\/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>N\u00e4r du har lagt till ovanst\u00e5ende kod i dina funktioner.php skapar varje ny bild som laddas upp via mediauppladdaren ytterligare tv\u00e5 miniatyrer med ovanst\u00e5ende storlekar.<\/p>\n<h3>Hur man anv\u00e4nder det?<\/h3>\n<p>Vi har lagt till kod f\u00f6r ytterligare bildstorlekar. F\u00f6r att visa dessa bilder kan du anv\u00e4nda koden nedan.<\/p>\n<pre><code>&lt;?php the_post_thumbnail( 'your-specified-image-size-name' ); ?&gt;<\/code><\/pre>\n<p>Ovanst\u00e5ende kod ska anv\u00e4ndas inuti inl\u00e4ggsslingan. Om du vill anv\u00e4nda den utanf\u00f6r slingan kommer koden att vara:<\/p>\n<pre><code>&lt;?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?&gt;<\/code><\/pre>\n<h3>Varf\u00f6r ska du anv\u00e4nda regenererade miniatyrer?<\/h3>\n<p><code>add_image_size()<\/code>funktion registrera nya miniatyrstorlekar f\u00f6r de nya bilderna, inte till de gamla bilderna som redan har laddats upp i ett system. F\u00f6r att konvertera gamla bilder installerar du plugin-programmet <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Regenerate Thumbnails<\/a> och aktiverar det.<\/p>\n<p>Efter att ha aktiverat plugin, g\u00e5 till <strong>Verktyg-&gt; Regen. Miniatyrer<\/strong>. Klicka p\u00e5 knappen Regenerera alla miniatyrer.<\/p>\n<p>Du kan ocks\u00e5 \u00e5terskapa miniatyrbild f\u00f6r angiven bild. Nedan finns steg f\u00f6r det.<\/p>\n<ul>\n<li>G\u00e5 till mediesidan.<\/li>\n<li>V\u00e4lj rutn\u00e4tets layout.<\/li>\n<li>Kontrollera bilden du vill \u00e5terskapa miniatyrer.<\/li>\n<li>V\u00e4lj alternativet &#8217;Regenerera miniatyrer&#8217; i rullgardinsmenyn.<\/li>\n<li>Tryck p\u00e5 Apply-knappen.<\/li>\n<\/ul>\n<p>Vi hoppas att du f\u00f6rst\u00e5r om att registrera anpassade bildstorlekar och \u00e4ndra storlek p\u00e5 befintliga bilder. Om du har n\u00e5gra fr\u00e5gor eller f\u00f6rslag, v\u00e4nligen l\u00e4mna en kommentar nedan.<\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-staller-in-utvalda-bilder-programmatiskt-i-wordpress\/\" title=\"Hur man st\u00e4ller in utvalda bilder programmatiskt i WordPress\">Hur man st\u00e4ller in utvalda bilder programmatiskt i WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/andra-storlek-pa-bild-i-php-med-tinypng\/\" title=\"\u00c4ndra storlek p\u00e5 bild i PHP med TinyPNG\">\u00c4ndra storlek p\u00e5 bild i PHP med TinyPNG<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/ladda-upp-bild-med-bulletproof-library-i-php\/\" title=\"Ladda upp bild med hj\u00e4lp av Bulletproof Library i PHP\">Ladda upp bild med hj\u00e4lp av Bulletproof Library i PHP<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vi kan registrera anpassad bildstorlek i WordPress. add_image_size () -funktion anv\u00e4nds f\u00f6r att registrera miniatyr f\u00f6r inl\u00e4gg f\u00f6r ytterligare storlek.<\/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":[503,614],"tags":[850],"class_list":["post-27585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel2-10","category-uncategorized-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=27585"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/20673"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=27585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=27585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=27585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}