Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Transcriptie

1 Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 1

2 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

3 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

4 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. Zoek in de middelste lijst het bestand op dat 4

5 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

6 invoegen/bewerken van een link als je in de tekst een verwijzing naar een ander artikel binnen de site, op internet, of een adres 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. 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 adres: klik op het envelopje rechtsboven. Bij Address vul je vervolgens het adres in en bij Subject kun je aangeven wat er in het onderwerp van de 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 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! 6

7 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.