Den kompletta guiden till utvalda miniatyrbilder och bildstorlekar i WordPress

Den kompletta guiden till utvalda miniatyrbilder och bildstorlekar i WordPress

En bild är värd tusen ord --- om den inte har ändrats på ett olämpligt sätt, i så fall är det lite pinsamt. WordPress innehåller kraftfulla verktyg för att ändra storlek på bilder och miniatyrer, men du måste veta hur du hanterar dem.





Läs vidare för allt du behöver veta om bildstorlekar i WordPress och hantera utvalda bilder.



Redigera PHP i WordPress -filer

Det här inlägget innehåller PHP -kod för WordPress. Du kanske vill läsa vår kostnadsfria PHP -kraschkurs innan du försöker ändra på ditt tema.





Om du inte känner dig bekväm med att öppna dina temafiler eller inte vill eftersom de kommer att gå förlorade med framtida temauppdateringar kan du använda Mina anpassade funktioner plugin för att lägga till kodblock istället.

https://en-gb.wordpress.org/plugins/my-custom-functions/



Grundläggande om bildstorlek i WordPress

I WordPress admin -instrumentpanelen vet du förmodligen redan om inställningar > Halv.

gratis nya filmer online utan att ladda ner eller registrera dig

Det här är de tre standardbildstorlekarna, som WordPress kallar: Miniatyr , medium , och stor . Miniatyrstorleken har en speciell inställning som ska beskäras med exakt den dimension du anger här. Detta behöver inte vara en 1: 1 förhållande dimension --- du kan ställa in det som du vill.



När beskärning är aktiverad kommer bilderna att skalas och centreras, sedan kastas allt som inte passar.

Den medelstora och stora inställningen fungerar något annorlunda, eftersom du anger maximal dimensioner för både bredd och höjd, och bilderna ska skalas ned i enlighet därmed. Om bilden är för liten skapas dessa bildstorlekar inte.



När du laddar upp en ny bild sparas originalet och kan läggas in i ett inlägg i full storlek, och de andra registrerade bildstorlekarna skapas automatiskt.

Lägga till anpassade bildstorlekar i WordPress

De tre storlekar som definieras som standard i WordPress kanske inte räcker, varför teman och plugins får lägga till egna anpassade storlekar. Om du är bekväm med att redigera dina temafiler kan du göra det här också.

Öppna temakatalogen och leta efter funktioner.php fil. Lägg till följande kod, en för varje bildstorlek du vill definiera:

add_image_size( 'my-thumbnail', 400, 200, true);

Varje ny bildstorlek behöver ett namn, bredd och höjdmått, och om bilderna ska beskäras till exakt den här storleken ( Sann eller falsk ). För strukturella delar av ett tema eller en widget skulle du i allmänhet vilja beskära så att det inte bryter layouten.

Du kan bli frestad att skapa många anpassade bildstorlekar, men du bör göra det sparsamt. Varje bildstorlek du definierar genereras för varje bild du laddar upp, även om du bara tänkt den för oss med den utvalda bilden.

Så om du har sju anpassade bildstorlekar, plus de tre standardinställningarna, kommer varje bild du laddar upp att ge 10 små kopior av sig själv. Om du anser att ett enda inlägg kan ha 10 bilder inbäddat i det, är det 100 filer som skapas bara för det inlägget ensam.

Du kan inte skapa en anpassad bildstorlek och ange att den endast ska användas för dina utvalda bilder.

Även om du inte längre använder en viss anpassad storlek och har tagit bort koden (eller ändrat teman), kommer de gamla bilderna att finnas kvar på servern för alltid. WordPress raderar inte oanvända bilder åt dig. På en så gammal eller stor sajt som MakeUseOf betyder det att några hundra gigabyte går till spillo med att lagra bilder som inte längre används.

För mindre webbplatser, Media Cleaner plugin kan hjälpa, men kör alltid en fullständig säkerhetskopia först.

https://wordpress.org/plugins/media-cleaner/#description

Anpassade bildstorlekar för användning i inlägg

Som standard visas inte anpassade bildstorlekar i listrutan när du sätter in en bild i ett inlägg. Det enda du ser där är miniatyrbild, medium, stor och full storlek (beroende på originalbildens storlek, eftersom den inte kommer att uppskalas).

Om du vill att din anpassade storlek också ska finnas på listan behöver vi lite mer kod. Återigen, lägg till din funktioner.php fil:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Detta fungerar genom att filtrera medieplockarlistan. Vi slår ihop den ursprungliga storlekslistan med alla nya storlekar som vi också vill ha listade. Ändra 'min-miniatyr' och 'Min miniatyrstorlek' till din anpassade storlek och det människoläsbara vänliga namn som du vill att det ska listas som.

Utvalda bilder är en enda bild som är associerad med ett inlägg, men behöver inte nödvändigtvis infogas i inläggets innehåll. De används ofta av teman i rubriken, på förstasidan eller i sidofältet. När det gäller bildstorlek behandlas de dock inte annorlunda än normala bilder.

För varje storlek du har definierat kommer varje bild som laddas upp att dupliceras och ändras, inklusive den utvalda bilden.

aktivitetshanteraren har inaktiverats av din administratör

Om du inte ser alternativet att Ange den utvalda bilden på din redigeringsskärm för inlägg är det möjligt att ditt tema inte stöder funktionen. Du kan tvinga fram stöd genom att lägga till följande rad i ditt temas funktioner.php fil, men jag föreslår starkt att du hittar ett nytt tema istället.

Brist på stöd för något så grundläggande som presenterade bilder skulle indikera föråldrad kod någon annanstans.

add_theme_support('post-thumbnails');

För att använda den presenterade bilden i ditt eget tema eller plugins, använd the_post_thumbnail () funktion för att mata ut bildtaggen:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Funktionen tar två parametrar: den namngivna storleken du letar efter (i det här fallet 'min-miniatyr') och alla attribut du vill skicka in, som en anpassad CSS-klass.

Om du hellre bara vill få den verkliga webbadressen till den presenterade bilden än den nödvändiga HTML -filen, kan du prova detta istället (få medelstor bildstorlek i detta exempel):

Windows 10 inga uefi firmware -inställningar
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Återskapa WordPress -miniatyrbilder

Varje gång du ändrar dina standardbilddimensioner eller skapar en anpassad bildstorlek, gäller det bara för ny uppladdningar. Alla dina befintliga bilder finns kvar i de ursprungliga måtten.

Om du vill ändra storlek på tidigare överförda bilder behöver du ett plugin. AJAX Thumbnail Rebuild låter dig välja vilka storlekar som ska återskapas och kommer långsamt att fungera genom ditt arkiv.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Det finns dock vissa begränsningar och fallgropar du bör veta om.

Även om utvalda bilder kan ändras automatiskt, kan inget plugin skriva om inläggsinnehåll. Om du till exempel har lagt till en bild i ett inlägg på stor storlek (som kan ha varit 500px vid den tiden), ändra definitionen av stor kommer inte att ändra bildstorleken i inlägget. Den förblir på 500 pixlar om du inte redigerar inlägget och sätter in samma bild igen i den nya storleken.

Som nämnts kommer du att generera många bilder om du har många bildstorlekar. Tack och lov kan du med Thumbnail Rebuild begränsa detta till endast presenterade bilder . Men igen, kom ihåg att detta bara gäller din tidigare bild. Alla framtida bildöverföringar kommer att hanteras av WordPress, vilket innebär att alla bildstorlekar kommer att skapas för allt.

Nu skulle det vara en bra tid att också lära sig skillnaden mellan JPG och PNG så du vet att använda det optimala formatet i framtiden.

Ta din WordPress -webbplats till nästa nivå

Vill du anpassa ditt WordPress -tema? Ditt temas användning av bilder, färger och placering av element definieras huvudsakligen av CSS och HTML, så vi rekommenderar att du läser dessa steg-för-steg-självstudier för att lära dig CSS och HTML.

Och om du är intresserad av teman, ta en titt på dessa coola WordPress -teman för en fotograferingsportfölj.

Kraschar din WordPress -webbplats för ofta? Betalar du för mycket? Byt till en välkänd värdtjänst som InMotion Hosting (speciell MakeUseOf-rabatt med den här länken ) eller Bluehost (special MakeUseOf -rabatt med den här länken ).

Dela med sig Dela med sig Tweet E-post Här är varför FBI utfärdade en varning för Hive Ransomware

FBI utfärdade en varning om en särskilt otäck stam av ransomware. Här är varför du måste vara särskilt försiktig med Hive -ransomware.

Läs Nästa Relaterade ämnen
  • Programmering
  • Wordpress
Om författaren James Bruce(707 artiklar publicerade)

James har en kandidatexamen i artificiell intelligens och är CompTIA A+ och Network+ -certifierad. När han inte är upptagen som Hardware Reviews Editor, gillar han LEGO, VR och brädspel. Innan han började på MakeUseOf var han belysningstekniker, engelsklärare och datacenteringenjör.

Mer från James Bruce

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera