Afbeeldingen 1. Afbeeldingsformaten Probeer de afmetingen van je afbeeldingen zoveel mogelijk te beperken. Ze nemen onnodig veel ruimte in beslag en kunnen het laden van je webpagina hopeloos vertragen. Een resolutie van 92 dpi is ruim voldoende voor het internet. Het aantal pixels is afhankelijk van de ruimte die de afbeelding moet innemen op je site. Een maximale breedte of hoogte van 1024 pixels is normaal ruim voldoende. Bij het uploaden van te grote foto s, krijg je mogelijk de melding dat je uploadgrootte overschreden is, dit kan je aanpassen in het bestand php.ini in de map Settings (upload_max_filesize) Je kan verschillende afbeeldingsformaten gebruiken om foto s op het web te publiceren. De keuze is afhankelijk van het type en de kwaliteit dat je wenst. 2. Media-instellingen Bij het uploaden van een afbeelding zal Wordpress automatisch 3 afmetingen definiëren voor deze afbeelding: Thumbnail, Gemiddeld en Groot Bij het invoegen van een afbeelding op een pagina of bericht, krijg je dan de keuze van het formaat. De afmetingen van deze 3 opties zijn aanpasbaar via het menu Instellingen/Media 9_Afbeeldingen Karin Van Genechten 1
3. Media Gallery Alle afbeeldingen (of video s en audio bestanden) die je gebruikt worden beheerd via de Media Gallery of Bibliotheek. Deze is toegankelijk via het menu Media/Bibliotheek Je krijgt dan een overzicht van de mediabestanden die reeds geupload werden. Afbeeldingen die ingevoegd worden op een pagina of een bericht worde automatisch in de Media Gallery geplaatst. Via de knop Nieuw bestand kan je ook rechtstreeks Afbeeldingen uploaden naar de Media Gallery. 9_Afbeeldingen Karin Van Genechten 2
Je kan de mediabestanden op 2 niveaus filteren: het type bestand (afbeelding/audio/video) en de datum van opname in de mediabibliotheek. De keuze niet-gekoppeld toont je al mediabestanden die niet (meer) op de site gebruikt worden. Als je niet meer van plan deze te gebruiken kan je ze beter verwijderen. De Media bibliotheek kan via 2 verschillende layouts bekeken worden: lijst of rooster. Het wisselen tussen deze 2 kan via de knoppen bovenaan. In de lijstweergave vind je iets meer informatie, bijvoorbeeld de naam van de pagina, of het bericht waarin naar de afbeelding wordt gekopppeld en de datum waarop de afbeelding werd geupload. Via de Lijstweergave is het bijvoorbeeld ook makkelijker om een aantal foto s tegelijkertijd te selecteren en te verwijderen. 9_Afbeeldingen Karin Van Genechten 3
4. Afbeeldingen bewerken Als je op een afbeelding klikt krijg je een venster met de eigenschappen van de afbeelding. Deze kan je eventueel wijzigen. Titel: wordt getoond als de gebruiker naar de afbeelding wijst Onderschrift: tekst die altijd onder de afbeelding zal staan Alt-tekst: wordt getoond als afbeelding na kan worden weergegven. Via het knopje Afbeelding bewerken onderaan kan de afbeelding zelf bewerkt worden: roteren, spiegelen, bijsnijden, schalen. Meer uitleg over het toepassen van schalen en bijsnijden vind je onder het vraagteken in het dialoogvenster. 9_Afbeeldingen Karin Van Genechten 4
Je kan ervoor kiezen of je de aanpassingen al dan niet ook op de thumbnail wil. Zo kan je bijvoorbeeld voor de thumbnail een deel van de foto uitsnijden. 5. Afbeeldingen invoegen Voor het invoegen van een afbeelding op een pagina of bericht, gebruik je de knop Media Toevoegen. Je komt dan in de Media Bibliotheek terecht en kan daar je keuze maken. Via de zoekfunctie kan je de gewenste afbeelding eventueel sneller terugvinden. Is de afbeelding nog niet in de Mediabibliotheek aanwezig, kan je ze toevoegen via de knop Bestanden uploaden. Na het kiezen van de afbeelding, is het aangeraden de Weergave-instellingen al direct te specifieren Uitlijning: bepaalt de positie op de pagina Link naar: bepaalt naar waar er via de afbeelding kan doorgelinkt worden Bijlage pagina: de afbeelding wordt uitvergroot weergegeven op een pagina met het sjabloon van de site 9_Afbeeldingen Karin Van Genechten 5
Aangepaste URL: je kan de foto laten doorlinken naar eender welke pagina Mediabestand: de afbeelding wordt uitvergroot weergegeven (zonder sjabloon) Geen: de afbeelding zal niet doorlinken Afmeting: bepaalt het formaat van de afbeelding: groot, gemiddeld en thumbnail Deze instellingen kunnen ook nog aangepast worden nadat de afbeelding al is ingevoegd, dir via de knop Bewerken 6. Fotogalerij Wil je een fotopagina maken, dan kan je gebruik maken van een fotogalerij. Klik bovenin de pagina op de knop Media Toevoegen. In het nieuwe venster kies je voor de optie Galerij aanmaken Selecteer vervolgens alle foto s die je in de galerij wil opnemen en klik op Een nieuwe galerij aanmaken 9_Afbeeldingen Karin Van Genechten 6
In het volgende venster, kan je in de linkerkant de eigenschappen van de gallerij specifiëren. Ook kan je de volgorde van de foto s wijzigen door ze van plaats te verslepen Zodra alles in orde is, klik je op Gallerij invoegen De gallerij kan achteraf nog bewerkt worden. Als je op de ingevoegde gallerij klikt, krijg je een extra werkbalkje met de knop Bewerken. Dan kom je terug in het venster Gallerij bewerken terecht. Vergeet niet onderaan op Gallerij bijwerken te klikken zodra de nodige aanpassingen gebeurd zijn. 9_Afbeeldingen Karin Van Genechten 7
7. Uitgelichte afbeelding Een uitgelichte afbeelding (of featured image) is een afbeelding die als het ware buiten de tekst toegevoegd wordt. (meestal bovenaan) Dit vindt vooral toepassing bij berichten. Bij sommige thema s kan ook toegevoegd worden aan pagina s. het Via de knop Media Toevoegen kan je kiezen voor een uitgelichte afbeelding. De afbeelding is niet in het bericht zelf zichtbaar, maar wel in de rechterkolom met instellingen, helemaal onderaan. Hier kan je de afbeelding ook eventueel terug verwijderen. Verder oefenen 1. Maak een nieuw bericht aan met San Francisco als titel, kopieer de tekst van mijn site annick.cvo-lino.be en kijk naar de plaatsing van de afbeelding. Categorie Noord Amerika, tags San Francisco, by night. Voeg afbeelding San Francisco2 in bij de tekst en plaats de ondertitel erbij. Afmeting is 300 x 200px. Link naar mediabestand. 2. Stel de afbeelding San Francisco in als uitgelichte afbeelding met alt tekst sanfrancisco. Klik op Publiceren. 9_Afbeeldingen Karin Van Genechten 8
3. Verberg de uitgelichte afbeelding bij een enkel bericht (Weergave > Customizer) 4. Voeg nog de afbeelding Sanfrancisco3 in onderaan de tekst in het bericht, ondertitel: brug, alt tekst: brug, afmetingen: groot, link naar: mediabestand, uitlijning: gecentreerd 5. Maak een tweede bericht aan met titel New York en kopieer de tekst van mijn site. Categorie: Noord Amerika, tags: time square, new york. Voeg de afbeelding newyork2 toe aan de tekst. Ondertitel: time quare, alt tekst: timesquare, Uitlijning: rechts, Afmetingen: gemiddeld, link naar: bijlagepagina. 6. Voeg de afbeelding newyork in als uitgelichte afbeelding, snij de afbeelding bij naar ongeveer 900px breed. Schaal ze dan bij naar ongeveer 400px breed. 7. Maak een nieuwe pagina met titel Beeldengalerij. Voeg een galerij toe met alle afbeeldingen die je tot hiertoe hebt gebruikt in de berichten. Titel: Beeldengalerij, ondertitel: De mooiste beelden, alt tekst: beelden, link naar: mediabestand, Kolommen: 4, Willekeurige volgorde 8. Maak een link in het menu naar de pagina Beeldengalerij 9. Maak zelf nog een bericht aan van een plaats naar keuze in Noord Amerika, haal de tekst van het internet en ook afbeeldingen. 10. Voeg daarna de afbeeldingen nog toe aan de galerij 9_Afbeeldingen Karin Van Genechten 9