Nybörjarguide för att lägga till anpassade bildstorlekar i WordPress

av Waseem Abbas den 9 April 2019

Share0Tweet0Share0Shares0

vill du använda dina egna anpassade storlekar för WordPress-bilder? Du kan behöva ladda upp och redigera bilder i WordPress till den storlek du behöver för miniatyrer och utvalda foton. I den här handledningen delar vi hur du lägger till anpassade bildstorlekar i WordPress.

som standard har WordPress sina standardbildstorlekar, så när du laddar upp en bild skapas ytterligare filer för dessa standardstorlekar. Att ha egna anpassade storlekar kan spara timmar när du redigerar dina foton utanför WordPress.

Obs: Denna handledning är lite mer avancerad än våra vanliga tutorials, och kommer att kräva att du redigera koden på din webbplats.

för att lägga till anpassade bildstorlekar i WordPress måste du följa dessa 4 steg:

  • Steg 1. Redigera ditt temas funktion.php-fil och Lägg till bildstorlekar
  • steg 2. Lägg till koden i temafilen för att visa anpassade storlekar
  • steg 3. Regenerera miniatyrer för tidigare uppladdade bilder
  • steg 4. Använd dina egna bildstorlekar i WordPress inlägg insättning

redo att komma igång? Kom igen!

Steg 1: redigera ditt temas funktion.php-fil och Lägg till bildstorlekar

först måste du lägga till lite kod till funktionerna.php-fil på din webbplats. Om du aldrig har gjort det tidigare kan du kolla in den här nybörjarguiden för att klistra in kodavsnitt på din WordPress-webbplats.

du bör göra en säkerhetskopia av din webbplats först innan du gör några ändringar i koden.

det snabbaste sättet att lägga till koden är genom att gå till utseende ” Editor och redigera funktionerna.php-fil av ditt tema. Klistra bara in det här skriptet där:

add_theme_support( 'post-thumbnails' );

se till att klicka på Spara-knappen. Ovanstående skript aktiverar funktionen add_image_size (), så att du kan lägga till nya WordPress-bildstorlekar.

här är några exempel som hjälper dig att lägga till anpassade bildstorlekar på din webbplats:

add_image_size( 'post-thumbnail size', 800, 240 );add_image_size( 'homepage-thumb size', 220, 180 );add_image_size( 'fullpage-thumb size', 590, 9999 );

i de här exemplen kan du välja det namn (som storlek efter miniatyrbild) du vill lägga till bildstorlekarna i ditt tema. Siffrorna som ’800’ och ’ 240 ’ är bredden respektive höjden.

du bör lägga till önskad bredd och höjd för WordPress miniatyrstorlekar.

steg 2: Lägg till koden i temafilen för att visa anpassade storlekar

när du har lagt till de nya bildstorlekarna är nästa sak du behöver göra att visa dina anpassade storlekar i WordPress-temat.

Lägg till den här koden i temafilen i postslingan där du vill visa din miniatyrbild:

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

i den här koden måste du ändra ’din-specificerade-bildstorlek’ med bildnamnet du angav i föregående steg (som ’post-miniatyrstorlek’). Använd den här koden i dina temafiler för att visa dina anpassade bildstorlekar.

steg 3: regenerera miniatyrbilder för tidigare uppladdade bilder

nästa måste du regenerera miniatyrbilder i WordPress, så alla dina tidigare uppladdade bilder uppdateras till de nya miniatyrstorlekarna.

vi rekommenderar att du använder plugin-programmet Regenerate Thumbnails. Det kommer att uppdatera dina WordPress-bilder till de anpassade storlekarna du lade till i tidigare steg.

 regenerera tummen

för att lära dig mer om plugin-installation, kolla in den här guiden om hur du installerar ett WordPress-plugin.

när du har aktiverat plugin måste du gå till Verktyg ” Regen. Miniatyrbilder och tryck på knappen regenerera alla miniatyrbilder.

regenerera miniatyrer

det kommer att regenerera alla dina bilder i WordPress.

steg 4: Använd dina anpassade bildstorlekar i WordPress Post infogning

för att infoga dina ytterligare bildstorlekar efter inlägg i WordPress måste du installera och aktivera simple Image Sizes plugin.

 Simple Image Sizes Plugin

när du aktiverar plugin måste du gå till Inställningar ” Media och Bock visa i postinsättning? för alla dina nya bildstorlekar som du vill använda i WordPress-inlägg.

Inläggsinsättning

du ser en blå uppdateringsknapp när du aktiverar inläggsinsättning för valfri Anpassad bildstorlek. Klicka bara på den.

det låter dig lägga till foton i ditt inläggsinnehåll med dina definierade bildstorlekar.

vi hoppas att denna handledning har hjälpt dig att lära dig hur du lägger till anpassade bildstorlekar i WordPress. Du kanske också vill kolla in vår guide om hur du anpassar dina WordPress-permalänkar.

om du gillar den här guiden, Följ oss på Facebook och Twitter för mer gratis WordPress guider och resurser.

Share0Tweet0Share0Shares0
publicerad av Waseem Abbas
Waseem Abbas är en innehållsförfattare för SoliloquyWP och Envira Gallery.

Lämna ett svar

Din e-postadress kommer inte publiceras.

Previous post Känsla desperat? Det kan vara bra. – KnowYourselfTherapy
Next post Hur man använder ett lån beredskaps när man köper ett hem