Skip to content

Werken met afbeeldingen

In dit artikel zullen we d.m.v. een video en bijbehorende tekst demonstreren dat WordPress erg goed kan werken met afbeeldingen. Dat afbeeldingen kunnen worden aangepast c.q. op maat gemaakt kunnen worden en dat ze verder gepositioneerd kunnen worden zoals wij dat willen binnen WordPress zelf zonder gebruik van een een extern programma zoals Photoshop.

Uploaden afbeelding

Afbeeldingen kunnen worden upgeload door middel van de WordPress uploader die geactiveerd kan worden door op de upload afbeelding knop te drukken die bovenaan de editor naast de woorden Uploaden/Toevoegen staat.. Dan verschijnt er een pop-up waarin een afbeeldingen van je lokale computer gekozen kan worden om up te loaden.

Standaard aanpassingen

Na een succesvolle upload zie je een thumbnail van deze afbeeldingen en zijn er een paar zaken die je kunt aanpassen:

  • Titel
  • Alternatieve tekst
  • Onderschrift
  • Beschrijving
  • Koppelings-url
  • Uitlijning
  • Afmeting

De eerste twee zal ik altijd wijzigen aangezien de titel het bestandsnaam is en vaak een betere titel kan krijgen en de alternatieve tekst leeg is en gevuld moet worden. De alternatieve tekst is goed voor de SEO en zorgt ervoor dat je site XHTML valide blijft.

Bewerken afbeelding

Daarboven staan gegevens van de afbeelding zoals naam van het bestand en de afmetingen ervan. Daar is ook een knop “bewerken”. Als er op deze knop geklikt wordt, kun je de afbeelding online op de server bewerken. Dit is geweldig aangezien je dus niet meer afbeeldingen alleen offline op je computer kunt bewerken, maar dit ook na uploaden online kan doen. De bewerk mogelijkheden zijn:

  • bijsnijden of croppen
  • kloksgewijs roteren
  • tegen de klok in roteren
  • horizontaal spiegelen
  • verticaal spiegelen

Post thumbnail toevoegen

Als je thema post thumbnails ondersteunt kun je aan je bericht of pagina een aanbevolen afbeelding toevoegen die dan automatisch wordt geladen in je artikel daar war het thema deze opvraagt. Deze kan je toevoegen door in de rechterkolom naast dit tekstbewerkscherm onder tags op “stel aanbevolen afbeelding in” te klikken en er een te selecteren en up te loaden. In Twentyten hebben wij standaard thumbnail ondersteuning toegevoegd door een kind thema te gebruiken en daar de nodig code toe te voegen. Een uitstekende Engelstalige handleiding voor het toevoegen van de standaard thumbnail functionaliteit aan Twentyten met een kindthema van Greg Freeman vind je hier.

Video

En dan hier de video:

If you can see this, then you might need a Flash Player upgrade or you need to install Flash Player if it's missing. Get Flash Player from Adobe.

Gepubliceerd door Doede op woensdag 22 september 2010
Nog geen reacties

Laat een reactie achter

NB: XHTML is toegstaan. Je email adres wordt niet gepubliceerd.

Abonneer je op de reacties op dit artikel via RSS

*