De complete gids voor aanbevolen miniaturen en afbeeldingsformaten in WordPress

De complete gids voor aanbevolen miniaturen en afbeeldingsformaten in WordPress

Een foto zegt meer dan duizend woorden --- tenzij het formaat ongepast is aangepast, in welk geval het een beetje gênant is. WordPress bevat krachtige tools om het formaat van afbeeldingen en miniaturen te wijzigen, maar je moet weten hoe je ermee om moet gaan.





Lees verder voor alles wat u moet weten over afbeeldingsformaten in WordPress en het beheren van aanbevolen afbeeldingen.



PHP bewerken in WordPress-bestanden

Dit bericht bevat PHP-code voor WordPress. Misschien wilt u onze gratis PHP-spoedcursus lezen voordat u wijzigingen aan uw thema aanbrengt.





Als u zich niet op uw gemak voelt bij het openen van uw themabestanden, of niet wilt omdat ze verloren gaan bij toekomstige thema-updates, kunt u de Mijn aangepaste functies plugin om in plaats daarvan codeblokken toe te voegen.

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



Basisprincipes van WordPress-afbeeldingsgrootte

In het WordPress-beheerdersdashboard weet u waarschijnlijk al over Instellingen > Voor de helft.

wie zoekt mij gratis

Dit zijn de drie standaard afbeeldingsformaten die WordPress noemt: miniatuur , medium , en groot . De miniatuurgrootte heeft een speciale instelling om te worden bijgesneden op de exacte afmeting die u hier opgeeft. Dit hoeft geen 1:1 verhoudingsdimensie te zijn --- u kunt het instellen zoals u wilt.



Wanneer bijsnijden is ingeschakeld, worden de afbeeldingen geschaald en gecentreerd, waarna alles wat niet past, wordt weggegooid.

De middelgrote en grote instelling werken iets anders, in die zin dat u specificeert maximum afmetingen voor zowel de breedte als de hoogte, en de afbeeldingen worden dienovereenkomstig verkleind. Als de afbeelding te klein is, worden die afbeeldingsformaten niet gemaakt.



Wanneer u een nieuwe afbeelding uploadt, wordt het origineel opgeslagen en is het beschikbaar om op volledige grootte in een bericht in te voegen, en worden de andere geregistreerde afbeeldingsformaten automatisch gemaakt.

Aangepaste afbeeldingsformaten toevoegen in WordPress

De drie formaten die standaard in WordPress zijn gedefinieerd, zijn misschien niet genoeg, daarom mogen thema's en plug-ins hun eigen aangepaste formaten toevoegen. Als u zich op uw gemak voelt bij het bewerken van uw themabestanden, kunt u dit ook doen.

Open de themamap en zoek naar de functies.php het dossier. Voeg de . toe volgende code, één voor elke afbeeldingsgrootte die u wilt definiëren:

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

Elke nieuwe afbeeldingsgrootte heeft een naam, breedte- en hoogteafmetingen nodig en of afbeeldingen moeten worden bijgesneden tot precies deze grootte ( waar of vals ). Voor structurele delen van een thema of widget zou je over het algemeen willen bijsnijden zodat de lay-out niet wordt verbroken.

U komt misschien in de verleiding om veel aangepaste afbeeldingsformaten te maken, maar u moet dit spaarzaam doen. Elke afbeeldingsgrootte die u definieert, wordt gegenereerd voor elke afzonderlijke afbeelding die u uploadt, zelfs als u deze alleen voor ons had bedoeld met de uitgelichte afbeelding.

Dus als je zeven aangepaste afbeeldingsformaten hebt, plus de drie standaardformaten, zal elke afbeelding die je uploadt 10 kleine kopieën van zichzelf voortbrengen. Als je bedenkt dat een enkel bericht 10 afbeeldingen kan bevatten, zijn dat 100 bestanden die alleen voor dat bericht worden gemaakt.

U kunt geen aangepast afbeeldingsformaat maken en specificeren dat het alleen voor uw aanbevolen afbeeldingen mag worden gebruikt.

Ook als je een bepaald aangepast formaat niet meer gebruikt en die code hebt verwijderd (of thema hebt gewijzigd), blijven de oude afbeeldingen voor altijd op de server staan. WordPress verwijdert geen ongebruikte afbeeldingen voor u. Op een site die zo oud of zo groot is als MakeUseOf, betekent dit dat er een paar honderd gigabytes worden verspild met het opslaan van afbeeldingen die niet meer worden gebruikt.

Voor kleinere sites, de Mediareiniger plug-in kan helpen, maar voer altijd eerst een volledige back-up uit.

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

Aangepaste afbeeldingsformaten voor gebruik in berichtinhoud

Standaard worden aangepaste afbeeldingsformaten niet weergegeven in de vervolgkeuzelijst bij het invoegen van een afbeelding in een bericht. Het enige dat u daar ziet, is Miniatuur, Medium, Groot en Volledig (afhankelijk van de grootte van de originele afbeelding, omdat deze niet wordt opgeschaald).

Als u wilt dat uw aangepaste maat ook op de lijst staat, hebben we iets meer code nodig. Nogmaals, voeg toe aan je functies.php het dossier:

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' );

Dit werkt door de mediakiezerlijst te filteren. We voegen de oorspronkelijke groottelijstarray samen met alle nieuwe formaten die we ook willen vermelden. Wijzig 'my-thumbnail' en 'My Thumbnail Size' in uw eigen formaat, en de voor mensen leesbare, vriendelijke naam die u wilt vermelden.

Uitgelichte afbeeldingen zijn een enkele afbeelding die bij een bericht hoort, maar niet noodzakelijk in de inhoud van het bericht wordt ingevoegd. Ze worden vaak gebruikt door thema's in de koptekst, op de voorpagina of in de zijbalk. In termen van beeldformaat worden ze echter niet anders behandeld dan normale afbeeldingen.

Voor elk formaat dat je hebt gedefinieerd, wordt elke afbeelding die wordt geüpload, gedupliceerd en vergroot of verkleind, inclusief de uitgelichte afbeelding.

waar gebruik je Raspberry Pi voor?

Als u de optie niet ziet om Uitgelichte afbeelding instellen op je berichtbewerkingsscherm is het mogelijk dat je thema de functie niet ondersteunt. U kunt ondersteuning forceren door de volgende regel toe te voegen aan uw thema's functies.php bestand, maar ik raad je ten zeerste aan om in plaats daarvan een nieuw thema te zoeken.

Gebrek aan ondersteuning voor zoiets eenvoudigs als afgebeelde afbeeldingen zou wijzen op verouderde code elders.

add_theme_support('post-thumbnails');

Om de uitgelichte afbeelding in uw eigen thema of plug-ins te gebruiken, gebruikt u the_post_thumbnail() functie om de afbeeldingstag uit te voeren:

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

De functie heeft 2 parameters: de benoemde grootte die je zoekt (in dit geval 'mijn-thumbnail'), en alle attributen die je wilt doorgeven, zoals een aangepaste CSS-klasse.

Als je liever alleen de daadwerkelijke URL van de uitgelichte afbeelding krijgt dan de vereiste HTML, probeer dan dit in plaats daarvan (in dit voorbeeld de gemiddelde afbeeldingsgrootte krijgend):

leuke dingen om te doen op een laptop als je je verveelt
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

WordPress-miniatuurafbeeldingen opnieuw genereren

Telkens wanneer u uw standaard afbeeldingsafmetingen wijzigt of een aangepast afbeeldingsformaat maakt, is dit alleen van toepassing op nieuwe uploaden. Al uw bestaande afbeeldingen blijven in de oorspronkelijke afmetingen.

Als je eerder geüploade afbeeldingen wilt verkleinen, heb je een plug-in nodig. AJAX miniatuur opnieuw opbouwen laat je selecteren welke formaten je wilt regenereren en werkt langzaam door je archief heen.

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

Er zijn echter enkele beperkingen en valkuilen die u moet kennen.

Hoewel uitgelichte afbeeldingen automatisch kunnen worden verkleind, kan geen enkele plug-in de inhoud van een bericht herschrijven. Als je bijvoorbeeld een afbeelding hebt toegevoegd aan een bericht op de groot grootte (die op dat moment 500px was), de definitie van . wijzigen groot zal de afbeeldingsgrootte in het bericht niet veranderen. Het blijft op 500px, tenzij je het bericht bewerkt en dezelfde afbeelding opnieuw invoegt met het nieuwe formaat.

Zoals gezegd, als je veel afbeeldingsformaten hebt, ga je veel afbeeldingen genereren. Gelukkig kun je dit met Thumbnail Rebuild beperken tot alleen aanbevolen afbeeldingen . Maar nogmaals, onthoud dat dit alleen van toepassing is op uw vorige afbeelding. Alle toekomstige afbeeldingsuploads worden beheerd door WordPress, wat betekent dat alle afbeeldingsformaten voor alles worden gemaakt.

Dit zou een goed moment zijn om ook de verschil tussen JPG en PNG zodat u in de toekomst het optimale formaat weet te gebruiken.

Breng uw WordPress-site naar een hoger niveau

Wil je je WordPress-thema aanpassen? Het gebruik van afbeeldingen, kleuren en positionering van elementen door uw thema wordt voornamelijk bepaald door CSS en HTML, dus we raden u aan deze stapsgewijze zelfstudies te bekijken om CSS en HTML te leren.

En als je geïnteresseerd bent in thema's, bekijk dan deze coole WordPress-thema's voor een fotografieportfolio.

Crasht uw WordPress-site te vaak? Betaalt u te veel? Schakel over naar een bekende hostingservice zoals InMotion Hosting (speciale MakeUseOf-korting met deze link ) of Bluehost (speciale MakeUseOf-korting met deze link ).

Deel Deel Tweeten E-mail Dit is waarom de FBI een waarschuwing heeft afgegeven voor Hive Ransomware

De FBI waarschuwde voor een bijzonder vervelende vorm van ransomware. Dit is waarom je extra op je hoede moet zijn voor Hive-ransomware.

Lees volgende Gerelateerde onderwerpen
  • Programmeren
  • Wordpress
Over de auteur James Bruce(707 artikelen gepubliceerd)

James heeft een BSc in Artificial Intelligence en is CompTIA A+ en Network+ gecertificeerd. Als hij het niet druk heeft als redacteur van hardwarerecensies, geniet hij van LEGO, VR en bordspellen. Voordat hij bij MakeUseOf kwam, was hij lichttechnicus, leraar Engels en datacenteringenieur.

Meer van James Bruce

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren