Den komplette guide til fremhævede miniaturebilleder og billedstørrelser i WordPress

Den komplette guide til fremhævede miniaturebilleder og billedstørrelser i WordPress

Et billede er tusind ord værd --- medmindre det er blevet ændret på en uhensigtsmæssig måde, i hvilket tilfælde det er lidt pinligt. WordPress indeholder kraftfulde værktøjer til at ændre størrelsen på billeder og miniaturer, men du skal vide, hvordan du håndterer dem.





Læs alt, hvad du har brug for at vide om billedstørrelser i WordPress og håndtering af fremhævede billeder.



Redigering af PHP i WordPress -filer

Dette indlæg indeholder PHP -kode til WordPress. Du vil måske læse vores gratis PHP -crashkursus, før du forsøger at ændre på dit tema.





Hvis du ikke er fortrolig med at åbne dine temafiler, eller ikke vil, fordi de går tabt med fremtidige temaopdateringer, kan du bruge Mine tilpassede funktioner plugin for at tilføje kodeblokke i stedet.

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



Grundlæggende om billedstørrelse i WordPress

I WordPress admin dashboard ved du sikkert allerede om Indstillinger > Halvt.

hvordan man får spil til at køre hurtigere windows 10

Disse er de tre standardbilledstørrelser, som WordPress kalder: miniaturebillede , medium , og stor . Miniaturestørrelsen har en særlig indstilling, der skal beskæres i den nøjagtige dimension, du angiver her. Dette behøver ikke at være en 1: 1 forholdsdimension --- du kan indstille det, som du vil.



Når beskæring er aktiveret, skaleres og centreres billederne, og alt, der ikke passer, kasseres.

Den mellemstore og store indstilling fungerer lidt anderledes, idet du angiver maksimum dimensioner for både bredde og højde, og billederne skaleres derefter. Hvis billedet er for lille, oprettes disse billedstørrelser ikke.



Når du uploader et nyt billede, gemmes originalen og kan indsættes i et indlæg i fuld størrelse, og de andre registrerede billedstørrelser oprettes automatisk.

Tilføjelse af tilpassede billedstørrelser i WordPress

De tre størrelser, der er defineret som standard i WordPress, er muligvis ikke nok, hvorfor temaer og plugins får lov til at tilføje deres egne tilpassede størrelser. Hvis du er fortrolig med at redigere dine temafiler, kan du også gøre dette.

Åbn temamappen og kig efter funktioner.php fil. Tilføj følgende kode, en for hver billedstørrelse, du vil definere:

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

Hver ny billedstørrelse har brug for et navn, bredde og højde, og om billederne skal beskæres til lige præcis denne størrelse ( sand eller falsk ). For strukturelle dele af et tema eller en widget vil du generelt gerne beskære, så det ikke bryder layoutet.

Du kan blive fristet til at oprette masser af tilpassede billedstørrelser, men du bør gøre det sparsomt. Hver billedstørrelse, du definerer, genereres for hvert enkelt billede, du uploader, selvom du kun har tiltænkt det os det viste billede.

Så hvis du har syv tilpassede billedstørrelser plus de tre standardstørrelser, giver hvert billede, du uploader, 10 små kopier af sig selv. Hvis du mener, at et enkelt indlæg kan have 10 billeder indlejret i det, er det 100 filer, der oprettes kun til det indlæg alene.

Du kan ikke oprette en tilpasset billedstørrelse og angive, at den kun skal bruges til dine fremhævede billeder.

Selvom du ikke længere bruger en bestemt brugerdefineret størrelse og har slettet denne kode (eller ændret temaer), forbliver de gamle billeder på serveren for evigt. WordPress sletter ikke ubrugte billeder for dig. På et websted så gammelt eller så stort som MakeUseOf betyder det, at et par hundrede gigabyte er spildt med at gemme billeder, der ikke længere bruges.

For mindre websteder er Medierenser plugin kan hjælpe, men kør altid først en fuld backup.

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

Tilpassede billedstørrelser til brug i indlægsindhold

Som standard vises tilpassede billedstørrelser ikke i rullemenuen, når et billede indsættes i et indlæg. Det eneste, du kan se der, er miniaturebillede, medium, stor og fuld størrelse (afhængigt af størrelsen på det originale billede, da det ikke bliver opskaleret).

Hvis du vil have, at din tilpassede størrelse også er på listen, skal vi bruge lidt mere kode. Igen, tilføj til 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' );

Dette fungerer ved at filtrere listen med medievalgere. Vi fletter det originale størrelsesliste -array med alle nye størrelser, vi også vil have angivet. Skift 'min-miniaturebillede' og 'Min miniaturestørrelse' til din brugerdefinerede størrelse, og det venlige navn, der kan læses af mennesker, som du gerne vil have det opført som.

Udvalgte billeder er et enkelt billede, der er knyttet til et indlæg, men ikke nødvendigvis indsat i indlægets indhold. De bruges ofte af temaer i overskriften, på forsiden eller i sidebjælken. Med hensyn til billedstørrelse behandles de imidlertid ikke anderledes end normale billeder.

For hver størrelse, du har defineret, kopieres og ændres ethvert billede, der uploades, inklusive det viste billede.

overfør fotos fra iphone til mac

Hvis du ikke kan se muligheden for Indstil fremhævet billede på din skærm til redigering af indlæg er det muligt, at dit tema ikke understøtter funktionen. Du kan tvinge support ved at tilføje følgende linje til dit tema funktioner.php fil, men jeg vil kraftigt foreslå at finde et nyt tema i stedet.

Manglende støtte til noget så grundlæggende som fremhævede billeder vil være tegn på forældet kode andre steder.

add_theme_support('post-thumbnails');

Hvis du vil bruge det fremhævede billede i dit eget tema eller plugins, skal du bruge the_post_thumbnail () funktion til udsendelse af billedmærket:

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

Funktionen tager 2 parametre: den navngivne størrelse, du leder efter (i dette tilfælde 'min-miniaturebillede'), og eventuelle attributter, du vil videregive, som en tilpasset CSS-klasse.

Hvis du hellere bare vil få den faktiske webadresse til det fremhævede billede end også den nødvendige HTML, kan du prøve dette i stedet (få medium billedstørrelse i dette eksempel):

Windows 10 brugerprofiltjeneste mislykkedes login
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenerering af WordPress -miniaturebilleder

Hver gang du ændrer dine standardbilleddimensioner eller opretter en tilpasset billedstørrelse, gælder det kun for ny uploads. Alle dine eksisterende billeder forbliver i de originale dimensioner.

Hvis du vil ændre størrelsen på tidligere uploadede billeder, skal du have et plugin. AJAX Thumbnail Rebuild lader dig vælge, hvilke størrelser der skal regenereres, og vil langsomt arbejde gennem dit arkiv.

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

Der er dog nogle begrænsninger og faldgruber, du bør vide om.

Selvom udvalgte billeder automatisk kan ændres i størrelse, kan intet plugin omskrive indlægsindhold. Hvis du f.eks. Tilføjede et billede til et indlæg på stor størrelse (som kan have været 500px på det tidspunkt), ændring af definitionen på stor ændrer ikke billedstørrelsen i indlægget. Det forbliver på 500px, medmindre du redigerer indlægget og sætter det samme billede tilbage i den nye størrelse.

Som nævnt vil du, hvis du har mange billedstørrelser, generere mange billeder. Heldigvis lader Thumbnail Rebuild dig begrænse dette til kun fremhævede billeder . Men igen, husk, at dette kun gælder for dit tidligere billede. Alle fremtidige billeduploads administreres af WordPress, hvilket betyder, at alle billedstørrelser vil blive oprettet for alt.

Nu ville det være et godt tidspunkt at også lære forskellen mellem JPG og PNG så du ved at bruge det optimale format i fremtiden.

Tag dit WordPress -websted til det næste niveau

Vil du justere dit WordPress -tema? Dit temas brug af billeder, farver og placering af elementer er hovedsageligt defineret af CSS og HTML, så vi anbefaler at tjekke disse trin-for-trin tutorials for at lære CSS og HTML.

Og hvis du er interesseret i temaer, så tag et kig på disse fede WordPress -temaer til en fotograferingsportefølje.

Krasker dit WordPress -websted for ofte? Betaler du for meget? Skift til en velkendt hostingtjeneste som InMotion Hosting (særlig MakeUseOf-rabat med dette link ) eller Bluehost (speciel MakeUseOf -rabat med dette link ).

Del Del Tweet E -mail Her er hvorfor FBI udsendte en advarsel for Hive Ransomware

FBI udsendte en advarsel om en særlig grim stamme af ransomware. Her er hvorfor du skal være særlig forsigtig med Hive ransomware.

Læs Næste Relaterede emner
  • Programmering
  • Wordpress
Om forfatteren James Bruce(707 artikler udgivet)

James har en bachelor i kunstig intelligens og er CompTIA A+ og Network+ certificeret. Når han ikke har travlt som Hardware Reviews Editor, nyder han LEGO, VR og brætspil. Inden han kom til MakeUseOf, var han belysningstekniker, engelsklærer og datacenteringeniør.

Mere fra James Bruce

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere