Handleiding Joomla! Frontend, content en gallery.

Handleiding Joomla! Frontend,
content en gallery.
september 2014
versie 1.0
1
Inhoudsopgave
Toevoegen nieuw artikel, of wijzigen...................................................................................................3
Extra web-functionaliteit.................................................................................................................4
toevoegen van een foto/plaatje....................................................................................................4
toevoegen van een bestand..........................................................................................................5
invoegen/bewerken van een link.................................................................................................6
Meerdere foto's toevoegen in artikel, als een fotogalerij......................................................................6
2
Toevoegen nieuw artikel, of wijzigen
Log in op de site. Je krijgt nu een extra menu: leerkrachtenmenu. Als je een nieuw artikel wilt
toevoegen kies je Mijn artikelen en klik je op het knopje Nieuw artikel. Als je een bestaand
artikel wilt wijzigen surf je na het inloggen naar het betreffende artikel en klik je op het
potloodje (bewerk artikel).
Je ziet nu het volgende:
En dan begin je:
● vul een titel in
● typ of kopieer je tekst (voor plakken zie uitleg op de volgende pagina)
● selecteer een categorie; je groep en vanaf groep 5 of het om huiswerk gaat of foto's
verhaaltjes (leerlingenwerk)
● zet de status op gepubliceerd
● speciaal is Nee
● Start en stop publiceren hoef je niks mee te doen, tenzij je het artikel op een later
moment wilt publiceren of er vanzelf weer af wilt halen (stop publiceren).
● Als je het artikel zo goed vindt, zet je Toegang op publiek. Het artikel staat dan gelijk op
de site. Wil je het eerst nog zelf op de site bekijken, kies dan eerst voor Toegang
Geregistreerd. Dan is het alleen zichtbaar voor iemand die ingelogd is (leerkracht).
● Klik bovenaan op Opslaan.
● Als je het artikel nog wilt wijzigen, klik dan op het potloodje. Het artikel wordt weer
geopend en je kunt het aanpassen.
De artikelen in een categorie worden automatisch geplaatst onder de betreffende menu-knop,
mits je dus Toegang hebt gezet op Publiek.
3
Tekst kopiëren/plakken
Als je al een tekst hebt getypt in Word dan kun je de tekst
kopiëren en vervolgens met de plakknop (zie hiernaast)
plakken. Door de knop “als platte tekst plakken” te gebruiken,
blijft de layout in de stijl van de website.
Na het kopiëren kun je de tekst nog opmaken zoals je gewend
bent te doen in Word. De meeste edit-knoppen spreken voor
zich. Een apart lijstje van de belangrijkste afwijkende knoppen vind je een eindje verderop in
deze handleiding (extra web-functionaliteit).
Als je veel tekst hebt, kun je ook zo'n mooie Lees meer-knop toevoegen. Schrijf een korte
introductie en daarna voeg je een link in met lees meer. Deze knop vind je onderaan het editorveld, maar ook tussen de andere edit-knoppen. Er verschijnt nu een lijn met daaronder in rood
read more. Onder deze lijn typ je de rest van de tekst. Op de website wordt er dan zo'n “lees
meer”-knop aan je artikel toegevoegd.
Als je klaar bent met de tekst en de overige info klik je boven op Opslaan. Je artikel is nu
gepubliceerd.
Wil je het artikel niet opslaan, klik dan op Annuleren. Niet je browser wegklikken of teruggaan
naar de vorige pagina. Je artikel wordt dan vergrendeld.
Extra web-functionaliteit
In de tekstverwerker zitten naast de gebruikelijke opmaak-knoppen nog een drietal andere
knoppen die je misschien ook nog wel eens nodig hebt. Hieronder wordt uitgelegd waar ze voor
zijn en hoe je ze moet gebruiken.
toevoegen van een foto/plaatje
voor het toevoegen van een foto/plaatje ter illustratie van je artikel. Ga met je cursor op de
plek staan waar je de link naar het bestand wilt toevoegen en klik op
insert/edit image.
Er opent nu een pop-up.
• Ga naar de map fotoalbum en dan je groepsmap en klap die open. Je ziet nu alle
plaatjes die er al in staan.
• Klik boven de grijze Details-balk op de knop upload. Kies vervolgens Browse en haal
je foto of alle foto's van je computer op, of sleep de foto van je computer naar het
Drop files here-veld. Het bestand staat nu onder Queue.
Eventueel kun je de naam nog aanpassen en de grootte.
Gebruik geen spaties in de bestandsnaam!! Hier heb je
ook de mogelijkheid om
het
plaatje
te
bewerken. Je kunt ook
meerdere
bestanden
tegelijk selecteren. Als
je ze allemaal hebt
opgehaald, klik je op
upload en sluit je het
venster. Je keert nu
weer terug naar het
scherm zoals hiernaast.
•
4
Zoek in de middelste
lijst het bestand op dat
•
•
•
je zojuist hebt geupload. Dit is nu extra opvallend omdat het met vette zwarte
letters wordt weergegeven. Selecteer het door er een keer op te klikken.
Je ziet nu dat het veld URL gevuld is met een link naar je plaatje. Bij Alignment geef
je aan hoe de tekst om het plaatje weergegeven moet worden. Het voorbeeld
verandert gelijk mee.
Bij Dimensions geef je aan hoe groot het plaatje moet worden weergegeven. Bij een
horizontale foto is 150 breed wel mooi. Maak de foto wat kleiner. Op de site kun je
op de foto klikken en dan wordt hij groter weergegeven.
Als je klaar bent klik je onderaan het venster op Insert en je plaatje is ingevoegd.
toevoegen van een bestand
voor het toevoegen van een bestand, bijvoorbeeld een PDF of Word bestand (liever
geen Word).
Ga met je cursor op de plek staan waar je de link naar het bestand wilt toevoegen en klik
op
insert/edit file.
Er opent nu een pop-up.
• Ga naar de map documenten en
klap die open. Je ziet nu alle
bestanden die er al in staan.
• Klik boven de grijze Details-balk op
•
•
•
•
de
knop
upload
.
Kies
vervolgens Browse en haal je
bestand van je computer op. Het
bestand staat nu onder Queue.
Eventueel kun je de naam nog
aanpassen.
Gebruik
geen
spaties in de bestandsnaam!!
Je kunt ook meerdere bestanden
tegelijk selecteren. Als je ze
allemaal hebt opgehaald, klik je op
upload en sluit je het venster. Je
keert nu weer terug naar het
scherm zoals hiernaast.
Zoek in de middelste lijst het
bestand op dat je zojuist hebt
geupload. Dit is nu extra opvallend
omdat het met vette zwarte letters wordt weergegeven. Selecteer het door er een
keer op te klikken.
Je ziet nu dat het veld URL gevuld is met een link naar je bestand. Onder options kun
je bij Text de titel voor het document invoeren. Dit is de tekst die je zometeen op de
pagina ziet.
Bij de regel Layout zet je een vinkje bij Icon (er verschijnt dan een pdf icoontje voor
de link) en als je ook nog de download-grootte wilt laten zien zet je een vinkje bij
size en klik je op de groene pijltjes zodat de bestandsgrootte automatisch ingevuld
wordt. En de datum kan er ook nog bij.
Als je klaar bent klik je onderaan het venster op Insert en je bestand is ingevoegd.
Als je later nog een wijziging wilt aanbrengen ga je op de link staan en klik je weer op de
Insert/edit file knop om de wijzigingen aan te brengen.
5
invoegen/bewerken van een link
als je in de tekst een verwijzing naar een ander artikel binnen de site, op internet, of een
emailadres wilt toevoegen gebruik je deze knop.
Eerst selecteer je de tekst die de link moet gaan bevatten. Als je geen tekst hebt geselecteerd,
is de knop niet actief. Vervolgens klik je op de
Insert/edit link knop.
Er opent nu een pop-up.
• Link naar website op internet: vul de URL in
bij het URL-veld. Je moet het volledige adres
invoeren, dus bv. http://www.google.nl .
Voor een link naar internet zet je het veld
Target op Open in new window. Dan wordt je
link geopend in een nieuw tabblad. Als je
klaar bent klik je op Insert, linksonder.
• Link naar een emailadres: klik op het
envelopje rechtsboven. Bij Address vul je
vervolgens het emailadres in en bij Subject
kun je aangeven wat er in het onderwerp
van de email moet komen te staan. OK. Als
je klaar bent klik je op Insert, linksonder.
•
•
•
• Link naar een artikel op de website: in het
Link Browser overzicht klap je content open.
Zoek het artikel waar je naar wilt verwijzen
en selecteer het. Als je klaar bent klik je op
Insert, linksonder.
Meerdere foto's toevoegen in artikel, als een fotogalerij
•
•
•
•
•
•
6
Je bent begonnen met het toevoegen van een nieuw artikel zoals hierboven is
beschreven en wilt nu een fotogalerij/foto-album toevoegen
verklein eerst je foto's in bv picasa tot max. 600 pixels of max. 200 kB, dat is genoeg
Volg de eerste 2 stappen van toevoegen van een foto/plaatje op blz 5, dus knop foto
toevoegen en naar je groepsmap bladeren (fotoalbum/5a bijv.)
maak in je groepsmap een nieuwe map (bijv. herfst) aan voor de nieuwe foto's, zonder
spaties
upload alle foto's naar deze map
als het uploaden is gelukt, sluit je de popup af door op annuleren te klikken, niet op
invoegen!
•
•
7
Typ het volgende op de plek waar je de galerij weer wilt geven:
{gallery}5a/herfst{/gallery} waarbij je in plaats van 5a je eigen groepsmap invult en op
herfst komt de naam van de map die je zojuist hebt aangemaakt. Voorbeeld:
{gallery}5a/herfst{/gallery}
Sla het artikel op en kijk of het album er goed op staat. Zie je geen foto's maar wel
{gallery}5a/herfst{/gallery} staan, dan heb je waarschijnlijk een typefout gemaakt in de
mapnaam of de gallery-code.