Handleiding Joomla 3.x Hoe voeg ik een plaatje toe aan mijn artikel? Geschreven: Sandra van der Heijden (2015) AdviesMies
Introductie Wanneer je dit document voor je hebt, betekent dit dat je een Joomla website hebt en dat je op zijn minst een artikel hebt aangemaakt. Om de tekst te ondersteunen en het leesbaarder te maken, helpt het om een foto of plaatje toe te voegen. Hoe je dat moet doen, leg ik uit in dit document. Foto s uploaden Je kan pas foto s of plaatjes etc toevoegen aan een artikel wanneer ze zijn geupload op de server. Dit kan je op 2 manieren doen. Als eerste leg ik uit hoe het werkt via de media manager. Ga hiervoor naar content - > media Manager. Je komt dan in het volgende scherm: Zoals je kan zien zijn er aan de linkerkant een aantal mappen aangemaakt. Dit zijn de standaardmappen die in de template meegekomen zijn. Om overzicht te houden, adviseer ik om eigen mappen aan te maken en daarin foto s en documenten te uploaden. In de website zijn extra mappen aangemaakt. Deze zijn nodig voor de verschillende sliders die in de website zijn opgenomen. Wil je nog een extra map dan maak je die aan door te klikken op create new folder. Geef de folder een naam bestaande uit 1 woord met alleen kleine letters. 2
Met de knop linksboven upload kan je de nodige foto s en documenten uploaden. Let wel op dat je niet meer dan 10MB per keer kan uploaden. Dit is wel aan te passen onder de knop options. Overigens raadt ik dit niet aan omdat hoe meer data je upload, hoe meer ruimte je in beslag neemt op de server en hoe langer het duurt voordat ze op de site geladen zijn. Dit geeft ergernis aan de bezoeker. De foto s die je op deze manier upload komen NIET in de mappen terecht maar in de algemene media manager. Dat zie je hier door middel van de losse foto s/plaatjes buiten de mappen. Wil je uploaden in een mapje. Klik dan eerst op de map waar je de foto s in wilt hebben. Dan klik je op de knop uploaden en zullen de foto s in de gekozen map terecht komen. Een andere manier om foto s te uploaden is via de Componenten. Ga dan naar het onderdeel Components en klik op JCE Editor en vervolgens op Control Panel. Je komt dan vervolgens in het volgende scherm terecht. 3
Klik op de File Browser. Je komt dan in het zelfde scherm als de Media Manager terecht, alleen zie je de mappen op een andere manier. Rechtsboven zie je een knopje met een blad en een pijltje omhoog. Dit is de importeer knop. 4
Je klikt eerst de map aan waar je de foto s in wilt plaatsen en vervolgens klik je op de importeerknop rechtsboven. Dan krijg je het volgende scherm te zien: Door de Browse knop aan te klikken kom je in je eigen bestanden terecht. Kies daaruit het bestand of bestanden die je wilt uploaden. Als je dat hebt gedaan, komt het er zo uit te zien. Vervolgens klik je op het knopje Upload rechtsonder en de foto wordt in de gekozen map geplaatst. Wanneer al je foto s en documenten geupload zijn, wil je ze natuurlijk in een artikel plaatsen op de website. Foto s plaatsen in een artikel Om je artikel op te leuken met een plaatje, ga je naar de Article manager. Vervolgens klik je in de lijst met artikelen op het artikel waar je een plaatje in wilt zetten. Als je het artikel hebt geopend, dan zie je onderaan een button image en als je deze aanklikt dan kom je in de media manager terecht. 5
Zoek de foto erbij die je in het artikel wilt plaatsen, klik op de foto en klik op insert (rechtsboven). Soms is de foto wat groot of loopt de tekst er tegen aan. Dan moet de foto bewerkt worden. Dit doe je door de foto aan te klikken en vervolgens op het knopje van image te klikken in het artikel. Je krijgt dan het volgende scherm: 6
Hier moet je een beetje mee spelen. Bij Alternate Text geef je een beschrijving van het plaatje. Deze moet je altijd invullen omdat dit de tekst is die mensen krijgen te zien wanneer het plaatje niet geladen worden. Dimensions zijn de afmetingen van het plaatje. Hier is geen standaard voor. Hier moet je een beetje mee spelen. Kijk wat passend is bij het artikel. Bij Alignment kan je de positie bepalen van de foto in het artikel: links, rechts, midden, boven etc. Margin Dit is de marge witruimte om de foto heen. Hiermee zorg je dat de tekst niet te dicht op de foto komt. Links boven in het scherm zie je een preview. Hier kan je zien hoe het er ongeveer uit komt te zien. Dit is ook een kwestie van een beetje mee spelen. Als je het vinkje Equal Values aan laat staan, dan vult ie automatisch op alle plekken dezelfde marge in. Als je plaatje links staat, heb je links geen extra marge nodig en uiteraard geldt voor rechts hetzelde. Zet het vinkje uit, door erop te klikken. Border wil je wel of geen kader erom. Vul je niets in, dan komt er geen kader om het plaatje, vul je 1,2,3,4 etc in dan bepaalt dat de dikte van je kader. Heb je alles ingevuld, klik dan op Update en de aanpassingen omtrent de foto worden toegepast in je artikel. Vervolgens klik je linksboven in het artikel op Save en voilá, je plaatje is aan de tekst toegevoegd en zichtbaar voor je bezoekers. Veel succes met het onderhouden van jouw website. Mocht je vragen hebben, kan je altijd bellen naar 06-11716861 of mail naar sandra@adviesmies.nl Copyright 2015 AdviesMies deze handleiding is gemaakt door AdviesMies. Kopiëren of delen is niet toegestaan zonder toestemming. 7