3. De featured image bij een post is precies dezelfde foto als bij de blogpagina met het overzicht van de posts. Het is is een bijgesneden thumbnail, niet klikbaar.
Ik wil dat die thumbnail op de post zelf andere afmetingen kan krijgen, de volledige foto toont (in kleiner formaat weliswaar), en doorklikbaar is (de foto in originele grootte tonen).
== == == Featured images//Uitgelichte Afbeelding en andere afbeeldingen…
Goed om te weten…
Bij het naar de mediabibliotheek [MB] uploaden van afbeeldingen, gebruikt de mediabibliotheek [MB] de instellingen opgeslagen in
- dashboard > instellingen > media
- hier staan 3 maten opgegeven;
- Wat WP doet is van elke afbeelding die wordt opgenomen in de MB 3 afbeeldingen [extra] opnemen met deze ingestelde maten
- en verder.. sommige thema’s en plugins voegen via add_image_size extra afbeeldingsmaten op. WordPress maakt deze maten ook aan bij welk beeld die geupload wordt. Dat kan je niet tegen gaan, wees dus zuinig met deze functie en plugins die ze toevoegen.
Oplossingen:
- Zorg er ELKE KEER vooraf voor, dat deze media-instellingen zo nodig worden aangepast aan de eigenschappen van de afbeelding; Dus VOORDAT je de afbeelding opneemt in de MediaBibliotheek [MB]
- kies het JUISTE bestand
== == == Featured Image//Uitgelichte Afbeelding – een bijzondere afbeelding
Featured Image (FI)is een bijzondere soort afbeelding. Een FI heeft als doel / doet twee dingen:
- het plaatst de FI-afbeelding bovenaan het bericht
- de FI-afbeelding wordt automatisch [in verkleinde afmetingen] samen met een deel van de berichttekst op de homepage geplaatst
Doorgaans wordt voor een FI-afbeelding een grote afbeelding gekozen.
Door gebruik te maken van bovenstaande eigenschappen kan je het uiterlijk van je site controleren.
== == == de stappen in de juiste volgorde:
- Bewerk afbeeldingen vooraf: Snij afbeeldingen bij en maak je afbeeldingen zoveel mogelijk direct al in de juiste afmetingen mbv een grafisch programma bijv GIMP (gratis)
== == == geef de standaardmaten op
- dashboard > instellingen > media
- geef de gewenste maten op van de afbeeldingen die je NU wilt gaan uploaden
Laat je één van de twee maten open, dan wordt de tweede maat ‘geschaald’ >> breedte: 100 hoogte:… >De afbeelding wordt 100 breed en de hoogte wordt zo aangepast dat de boel in verhouding blijft.
- klik ‘wijzigingen opslaan’
== == == afbeeldingen opnemen in de MediaBibliotheek
- zorg dat u de afbeeldingen ‘bij de hand heeft’ bijv. in een map
- Dashboard > Media > nieuw bestand
- klik en sleep de mediabestanden uit de map, naar het scherm > laat ze ‘vallen’
- …effe wachten…
De mediabestanden zijn ‘klaar voor gebruik
== == == mediabestanden plaatsen in bericht / pagina
Het gaat hier dus om het plaatsen van afbeeldingen / illustraties IN het bericht / IN de pagina!
- Dashboard > Media > Bibliotheek
- kies het juiste bestand >>>>> in de re-zijbalk ‘weergave-instellingen bijlage’ >>> afmetingen: kies de juiste grootte
- klik invoegen in bericht
== == == plaatsen Featured Image / Uitgelichte Afbeelding
- Bewerk je bericht; Plaats tekst, illustraties en afbeeldingen, vdeo etc in de tekst.
- In de dashboard-editor > scroll naar rechts-onderaan
- klik ‘Uitgelichte Afbeelding Instellen’
- De mediabibliotheek MB opent zich
- klik / selecteer de gewenste afbeelding [controleer de afmetingen in de zijbalk re-bovenaan]
- klik ‘Uitgelichte Afbeelding Instellen’
- sla alle wijzigingen van het bericht / de pagina op
- browser: <CRL-F5> bekijk het resultaat
== == == ‘zuinig’omspringen met beperkte opslagruimte??
Afbeeldingen ‘vreten ruimte’… als je niet oppast;-) zeker in vergelijking met tekst.
Mythe / misverstand… een groot bestand [meer megapixels] is noodzakelijk voor een mooie web-afbeelding. Hoewel waar voor het maken van foto-afdrukken, geldt dat niet / in veel mindere mate voor afbeeldingen op je website.
>>
Bewerk ‘originelen’ tot de gewenste afmetingen [lengte & breedte] en sla ze op met een ‘kwaliteit van 72dpi’ Dat is ruim voldoende kwaliteit voor gebruik ‘op een beeldscherm’, maar houdt tegelijkertijd de opslagruimte beperkt.
Zo raak je niet // niet zo snel door je beschikbare ruimte heen…
