• Home
  • Over De Gids
  • Privacy Beleid
  • Downloads
  • Sitebouw Bronnen
  • Sitemap
  • Contact

Website Beginners Gids

Jouw Handleiding om een Eigen Website te Maken

  • Website Bouwen
    • Schrijven
  • Website Hosting
  • WordPress Website
    • WordPress Basis
    • WP Handleiding
    • WordPress Dashboard
    • WP Configuratie
    • WP Berichten
    • WP Themes
    • WP Plugins
    • WordPress Boeken
    • De Complete Lijst van Premium WordPress Thema Sites
  • Joomla Website
  • HTML Handleiding
  • CSS Stylesheets
Je bent hier: Home / WP Themes / Gebruik van de Uitgelichte Afbeelding optie in WordPress

Gebruik van de Uitgelichte Afbeelding optie in WordPress

10 maart 2012 Website Beginners Gids 20 Reacties

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.

Een uitgelichte afbeelding bij WordPress instellen

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.

WordPress Headers Willekeurig roleren

 

Lees ook:  WordPress 3.5 en Twenty Eleven 1.5

WP Themes Headers, twenty eleven, Twenty Ten

WordPress Boek Uitgebreid

Reacties

  1. Justin zegt

    9 oktober 2012 om 10:37

    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.

    Beantwoorden
    • Herbert-Jan van Dinther zegt

      9 oktober 2012 om 20:12

      @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.

      Beantwoorden
    • Hendrik de Boer zegt

      23 januari 2013 om 08:54

      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

      Beantwoorden
      • Herbert-Jan van Dinther zegt

        23 januari 2013 om 22:38

        @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.

        Beantwoorden
  2. Inge zegt

    13 december 2012 om 12:51

    Ik ben nou juist op zoek naar hoe ik die uitgelichte afbeelding op de homepage krijg. Wil je me dat uitleggen?

    Beantwoorden
    • Herbert-Jan van Dinther zegt

      22 december 2012 om 22:05

      @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.

      Beantwoorden
  3. Globeview zegt

    3 januari 2013 om 23:30

    Geweldige informatieve website voor de eindgebruiker.
    Wordpress is al super en met deze ondersteuning wordt het nog beter.
    Bedankt voor hiervoor.

    Beantwoorden
  4. Raymond zegt

    14 februari 2013 om 16:38

    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?

    Beantwoorden
    • Herbert-Jan van Dinther zegt

      14 februari 2013 om 20:10

      @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.

      Beantwoorden
  5. Theo van Berkel zegt

    30 augustus 2014 om 09:24

    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?

    Beantwoorden
    • Theo van Berkel zegt

      30 augustus 2014 om 09:49

      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.

      Beantwoorden
      • Website Beginners Gids zegt

        30 augustus 2014 om 11:10

        @Theo van Berkel: Heel goed! En bedankt voor je heldere uitleg, zeker iets waar andere bezoekers ook hun voordeel mee kunnen doen.

        Beantwoorden
  6. Noor zegt

    16 januari 2015 om 09:12

    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.

    Beantwoorden
    • Website Beginners Gids zegt

      23 januari 2015 om 06:42

      @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.

      Beantwoorden
  7. Angie zegt

    17 augustus 2015 om 22:45

    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!

    Beantwoorden
    • Website Beginners Gids zegt

      23 augustus 2015 om 18:49

      @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.

      Beantwoorden
  8. Loran Nebbeling zegt

    23 oktober 2015 om 18:34

    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.

    Beantwoorden
    • Website Beginners Gids zegt

      30 oktober 2015 om 12:43

      @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.

      Beantwoorden
  9. kurt zegt

    11 maart 2016 om 20:46

    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 !!!!

    Beantwoorden
    • Website Beginners Gids zegt

      12 maart 2016 om 08:36

      @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.

      Beantwoorden

Geef een reactie Reactie annuleren

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Zoeken…

WordPress Handleiding

Op zoek naar een Basis WordPress Handleiding?
Download hem vanaf de Download Pagina!

Download de Gratis Kleine WordPress handleiding in PDF formaat

Nieuwsbrief

Gratis Tips en Informatie over WordPress en Website Bouw

Meest Gelezen Artikelen

  • Downloads
  • WordPress Handleiding Nederlands
  • WordPress Menu Aanmaken en Gebruiken
  • FileZilla – Wat is het en hoe werk je ermee?
  • Een website bouwen met CMS of HTML?
  • Gebruik van de Uitgelichte Afbeelding optie in WordPress
  • WordPress Pagina of Bericht Gebruiken?
Elegant Themes

Beginners Gids

  • Website Bouwen – De Basis
  • Domeinnaam en Web Hosting
  • Website Design
  • Extra Informatie
  • Beginnen met je Eigen Website Maken
  • Een website bouwen met CMS of HTML?

WordPress Boek

WordPress Thema’s

Elegant Themes

Disclosure

De Website Beginners Gids is een professionele website die mogelijk geld verdient met de promotie van producten waarover wij schrijven.
De producten die wij promoten kunnen je zeker helpen bij het bouwen van je eigen top website maar zijn niet noodzakelijk. Kijk altijd zelf of ze bij jouw ideeën en budget passen.

Goedkope Website Hosting

Copyright © 2010–2023 Website Beginners Gids· Thema van: StudioPress