Den komplette guiden til utvalgte miniatyrbilder og bildestørrelser i WordPress

Den komplette guiden til utvalgte miniatyrbilder og bildestørrelser i WordPress

Et bilde er verdt tusen ord --- med mindre det er endret på en upassende måte, i så fall er det litt flaut. WordPress inneholder kraftige verktøy for å endre størrelse på bilder og miniatyrbilder, men du må vite hvordan du skal håndtere dem.





Les videre for alt du trenger å vite om bildestørrelser i WordPress og håndtering av utvalgte bilder.



Redigere PHP i WordPress -filer

Dette innlegget inneholder PHP -kode for WordPress. Det kan være lurt å lese vårt gratis PHP -krasjkurs før du prøver å endre på temaet ditt.





Hvis du ikke er komfortabel med å åpne temafilene dine, eller ikke vil fordi de vil gå tapt med fremtidige temaoppdateringer, kan du bruke Mine egendefinerte funksjoner plugin for å legge til kodeblokker i stedet.

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



Grunnleggende om bildestørrelse i WordPress

I WordPress admin dashbord vet du sannsynligvis allerede om Innstillinger > Halv.

hvordan overføre windows 10 til en annen datamaskin

Dette er de tre standard bildestørrelsene, som WordPress kaller: miniatyrbilde , medium , og stor . Miniatyrbildestørrelsen har en spesiell innstilling som skal beskjæres i den nøyaktige dimensjonen du angir her. Dette trenger ikke å være en 1: 1-forholdsdimensjon --- du kan angi det som du vil.



Når beskjæring er aktivert, blir bildene skalert og sentrert, så blir alt som ikke passer, forkastet.

Den mellomstore og store innstillingen fungerer litt annerledes, ved at du vil spesifisere maksimum dimensjoner for både bredde og høyde, og bildene skaleres ned tilsvarende. Hvis bildet er for lite, blir ikke bildestørrelsene opprettet.



Når du laster opp et nytt bilde, lagres originalen og kan settes inn i et innlegg i full størrelse, og de andre registrerte bildestørrelsene opprettes automatisk.

Legge til tilpassede bildestørrelser i WordPress

De tre størrelsene som er definert som standard i WordPress er kanskje ikke nok, og det er derfor temaer og plugins får lov til å legge til sine egne tilpassede størrelser. Hvis du er komfortabel med å redigere temafilene dine, kan du også gjøre dette.

Åpne temakatalogen og se etter functions.php fil. Legg til følgende kode, en for hver bildestørrelse du vil definere:

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

Hver ny bildestørrelse trenger et navn, bredde og høyde, og om bildene skal beskjæres til akkurat denne størrelsen eller ikke ( ekte eller falsk ). For strukturelle deler av et tema eller en widget vil du vanligvis beskjære slik at det ikke bryter oppsettet.

Du kan bli fristet til å lage mange tilpassede bildestørrelser, men du bør gjøre det sparsomt. Hver bildestørrelse du definerer, genereres for hvert enkelt bilde du laster opp, selv om du bare hadde tenkt det for oss med det viste bildet.

Så hvis du har syv egendefinerte bildestørrelser, pluss de tre standardbildene, gir hvert bilde du laster opp 10 små kopier av seg selv. Hvis du mener at et enkelt innlegg kan ha 10 bilder innebygd i det, er det 100 filer som blir opprettet bare for det innlegget alene.

Du kan ikke opprette en egendefinert bildestørrelse og angi at den bare skal brukes for de fremhevede bildene.

Selv om du ikke lenger bruker en viss egendefinert størrelse og har slettet koden (eller endret temaer), vil de gamle bildene forbli på serveren for alltid. WordPress sletter ikke ubrukte bilder for deg. På et nettsted som er så gammelt eller så stort som MakeUseOf, betyr dette at noen hundre gigabyte er bortkastet ved å lagre bilder som ikke lenger brukes.

For mindre nettsteder er Media Cleaner plugin kan hjelpe, men kjør alltid en fullstendig sikkerhetskopi først.

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

Egendefinerte bildestørrelser for bruk i innhold

Som standard vises ikke egendefinerte bildestørrelser i rullegardinboksen når du setter inn et bilde i et innlegg. Det eneste du vil se der er miniatyrbilde, mellomstor, stor og full størrelse (avhengig av størrelsen på det originale bildet, siden det ikke blir oppskalert).

Hvis du vil at den tilpassede størrelsen din også skal være på listen, trenger vi litt mer kode. Igjen, legg til din functions.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' );

Dette fungerer ved å filtrere medievelgerlisten. Vi slår sammen den opprinnelige størrelseslisten med alle nye størrelser vi også vil ha oppført. Endre 'min-miniatyrbildet' og 'Min miniatyrbildestørrelse' til din egendefinerte størrelse, og det lesbare vennlige navnet du vil at det skal vises som.

Utvalgte bilder er et enkelt bilde knyttet til et innlegg, men ikke nødvendigvis satt inn i innholdet i innlegget. De brukes ofte av temaer i overskriften, på forsiden eller i sidefeltet. Når det gjelder bildestørrelse, behandles de imidlertid ikke annerledes enn normale bilder.

For hver størrelse du har definert, dupliseres og endres størrelsen på alle bildene som er lastet opp, inkludert bildet.

gruppepolicy editor Windows 10 home

Hvis du ikke ser alternativet til Sett fremhevet bilde på redigeringsskjermen for innlegg, er det mulig at temaet ditt ikke støtter funksjonen. Du kan tvinge til støtte ved å legge til følgende linje i temaene dine functions.php fil, men jeg vil sterkt foreslå å finne et nytt tema i stedet.

Mangel på støtte for noe så grunnleggende som fremhevede bilder vil indikere utdatert kode andre steder.

add_theme_support('post-thumbnails');

For å bruke det fremhevede bildet i ditt eget tema eller plugins, bruk the_post_thumbnail () funksjon for å sende ut bildemerke:

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

Funksjonen tar to parametere: den navngitte størrelsen du leter etter (i dette tilfellet 'min-miniatyrbilde'), og eventuelle attributter du vil sende inn, som en tilpasset CSS-klasse.

Hvis du heller bare vil få den faktiske nettadressen til det fremhevede bildet enn den nødvendige HTML -en, kan du prøve dette i stedet (få middels bildestørrelse i dette eksemplet):

hvilket windows -program brukes ofte til å koble til en linux -server via ssh?
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenererer WordPress -miniatyrbilder

Hver gang du endrer standard bildedimensjoner eller oppretter en egendefinert bildestørrelse, gjelder det bare for ny opplastinger. Alle dine eksisterende bilder forblir i de opprinnelige dimensjonene.

Hvis du vil endre størrelsen på tidligere opplastede bilder, trenger du en plugin. AJAX Thumbnail Rebuild lar deg velge hvilke størrelser du vil regenerere, og vil sakte arbeide gjennom arkivet.

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

Det er noen begrensninger og fallgruver du bør vite om.

Selv om utvalgte bilder kan endres i størrelse automatisk, kan ingen plugin omskrive innlegg. For eksempel, hvis du la til et bilde i et innlegg på stor størrelse (som kan ha vært 500 piksler den gangen), endrer definisjonen på stor vil ikke endre bildestørrelsen i innlegget. Den forblir på 500 piksler med mindre du redigerer innlegget og setter inn det samme bildet på nytt i den nye størrelsen.

Som nevnt, hvis du har mange bildestørrelser, kommer du til å generere mange bilder. Heldigvis lar Thumbnail Rebuild deg begrense dette til bare utvalgte bilder . Men igjen, husk at dette bare gjelder ditt forrige bilde. Alle fremtidige bildeopplastinger blir administrert av WordPress, noe som betyr at alle bildestørrelsene vil bli opprettet for alt.

Nå ville det være et flott tidspunkt å også lære forskjellen mellom JPG og PNG så du vet å bruke det optimale formatet i fremtiden.

Ta ditt WordPress -nettsted til neste nivå

Vil du tilpasse WordPress -temaet ditt? Temaets bruk av bilder, farger og plassering av elementer er hovedsakelig definert av CSS og HTML, så vi anbefaler å sjekke ut disse trinnvise opplæringsprogrammene for å lære CSS og HTML.

Og hvis du er interessert i temaer, ta en titt på disse kule WordPress -temaene for en fotograferingsportefølje.

Krasjer WordPress -siden din for ofte? Betaler du for mye? Bytt til en velkjent hostingtjeneste som InMotion Hosting (spesiell MakeUseOf-rabatt med denne lenken ) eller Bluehost (spesiell MakeUseOf -rabatt med denne lenken ).

Dele Dele kvitring E -post Her er hvorfor FBI utstedte en advarsel for Hive Ransomware

FBI utstedte en advarsel om en spesielt ekkel stamme av ransomware. Her er hvorfor du må være spesielt forsiktig med Hive ransomware.

Les neste Relaterte temaer
  • Programmering
  • Wordpress
Om forfatteren James Bruce(707 artikler publisert)

James har en BSc i kunstig intelligens og er CompTIA A+ og Network+ sertifisert. Når han ikke er opptatt som Hardware Reviews Editor, liker han LEGO, VR og brettspill. Før han begynte i MakeUseOf, var han belysningstekniker, engelsklærer og datasenteringeniør.

Mer fra James Bruce

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere