Handleiding Joomla CMS
Inhoudsopgave Inloggen bij de beheeromgeving 3 Artikelen 4 • Prullenbak bekijken 4 • Nieuw artikel maken / bewerken 5 • Afbeelding toevoegen aan artikel 6 • Link in een artikel plaatsen 7 • Bijlage aan artikel toevoegen 8 • Cursusdatum aan artikel toevoegen 8
Afbeeldingen uploaden met ‘Media beheer’ 9 Menu-items 10 • Nieuw menu-item maken / bewerken 11 • Menu-itemtypes 11
Bijlage A: Afbeeldingen verkleinen
Pagina 2
12
Inloggen bij de beheeromgeving De websites van Emixion beschikken over een beheeromgeving waarin de inhoud van de website makkelijk kan worden beheerd. Inloggen bij de beheeromgeving gaat alsvolgt: Ga naar www.lcpl-pathan.nl/administrator om in te loggen met je gebruikersnaam en wachtwoord. Vervolgens verschijnt de beheeromgeving waarin de inhoud van de website kan worden bijgehouden.
Pagina 3
Artikelen Nieuwsberichten, pagina’s en ook een aantal blokken op de website worden geschreven door middel van artikelen. Het beheergedeelte voor deze artikelen is terug te vinden in het hoofdmenu bij ‘Inhoud -> Artikelen’. Er wordt nu een overzicht weergegeven van alle artikelen die zijn aangemaakt voor de website, gesorteerd van nieuw naar oud. Boven dit overzicht bevindt zich een knoppenbalk. De belangrijkste functies zijn:
• Nieuw • Bewerken • Publiceren • Depubliceren • Prullenbak
(Nieuw artikel aanmaken) (Bestaand artikel bewerken) (Artikel zichtbaar maken op de website) (Artikel onzichtbaar maken op de website) (Artikel onzichtbaar maken op de website en naar de prullenbak verplaatsen)
Om een handeling op meerdere artikelen tegelijk uit te voeren kan er gebruikt worden gemaakt van het vinkje vóór de artikelen. Voorbeeld: om meerdere artikelen naar de prullenbak te verplaatsen. Gepubliceerd
Gedepubliceerd
Door artikelen te Depubliceren worden artikelen op de website voor bezoekers onzichtbaar gemaakt. Artikelen kunnen dus bewerkt en geschreven worden vanuit het beheer terwijl bezoekers het bericht niet zien.
Prullenbak bekijken Allereerst is het raadzaam artikelen niet naar de prullenbak te verplaatsen, maar ze te depubliceren van de website. Zo zijn ze in het artikeloverzicht nog makkelijk terug te vinden en kunnen ze ook met één druk op de knop weer gepubliceerd worden. Is er toch een artikel wat terug moet worden gehaald uit de prullenbak. Dan kan dat alsvolgt:
1
3
2
Stap 1:
Klik op de knop ‘Zoekhulpmiddelen’
Stap 2:
Klik bij het uitschuifmenu ‘Selecteer status’ op ‘Verplaatst naar prullenbak’ In het artikeloverzicht worden nu alle artikelen zichtbaar die in de prullenbak zitten. Klik op het prullenbak icoontje om een artikel weer uit de prullenbak te halen. Stap 3: Klik op de knop ‘Wissen’ naast ‘Zoekhulpmiddelen’ om weer terug te gaan naar het normale artikeloverzicht Pagina 4
Nieuw artikel maken / bewerken
Bij het toevoegen of bewerken van een artikel zijn er een aantal van velden belangrijk om in te vullen: 1. Titel 2. Categorie 3. Tags 4. Status
(Kop/titel van het artikel) (De categorie waar het artikel in geplaatst moet worden. B.v. diensten of vacatures) (Steekwoorden die te maken hebben met het artikel) (Wordt het artikel gepubliceerd?)
In het grote tekstveld wordt de hoofdtekst geschreven voor het artikel. Plak teksten die in Word geschreven zijn via ‘Als platte tekst plakken’. Als dit niet wordt gedaan wordt de opmaak (zoals lettertype, kleur en lettergroote) overgenomen naar de website. Verlaat het scherm wanneer het schrijven voltooid is altijd via ‘Opslaan en sluiten’ zodat het artikel niet weg wordt gegooid bij het afsluiten. Sla ook tijdens het schrijven het artikel regelmatig op via ‘Opslaan’. Hoeft het artikel niet opgeslagen te worden? Ga dan altijd terug naar het artikeloverzicht d.m.v. de knop ‘Annuleren’. Gebruik de browserknop voor ‘Vorige’ niet. Als het via de ‘Vorige’-knop van de browser wordt gedaan kan dit de toegang tot het artikel later belemmeren.
Let op: wanneer een artikel wordt gedepubliceerd of verwijderd moet ook (wanneer dat het geval is) de menu-link worden verwijderd of omgeleid. Zie uitleg over menu-item verderop.
Pagina 5
Afbeelding toevoegen aan artikel Het toevoegen van een afbeelding aan een artikel begint door de cursor te plaatsen in het artikel waar het plaatje moet komen.
Stap 1:
Klik bovenaan op de knop ‘Afbeelding invoegen/bewerken’. opent zich het popup-venster wat hieronder wordt weergegeven.
Vervolgens
Stap 2:
4 3
2 5 Stap 4:
Bij ‘Uitlijning’ kan worden gekozen of en hoe de afbeelding uitgelijnd moet worden. Kies vervolgens bij ‘Marge’ hoeveel pixels de tekst van de afbeelding moet staan. Stel, de afbeelding staat links uitgelijnd dan vul je bij Rechts en Bodem 20 in. Zie het verschil hiernaast:
Stap 5:
Onderaan in de Bestandsbrowser kan er gezocht worden naar afbeeldingen die al in het systeem zijn toegevoegd. Als de afbeelding gevonden is dient deze geselecteerd te worden.
Stap 3:
Om een afbeelding te gebruiken die nog niet in het systeem staat maken wij gebruikt van de knop uploaden, hierdoor wordt het mogelijk een afbeelding vanaf de computer in het artikel te plaatsen. Kies in het pop-up venster dat je nu krijgt de knop ‘Bladeren’ en selecteer de afbeelding op de computer die u wilt uploaden. Het is ook mogelijk een afbeelding in de pop-up te slepen. Klik vervolgens op de knop ‘Upload’ en de afbeelding staat vanaf nu in het systeem. Hierna kan de afbeelding in het artikel geplaatst worden.
Als er een afbeelding geselecteerd is hoeft er alleen nog op de knop ‘Invoegen’ gedrukt te worden. Het is belangrijk dat de afbeelding bij het uploaden de juiste grootte heeft. Zie Bijlage A. Pagina 6
Link in een artikel plaatsen Bij het toevoegen van een link dient er eerst een stukje tekst/woord geselecteerd worden. Klik bovenaan op de knop ‘Link invoegen/bewerken’. Vervolgens opent zich het popup-venster wat hieronder wordt weergegeven.
1
2
3
Je hebt hier voornamelijk te maken met 2 mogelijkheden, een externe link (link die verwijst naar een andere website of bestand) of een interne link (een link die verwijst naar een pagina of artikel op de eigen website). Hieronder een kleine beschrijving hiervan: 1. Een link naar een externe locatie of andere website: a. Vul de locatie in waar je de link naartoe wilt laten verwijzen (Zie #1) b. Het is handig dat de huidige website ook open blijft staan voor de bezoekers, kies daarom bij #3 de optie ‘Open in nieuw venster’ zodat de bezoeker altijd makkelijk terug kan gaan naar de huidige website. c. Klik nu op ‘Invoegen’ 2. Een link binnen de eigen website: a. Er hoeft niks bij #1 ingevuld te worden b. Hiervoor wordt vaak het menu gebruikt wat bij #2 zichtbaar is. Momenteel is dit voorbeeld gebaseerd op een link naar een menu-item. c. Als je een link wilt maken naar een apart artikel gebruik dan de optie ‘Content’ d. Voor deze optie hoeft de link niet te openen in een ander tabblad, dus de bij #3 hoef je niks te veranderen, dit staat standaard als op hetzelfde tabblad. e. Klik nu op ‘Invoegen’ Pagina 7
Bijlage aan artikel toevoegen Het komt regelmatig voor dat er bijlagen aan een artikel moeten worden toegevoegd zoals een PDF-document met extra informatie.
2
3
1. Klik onder het grote tekstveld op ‘Add attachment’. 2. Kies vervolgens ‘Bladeren...’ en selecteer het bestand dat bij het artikel mag worden gevoegd. 3. Klik op uploaden 4. Het document is nu toegevoegd aan het artikel.
Cursusdatum aan artikel toevoegen 1 2
1. Klik op het tabje Cursusdata 2. Vul vervolgens in het datumveld de datum in van de cursus: dd-mm-jjjj 3. Scheidt de data met een ; wanneer er meerdere data zijn
Pagina 8
Afbeeldingen uploaden met ‘Media beheer’ Het is mogelijk afbeeldingen in het systeem te plaatsen zonder dit via een artikel te hoeven doen. Hiervoor wordt gebruik gemaakt van Media beheer
Stap 1:
Media Beheer is te vinden onder het kopje ‘Inhoud’.
Het onderstaande scherm verschijnt nu 1
2
Het is mogelijk hier afbeeldingen te uploaden middels de groene ‘Uploaden’-knop, zie #1 Mocht het nodig zijn aparte mappen toe te voegen (voor bijvoorbeeld een beter overzicht) dan kan dit door op de knop bij #2 te klikken.
Pagina 9
Menu-items De website bevat drie menu’s: Hoofdmenu voor links in het grote menu inclusief submenu Direct naar voor links in het blok ‘Direct naar’ onderaan de website Google menu en Cursus menu (voor pagina’s die niet rechtstreeks zichtbaar in de bovengenoemde menu’s voorkomen maar wel een normaal webadres moeten krijgen, voor bijvoorbeeld een link in een artikel, maar ook in de zoekmachines mogen worden opgenomen). Het beheergedeelte voor deze menu’s is terug te vinden in het hoofdmenu bij ‘Menu’s’. Daar kan worden gekozen in welk menu het item moet worden aangemaakt. Het overzicht van de menuitems heeft veel weg van het artikeloverzicht. De knoppen bovenaan de pagina hebben dan ook dezelfde functies:
• Nieuw • Bewerken • Publiceren • Depubliceren • Prullenbak • Startpagina
(Nieuw menu-item aanmaken) (Bestaand menu-item bewerken) (Menu-item zichtbaar maken op de website) (Menu-item onzichtbaar maken op de website) (Menu-item onzichtbaar maken op de website en naar de prullenbak verplaatsen) (Menu-item moet startpagina van de website)
Het kiezen van de Startpagina kan met de bovengenoemde knop maar ook met het sterretje wat achter elk menu-item staat. Wanneer dit sterretje wordt aangeklikt en dus geel wordt is dat de startpagina. Zie volgende pagina
Pagina 10
Nieuw menu-item maken / bewerken
Menu-itemtypes Hieronder staan een aantal veel gebruikte menu-itemtypes beschreven:
Artikelen
• Categorieblog (Weergave van artikelintroducties in enkelvoudige of meervoudige kolomopmaak) • Categorielijst (Weergave van een lijst van artikelen uit een categorie) • Individueel artikel (Weergave van een individueel artikel)
Bij het toevoegen of bewerken van een menu-item zijn er een aantal van belang: 1. Titel 2. Menu-itemtype 3. Locatie 4. Hoofditem 5. Status
(Kop/titel van het menu-item) (Welk type moet het menu item krijgen? Bijvoorbeeld ‘Individueel artikel’) (In welk menu moet het item geplaatst worden? Normaal is dit ‘Main Menu’) (Onder welk (hoofd)menu-item moet deze vallen als het een sub-menu-item is) (Wordt het menu-item wel of niet zichtbaar op de website)
Verlaat het scherm altijd via ‘Opslaan en sluiten’ zodat het menu-item niet weg wordt gegooid bij het afsluiten.
Pagina 11
Bijlage A: Afbeeldingen verkleinen Voor de snelheid van de website is het belangrijk dat foto’s niet te groot worden geupload op de site. Via de website FotoVerkleinen.nl gaat het verkleinen heel makkelijk en vereist het geen technische kennis. Klik op de knop ‘Verkleinen’. Vul de exacte hoogte of breedte in pixels in of sleep met de balk voor het juiste formaat.
Pagina 12
Klik (in de pagina) op ‘Bestand’ en vervolgens het formaat waarin de afbeeld mag worden opgeslagen. Gebruik niet de grote download knop onderaan de pagina, dat is reclame.