Bij een aantal WordPress thema's kun je de functie Uitgelicht Afbeelding gebruiken, zoals bij deze website waarbij die uitgelichte afbeelding gebruikt wordt om een kleine Thumbnail te laten zien op de homepage.
Maar wist je dat ook bij te standaard WordPress Thema's Twenty Eleven en Twenty Ten die optie een speciale functie heeft? Je kunt met het instellen van een uitgelichte namelijk de header afbeelding koppelen aan een pagina of bericht. Normaal worden bij deze thema;s de bijgeleverde afbeeldingen gerouleerd.
Let daarbij wel op dat je het formaat van je header afbeelding hetzelfde houdt als het standaard formaat van je thema, voor Twenty Eleven is dat 1000 x 288 pixels en voor Twenty Ten 940 x 198.
Als je de afbeelding geüpload en ingesteld hebt, sla dan alles op en publiceer je bericht of pagina (of werk hem bij). Ga nu naar het betreffende artikel of de pagina en zie dat de header nu vast getoond wordt.
Standaard Headers Vervangen of Toevoegen
De afbeeldingen die bij Twenty Eleven geleverd worden staan in de map wp-content/themes/twentyeleven/images/headers waarbij er niet alleen de afbeelding in het formaat 1000 x 288 aanwezig zijn, maar ook een bestand zoals bijvoorbeeld laterns-thumbnail.jpg in het formaat 230 x 66. Deze thumbnail is dan te zien bij de headers optie van je thema.
Wil je dus de standaard header afbeeldingen vervangen / aanvullen dan zul je die moeten plaatsen in de juiste submap van je thema en ze met je FTP programma moeten uploaden.
Is het ook mogelijk om dit toe te passen op wordpress.com?
Want ben hier namelijk mee bezig maar lukt mij niet. Als ik dit precies volg komt er geen header te staan.
@Justin: Bij WordPress.com heb je wat minder mogelijkheden dan bij een zelf gehoste WordPress website. Het gebruik van uitgelichte afbeeldingen is vooral afhankelijk van het Thema dat je gekozen hebt, dus misschien moet je daar even wat mee experimenteren.
Als achtergrond op deze site is een foto onscherp gemaakt. helaas is ook de foto van de therapeute, op tabbblad wie ben ik ook onscherp. Hoe krijg ik die weer scherp
@Hendrik, Probeer eens om een .jpg afbeelding te gebruiken in plaats van .png. Ik zou tevens een foto proberen met wat minder schaduw en zon spiegelingen er in, kortom een wat “strakkere” foto.
Ik ben nou juist op zoek naar hoe ik die uitgelichte afbeelding op de homepage krijg. Wil je me dat uitleggen?
@Inge: Het ligt aan je thema, dus zonder url is dat lastig te zeggen. Als je een pagina hebt als voorpagina is het ook mogelijk om een uitgelicht afbeelding te gebruiken.
Geweldige informatieve website voor de eindgebruiker.
Wordpress is al super en met deze ondersteuning wordt het nog beter.
Bedankt voor hiervoor.
Allereerst complimenten over deze site. Is inderdaad verhelderend. Heb zelf een merkwaardig fenomeen met het “Uitgelichte afbeelding”. Wanneer ik in een van de andere pagina’s een aangepast afbeelding wil gebruiken dan heeft de header ineens een andere afmeting met als gevolg dat de afbeelding er ook niet helemaal in past. En dat terwijl de afbeelding formaten identiek zijn! Enig idee hoe dit ontstaat?
@Raymond: lastig te zeggen zonder voorbeeld van de pagina waar dit gebeurt. Waar ik als eerste zou kijken is in je stylesheet bestand en in functions.php. In de laatste kan een definitie staan die een speciaal style element aanroept en dan via de stylesheet het formaat aanpast. Klinkt redelijk technisch maar als je even door de code heen kijkt zie je misschien waar het probleem ontstaat.
Wil je zien welk style element gebruikt wordt, probeer dan een Firefox met de Developer plugin, daarmee krijg je die zaken redelijk snel boven water.
Ik gebruik de gratis versie van het Twenty-Ten thema. Het uitlichten van de afbeelding lukt, maar de uitgelichte afbeelding verschijnt dan op alle pagina’s/berichten (de roulatie van gecropte afbeeldingen wordt vervangen door de uitgelichte afbeelding), terwijl ik eigenlijk de afzonderlijke berichten wil voorzien van uitgelichte afbeeldingen). Kan dat bij de gratis versie van Twenty-Ten?
Probleem inmiddels opgelost. Mijn werkwijze is nu als volgt:
1. Dashbord -> Weergave -> Header
2. Optie: willekeurig
3. Uit in mijn geval de geüploade, gecropte afbeeldingen één ervan kiezen, de keuze opslaan. Deze afbeelding fungeert als header op alle pagina’s / berichten
4. Per pagina / bericht besluiten welke afbeelding in de header moet komen, formaat aanpassen, opslaan in de mediabibliotheek
5. Per pagina / bericht de link “stel uitgelichte afbeelding in” aanklikken en de instructies opvolgen.
@Theo van Berkel: Heel goed! En bedankt voor je heldere uitleg, zeker iets waar andere bezoekers ook hun voordeel mee kunnen doen.
Ik wil de uitgelichte foto (vast beeld op pagina) op homepagina groter (hoger) maken dan de standaard afmeting. Kan dat in thema Twenty Eleven?
Vast dank.
@Noor, je kunt de uitgelichte afbeelding vergroten door een aanpassing in de stylesheet.css en in je functions.php bestand. Doe dat wel via een Child Theme anders verlies je de aanpassing weer bij de volgende Twenty Eleven Thema update.
Mijn uitgelichte afbeeldingen komen wel als thumbnail tevoorschijn, maar ik wil graag dat ze ook bij de pagina of het bericht zelf verschijnen. Dit lukt me met geen mogelijkheid….
Ik hoop dat je me kunt helpen, want ik ben echt al een eeuwigheid opzoek naar een oplossing. Alvast bedankt!
@Angie, zo te zien heb je een oplossing gevonden? Het is afhankelijk van je thema of dat automatisch kan of dat je de afbeelding via Media toevoegen in je bericht moet plaatsen. Als je de uitgelichte afbeelding ge-upload hebt dan kun je die via media invoegen ook in je bericht gebruiken.
Geachte heer,
Ik ben net begonnen met het maken van een WordPress website.
Nu zijn mijn afbeeldingen echter in een ander formaat dan de aangeraden afmetingen.
Conclusie is dat er nu een ”gestreepte border” aan de linker en rechter kan te zien is.
Is het een mogelijkheid dat ik die border een witte/zwarte kleur geef, zo ja, hoe doe ik dat?
Ik heb geen verstand van scripten/coderen/CSS.
@Loran: Helaas is dat inderdaad mogelijk via css styling. Wat je wel kunt proberen is de afbeelding thumbnails opnieuw te laten genereren in het juiste formaat. Een plugin als https://nl.wordpress.org/plugins/ajax-thumbnail-rebuild/ kan daarbij helpen.
Hi,
Ik heb een ernstig probleem waar ik niet uitgeraak. Ik heb letterlijk al zitten wenen … Het gaat om de website http://www.dukeshephard.com waar op de introductie pagina het logo (links-boven) groter weergegeven of overkomt dan op alle andere paginas, terwijl we telkens over het zelfde picture (logo2.pgn) praten.
Ik HOOP ECHT dat je mij kan helpen ! Alvast een immens en heel gemeende bedankt !!!!
@Kurt, controleer je stylesheet en zoek naar deze regels:
.home_link > img { max-width: 300px;}
.home_link img.logo_intro{ display:none;}
.home_link img.logo_inner{ display:block; max-width:250px;}
In de bovenste regel kun je het formaat eens proberen te zetten naar 250px in plaats van 300px.