Je kan plaatjes invoegen door ze simpelweg in een bericht te slepen, of via de knop Media toevoegen. WordPress maakt zelf de versies voor thumbnail / medium / groot. Ook het origineel wordt bewaard, en je kan daarom beter niet al te grote plaatjes uploaden.

Als het plaatje in het bericht staat, kun je het vergroten en verkleinen met de hendels. Maar je kan ook meer doen, via Klik > bewerken. Zoals uitlijning in de tekst, de Alt-tekst of een bijschrift. Kies altijd Link naar Media-bestand zodat je op het plaatje kan klikken voor een vergroting. Dit staat standaard niet aan, dus dat moet je zelf bij elk plaatje en bij elke galerie zelf doen. Vanaf WordPress 6: klik het plaatje, klik het ketting-icoon in het formatteer-balkje en dan Mediabestand.

Galerie: Media toevoegen > Galerij. Bekijk de opties; en kies hier ook altijd Link naar Media-bestand.

Plaatjes op ROCweb mogen niet groter dan 2 MB zijn. Resize het als het te groot is:
via “online photo resize” (Googlen)
of mailen naar jezelf (kies normale kwaliteit)
of via Photoshop (cmd alt i – Save for web)

Lightbox / Fancybox

Hiermee kun je in een galerie op plaatjes klikken voor vergrotingen, en bladeren met de pijltjes. UPDATE: Dit zit nu in Jetpack > Instellingen > Schrijven > bovenste vinkje.

Pop-ups gaan via Jetpack > Instellingen > Schrijven. De tekst in de popups is de Titel, onder de plaatjes, in de editor (en rechts staat de Alt voor de SEO):

Het kan ook via Media Bibliotheek > Titel.

Soms staat er in je thema ook al een vergelijkbare Lightbox of Fancybox aan, dan heb je dus een dubbele popup. Zet er dan eentje uit.

Onderschriften en Alt-tekst

Bij elk plaatje in de Media heb je Titel, Onderschrift, Alt-tekst en Omschrijving. De Alt-tekst is de belangrijkste voor Google, dus die moet je eigenlijk altijd invullen.

UPDATE: De tekst in een gallery-Jetpack-popup moet via Media > Titel:

Uitgelichte afbeelding

De knop voor Uitgelichte Afbeelding (featured image) staat altijd rechtsonder in de Editor. Meestal komt dat plaatje groot bovenaan te staan, zoals hier in dit template op deze pagina. Maar een ander template kan juist iets anders doen met zo’n afbeelding,

 Je kan plaatjes dus ook direct in een Bericht of Pagina slepen, zoals dit ROC-logootje hiernaast, dan is het geen galerie, maar gewoon een los plaatje op een bepaalde plek in de tekst.

Als je een bestaande web-pagina kopieert en inplakt, dan komen de plaatjes ook mee. Die plaatjes zijn dan links naar die originele website, en staan dan dus niet in jouw Library.

Heel grote plaatjes kan je beter eerst kleiner maken, met Photoshop. Dat gaat sneller en beter dan kanjergrote plaatjes in WordPress proberen te slepen.

Zie ook Plaatjes van Flickr in WordPress insluiten

Plaatjes bewaren voor Web

Open een plaatje in Photoshop en tik Cmd-Alt-Shift-S (Bewaar voor Web).
In dat paneel kies je rechtsboven voor de Voorinstelling “JPG normaal“. Bij de afmetingen kies je maximaal 1200 px, want anders zijn de plaatjes veel te groot en te traag. Bewaar.

Styling met Custom CSS

Met CSS kun je vrijwel alles qua design nog veranderen. Afgeronde hoeken, drop-shadows, effecten bij een hover, font-size, lettertype, kleuren, van alles. Dat kan via Weergave > Custom CSS. Als je het daar niet ziet, kun je een plugin zoals Easy Custom CSS aanzetten.

Bekijk met rechtsklik > Inspecteer element hoe je het plaatje in de CSS kan aanroepen, oftewel in welke HTML-elementen het staat.  Hier op deze pagina is dat bijvoorbeeld een img in een class=gallery. Voor afgeronde hoeken en een animatie tijdens de hover plak je dit bij de Custom CSS  (verander naar wens):

.gallery img {border-radius:10px; transition:all 0.5s !important;}
.gallery img:hover {transform: scale(1.2) rotate(10deg) !important;}

Of voor een kader om een plaatje. Maak jouw custom class dan zoals hieronder en kies bij een plaatje dan jouw class:

.plaatje {border: 1px solid black;}

Audio en Video embeds

Video en audio kun je uploaden naar de Media Library, maar het is veel beter om video’s van Youtube / Vimeo (of muziek van Soundcloud) direct in te plakken met de url:

http://youtu.be/mxzgwJ8tSE0 wordt dan meteen zo afgebeeld:

Meer informatie over WordPress embeds.

Video Gallery

Met een plugin als Vimeography kun je een video gallery maken. Dat is mooier en sneller dan simpelweg veel video’s onder elkaar zetten. De plugin is gratis, maar de mooiere thema’s zijn betaald. Er zijn veel alternatieve plugins zoals Tubepress en Vimeo Video Wall.

Gallery plugins: NextGen

Er zijn ook gallery plugins die nog meer mogelijkheden bieden. Als je dat wil, probeer dan eerst NextGen, dat is de bekendste.

PDF’s inline plaatsen of als link

PDF’s kon je nooit inline afbeelden in een website, maar dankzij plugins kan dat nu wel. Je kan ook een link naar de PDF plaatsen, want elke browser kan PDF’s openen.