Cursus Joomla 1.6

  • 1,242 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,242
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. JOOMLA! 1.6BASISCURSUS Joris Eeraerts Oost-Vlaamse Bestuursacademie Vlaamse Joris.eeraerts@telenet.be 1
  • 2. 1. INLEIDING 1.1 Een contentmanagementsysteemEen contentmanagementsysteem (cms) is een softwaretoepassing, waarmee jemakkelijk en zonder veel technische kennis, gegevens op internet kan publiceren.Een cms bevat al een kant-en-klare basis voor een website, zodat je niet vanaf nulhoeft te beginnen. De functionaliteit wordt hierbij gescheiden van de inhoud.Een CMS kan worden gebouwd voor een specifieke toepassing, maar er zijn ookgenerieke CMSen beschikbaar. Een aantal daarvan is onder een open sourcelicentie gepubliceerd. Deze open source-oplossingen zijn volgens onderzoek voor77 % een goed alternatief voor closed source-oplossingen. Bekende voorbeeldenzijn Drupal, WordPress en Joomla.Andere voorbeelden vind je op www.opensourcecms.com. 1.2 Joomla!Joomla is een vrij, opensource contentmanagementsysteem.Het cms wordtontwikkeld en ondersteund door een wereldwijde groep of community vanvrijwilligers.De naam "Joomla" is de Engelse fonetische spelling van het Swahili-woord "jumla"dat "alles samen" of "als één geheel" betekent. De naam is gekozen om deverbintenis van het ontwikkelingsteam en de gemeenschap met het project tebenadrukken. Vandaar ook het veelkleurige en verstrengelde logo.Een Joomla-website is dynamisch en maakt gebruik van een database om contentop te slaan. De pagina die de webbezoeker ziet, is eigenlijk een combinatie vanbouwstenen uit een database. Die bouwstenen kunnen uit van alles bestaan :artikelteksten, koppen, afbeeldingen, animaties, menus, hyperlinks, inlogformulieren,filmpjes, enz…. Al die bouwstenen kunnen op veel verschillende manierengecombineerd worden tot een webpagina.Zodra de bezoeker klikt op een link, stuurt hij eigenlijk een verzoek naar Joomla omstukjes en beetjes uit de database te halen om zo een volledige webpagina tepresenteren. Als de sitebezoeker klikt op Home, ziet hij een pagina met menus, eenlogo, afbeeldingen, introteksten en links. En als hij klikt op een Lees meer-link, wordteen nieuwe mix van de gegevens weergegeven : een volledig artikel, met dezelfdeintrotekst, met links naar gerelateerde artikelen, enz…De beheerder van de website werkt dan ook niet met hele paginas, maar werkt metde bouwstenen van die paginas. In Joomla stelt hij zelf de combinatie samen enmaakt hij een homepage of een willekeurige andere pagina op maat, zonderprogrammeerkennis.Joomla is geschreven in PHP en werkt met een MySQL-database. 2
  • 3. 1.3 GeschiedenisIn 2001 ontwikkelde het Australische bedrijf Miro een contentmanagementsysteemdat ze Mambo doopten. Ze stelden het pakket beschikbaar als open-sourcesoftwareom het testen. In 2002 splitste het bedrijf Mambo op in een commerciële en eenopen-source versie. De commerciële versie werd Mambo CMS genoemd, de open-source versie Mambo Open Source of MOS.De voordelen van de commerciële versie waren vooral de grotere beveiliging voorbedrijven en de ondersteuning door Miro.De open-source versie bood het voordeel dat het gratis was en dat een enormegemeenschap van gebruikers en ontwikkelaars voor een continue verbeteringzorgde.Om het voortbestaan en de continuïteit van de ontwikkeling van Mambo veilig testellen, werd in de herfst van 2005 de oprichting van de Mambo Foundationaangekondigd. Na positieve reacties in het begin, werd het snel duidelijk dat denieuwe stichting was opgericht door Miro en dat het ontwikkelteam daar niet bijbetrokken was.Het ontwikkelteam besloot uiteindelijk om zelf de ontwikkeling van Mambo verder tezetten. Bovendien wilden ze vooral de open-source gedachte extra benadrukken.Er ontstond snel een soms bitsige strijd tussen de Mambo Foundation (die door Mirowerd gedomineerd) en het ontwikkelteam. Ondertussen ging de ontwikkeling vanbeide projecten wel door. Het open-source project had nood aan een nieuwe naamen er werd gekozen voor Joomla.Versie 1.0 van Joomla werd gelanceerd op 17 september 2005.Twee jaar na de oprichting was Joomla een van de meest populaire open-sourceprojecten ter wereld. Vooral de grote gebruikersgemeenschap en de beschikbaarheidvan duizenden uitbreidingen maken de kracht van Joomla uit.Op 10 januari 2011 werd Joomla 1.6 gelanceerd. Deze versie biedt alweer heel watnieuwe functionaliteiten. In deze cursus zullen we dan ook deze versie van Joomlabehandelen. 3
  • 4. 2. JOOMLA INSTALLEREN 2.1 Voor je begintJoomla is een web-applicatie die geschreven is in PHP (Hypertext Preprocessor) endraait op een webserver. Om een Joomla website op het wereldwijde web teplaatsen moet je de site hosten bij een web-host.In deze cursus gaan we echter lokaal werken. Je kan je eigen computer omtoverentot een webserver en daarop Joomla installeren. Dat gebeurt in 3 stappen : 1. Een webserver installeren met PHP en MySQL 2. Een MySQL-database aanmaken 3. Joomla installeren 2.2 Een webserver installerenEen webserver en PHP en MySQL installeren hoeft niet moeilijk te zijn. In plaats vanalles apart te installeren, kan je gebruik maken een alles-in-een-pakket.De bekendste zijn WampServer en XAMPP. Zij installeren een Apache Web Server,PHP en MySQL op je computer en configureren ze om samen te werken.We zullen hier WampServer gebruiken.Download de laatste versie van WampServer ophttp://www.wampserver.com/en/download.php. We kiezen hier voor de 32-bit versie.Sla het bestand lokaal op je computer op.Voer het gedownloade exe-bestand uit.Je klikt gewoon op Next en verklaart je akkoord met de voorwaarden. Daarna geef jede folder op waarin WampServer mag geïnstalleerd worden. Klik op Next en nadienop Install. Je eigen webserver wordt nu geïnstalleerd.Vervolgens krijg je de vraag om de host en je e-mailadres in te geven. Laat localhostgewoon staan en vul je e-mailadres in. 4
  • 5. Klik op Next en nadien op Launch WampServer 2 now. Rechts onderaan in de statusbalk zie je nu het icoontje van WampServer verschijnen.Nu gaan we testen of onze webserver effectief draait.Start je webbrowser op en typ in de adresbalk http://localhost.Je zou onderstaand scherm moeten zien verschijnen : 2.3 Een database aanmakenOm een MySQL-database aan te maken gaan we het programma "PhpMyAdmin"gebruiken. Dit zit reeds in WampServer en is dus al geïnstalleerd.Ga in je webbrowser opnieuw naar http://localhost.Bij Tools zie je PhpMyAdmin staan. Klik erop.(Je kan ook rechtstreeks http://localhost/phpmyadmin/ ingeven).Je krijgt nu het scherm van PhpMyAdmin te zien. Bij "Nieuwe database aanmaken"vul je "joomla" in. Klik op aanmaken. 5
  • 6. Daarmee hebben we onze database aangemaakt !Nu gaan we een nieuwe gebruiker aanmaken. Klik bovenaan op "Rechten". Kies nuvoor "Voeg een nieuwe gebruiker toe".Vul het formulier in om een gebruiker aan te maken. • Gebruikersnaam : student • Machine : localhost • Wachtwoord : joomlaVink "Geef alle rechten op de database joomla" aan en bij Globale privileges klik jeop "Selecteer alles".Klik onderaan op "Start". Normaal moet bovenaan in een groen kadertje de meldingverschijnen dat de nieuwe gebruiker is toegevoegd. 6
  • 7. Nu is alles klaar voor de installatie van Joomla! 2.4 Joomla 1.6 installerenEerst moeten we Joomla downloaden. Je vindt Joomla op http://www.joomla.org.Standaard vind je hier de Engelstalige versie. Maar in de meeste landen zijn lokalegebruikersgroepen actief die vertalingen van het pakket maken.In het Nederlandstalige gebied is dit DutchJoomla (http://www.dutchjoomla.org/).Het Joomla-bestand komt in zip-formaat. Dit is gecomprimeerd en bevat allebestanden die je nodig hebt.Sla het bestand lokaal op je computer op.Nu moeten we de bestanden van het Joomla-pakket uitpakken en op onzewebserver plaatsen.Ga naar het gedownloade zip-bestand. Klik eropmet je rechtermuisknop. Kies voor "allesuitpakken".Klik op Volgende en kies de map waarin je debestanden wil uitpakken.We zullen de bestanden uitpakken inC:wampwww. Dit is de root-map van onzewebserver.Klik op Volgende om het uitpakken te starten. Klik nadien op Voltooien. 7
  • 8. Als we in onze map C:wampwww kijken, zien we dat daar een heleboel mappen enbestanden zijn verschenen.Nu kan je Joomla installeren.Ga in je browser naar http://localhost. Je ziet nu het installatiescherm van Joomla.Stap 1 : Kies in het eerste scherm "Kies taal" de taal die je wil gebruiken. Kies hiervoor Nederlands en klik op volgende. 8
  • 9. Stap 2 : In het tweede scherm "Pre-installatie controle" controleert Joomla of alleinstellingen op de webserver goed staan. In de bovenste box zou alles in het groenmoeten staan.Bij de aanbevolen instellingen kan het geen kwaad als er iets in het rood staat.Joomla zal toch werken.Als alles goed staat, kan je doorklikken op Volgende.Stap 3: Op het derde scherm krijg je de licentievoorwaarden te zien waaronder jeJoomla mag gebruiken. Klik op Volgende. 9
  • 10. Stap 4 : Dit is de belangrijkste stap. Hier gaan we de gegevens invullen die Joomlanodig heeft om verbinding te maken met de MySQL-database die we hebbenaangemaakt.Vul dit scherm als volgt in : • Databasetype : Kies voor MySQLKl • Naam host : vul hier localhost in. • Gebruikersnaam : student • Wachtwoord : joomla • Naam database : joomla • Tabelvoorvoegsel : laat dit gewoon staan • Oude database verwerking : laat dit op backup staanKlik op Volgende.Stap 5 : Hier kan je de FTP-gegevens invullen. Je kan deze stap gerust overslaan.Klik op Volgende.Stap 6 : Configuratie. Voer de naam in die je aan je website wil geven. (bv. OpleidingJoomla).Vul ook je e-mailadres in en kies een gebruikersnaam voor de administrator • Websitenaam : Opleiding Joomla • E-mailadres : Joris.eeraerts@telenet.be • Admin gebruikersnaam : admin • Admin wachtwoord : joomla 10
  • 11. Klik vervolgens op de knop "Installeer voorbeelddata". Joomla zal nu voorbeeld-artikelen installeren waarmee kan geëxperimenteerd worden.Klik vervolgens op Volgende.Stap 7 : Voltooien. Joomla is nu geïnstalleerd.Om de installatie volledig af te ronden moeten we de map "Installation" van de serververwijderen.Ga naar C:wampwww en verwijder de map "Installation".Als dit gebeurd is, klik je op de knop "Website" rechts bovenaan je scherm of ga jenaar http://localhost. 11
  • 12. 3. Eerste kennismaking met Joomla 3.1 De voorkantNa de succesvolle installatie van Joomla op je eigen webserver staat er ophttp://localhost een heuse website met (Engelstalige) voorbeeldartikelen.Neem even de tijd om de website te verkennen. De voorbeeldsite geeft je alvast eenindruk van wat mogelijk is met Joomla : verschillende paginalay-outs, verschillendesoorten content (homepages, content-paginas, paginas met afbeeldingen).Eigenlijk zijn het drie sites in één. Er is dus meer te ontdekken dan alleen de websiteover Joomla die je als eerste ziet. Klik op de link Sample Sites bovenaan om tweeandere voorbeeldsites te bekijken : één over nationale parken en eentje over eenfruitzaak. 12
  • 13. 3.2 De beheeromgevingJe hebt al gezien bij de installatie dat een Joomla-site twee gezichten heeft. Deachterkant of backend is de beheeromgeving. Gewone gebruikers komen hier nooitterecht, maar de beheerders van de website des te meer.Ga naar de beheeromgeving van onze website. Tik in de adresbalk van je browser :http://localhost/administrator.Je ziet dan bovenstaand inlogscherm. Voer je administrator-inlognaam in en hetwachtwoord. We hebben beide aangemaakt tijdens de installatie. • Gebruikersnaam : admin • Wachtwoord : joomla • Taal : standaardKlik op Login.Op het eerste gezicht lijkt de beheersomgeving misschien wat verwarrend door devele knoppen en tientallen menuopties. 13
  • 14. Het scherm valt uiteen in 4 onderdelen : 1. De menubalk • Website : algemene site-instellingen regelen • Gebruikers : gebruikers beheren, nieuwe gebruikers toevoegen, toegangsrechten regelen • Menus : de verschillende menus op de site beheren • Inhoud : artikelen maken en ze indelen in categorieën • Componenten : het beheer van speciale functies, zoals banners en contactpersonen • Extensies : het beheer van extras waarmee je functies aan de site toevoegt en van templates waarmee je de layout verandert. • Help : links naar de onlinehulp van Joomla. 2. Pictogrammen : tien vaak gebruikte functies • Toevoegen nieuw artikel • Artikelbeheer • Categoriebeheer • Mediabeheer • Menubeheer • Gebruikersbeheer • Modulebeheer • Extensiebeheer • Taalbeheer • Algemene instellingen • Templatebeheer • Wijzig profiel 14
  • 15. 3. Informatiebalk • Ingelogd : informatie over het aantal gebruikers dat is ingelogd aan de voorkant van de site, en het aantal gebruikers ingelogd in de beheeromgeving. • Berichten : aantal ongelezen privéberichten (interne berichten die je van andere gebruikers van de site hebt gekregen). • Bekijk website : bekijk de voorkant van de website in een nieuwe browsertab of nieuw venster. • Uitloggen : uitloggen uit de beheeromgeving.4. Informatiepanelen a. Laatste 5 ingelogde gebruikers b. Top 5 populaire artikelen c. Laatste 5 toegevoegde artikelen 15
  • 16. 4. De inhoud indelen in categorieën 4.1 Bepaal welke categorieën je nodig hebtIn Joomla kan je websites bouwen in alle soorten en maten : van enkele paginas totduizenden paginas. Hoe klein of groot je site ook wordt, je begint altijd met een plan.Maak voor jezelf een overzicht van de belangrijkste onderdelen van de site. Kies eenlogische, simpele indeling. Als voorbeeld nemen we een website van een gemeente.Dit is een heel simpele basisopbouw : een homepage, 4 paginas daaronder envervolgens verdere vertakkingen. Als de site groeit, is het mogelijk om meervertakkingen toe te voegen. Home Bestuur & Economie & Vrije tijd & Fotogalerij Administratie Werk toerisme College Gemeenteraad Markten Ondernemen Vacatures Bibliotheek Artikelen Artikelen Artikelen Artikelen Artikelen Sport Toerisme ArtikelenJe kan deze sitemap heel makkelijk toepassen in Joomla. Een Joomla-site bestaat inde basis altijd uit een homepage, categorieën (en subcategorieën) en artikelen. • Het blauwe vakje "Home" is uiteraard de homepage. • De rode vakjes zijn onze categorieën. • De groene vakjes zijn subcategorieën. • De paarse vakjes zijn artikelen die aan (sub)categorieën hangen. 4.2 Een blik op categorieën en subcategorieënCategorieën zijn de basis voor al je inhoud. Je moet eerst categorieën hebbenvoordat je er artikelen aan kan toewijzen. (Je kan wel een artikel schrijven voor eenniet-bestaande categorie, maar dan moet je later alsnog die categorie maken en hetartikel weer openen om het aan die categorie toe te wijzen.In Joomla 1.6 kan je aan elke categorie net zoveel subcategorieën toevoegen als jewil. Natuurlijk is het niet handig om te veel subniveaus te maken : hoe dieper de site, 16
  • 17. hoe onoverzichtelijker het wordt en hoe vaker bezoekers moeten doorklikken. Maarals je een uitgebreide site hebt met veel gestructureerde informatie, dan is het handigdat je meerdere subcategorieën kunt maken.Alle inhoud op de voorbeeldwebsite is onderdeel van één hoofdcategorie : SampleData-articles. Onder die categorie vallen alle artikels op de site : de informatie overJoomla en alles in de voorbeeldsites. • Klik de knop "Categoriebeheer" aan in het Controlepaneel. • Je ziet nu standaard 20 items in de lijst met categorieën. Klik op de dropdownlijst Toon onder aan het scherm en kies Alle. • Nu verschijnen alle categorieën van de site in één lange lijst.De hoofdcategorie (Sample Data-Articles) staat helemaal aan de linkerkant. Voor denamen van subcategorieën staat een grijs lijntje en ze springen iets in. Desubcategorieën daarvan springen nog iets verder in. De categorieën op deze sitegaan tot 5 niveaus diep :Sample Data-Articles > Joomla > Extensions > Modules > Content ModulesIn elk van deze categorieën kunnen artikelen zitten, maar de categorieën kunnen ookleeg zijn. 17
  • 18. 4.3 Categorieën en subcategorieën maken• Ga naar Artikelen > Categoriebeheer in de menubalk en kies voor Toevoegen nieuwe categorie.• Vul als Titel in : Bestuur & Administratie.• Je kunt Bovenliggende laten staan op : geen bovenligende. Met andere woorden, de nieuwe categorie heeft geen hoofdcategorie boven zich en is dus zelf een categorie op hoofdniveau.• Achter Status staat : Gepubliceerd. Dat is nodig om de categorie zichtbaar te maken aan de voorkant van de site. Standaard staat dat goed. Ook de andere opties kan je onveranderd laten.• Je eerste categorie is klaar om op te slaan. Om ook een subcategorie te maken, klik je nu op Opslaan en nieuw. De categorie Bestuur & Administratie wordt opgeslagen en je krijgt meteen een leeg scherm Categoriebeheer : Toevoegen nieuwe artikelcategorie.• In het veld Titel vul je in : College• Om hier een subcategorie van te maken moet je in het veld Bovenliggende kiezen de hoofdcategorie van deze subcategorie kiezen. Kies voor Bestuur & Administratie.• Klik op Opslaan en nieuw om een tweede subcategorie te maken.• Noem deze subcategorie Gemeenteraad en kies opnieuw Bestuur & Administratie als hoofdcategorie.• Klik op Opslaan & Sluiten 18
  • 19. 4.4 Instellingen van categorieën aanpassenJe hebt nu alleen een titel en een hoofdcategorie opgegeven. Dat is genoeg, maar bijhet maken (of bewerken) van categorieën heb je natuurlijk nog meer keuzes.Het scherm waarin je een categorie maakt of bewerkt, bestaat uit 5 delen die je kanin- of uitklappen : 1. Details : Hier vul je de basisinformatie in. Veel opties staan standaard al goed. Belangrijk zijn : a. Titel : de naam van de categorie b. Alias : niets invullen. Dit is de naam die Joomla intern gebruikt voor de categorie, onder andere in de url (het webadres) van de pagina. Joomla neemt automatisch de Titel over, in kleine letters en met streepjes tussen de woorden. c. Bovenliggende : kies de categorie waaronder de (nieuwe) categorie valt. d. Status : kies Gepubliceerd om de categorie te tonen. Ongepubliceerd om hem voor bezoekers te verbergen. e. Beschrijving : kan je leeg laten, maar je kan hier een toelichting schrijven op de categorie. Die beschrijving kan je tonen bovenaan categoriepaginas (paginas met links naar de inhoud van de categorie). 2. Toegangsregels categorie : Hier zie je een uitgebreid schema met de rechten voor deze categorie van verschillende gebruikersgroepen. Met deze rechten regel je bijvoorbeeld welke gebruikers categorieën mogen aanmaken of verwijderen. 3. Publicatie-opties : Hier kan je aangeven welke gebruiker de categorie aangemaakt heeft. 4. Basis opties : Basisopties voor de weergave van de categorie. Hier hoef je niks in te vullen. In het vak Opmerking kan je een notitie voor jezelf noteren. 5. Metadata-opties : Metadata is informatie die het onderwerp van de pagina beschrijft. Metadata komt terecht in de HTML-code. Gewone gebruikers lezen de metadata niet, zoekmachines wel. Metadata invullen heeft (een beetje) invloed op zoekmachineresultaten. 4.5 Categorieën verwijderenCategorieën verwijderen gebeurt in 2 stappen. Eerst verplaats je de categorie naarde Prullenbak, daarna kan je de categorie definitief verwijderen. 1. Ga naar Artikelen > Categoriebeheer. Je komt nu in het scherm Categoriebeheer. 2. Zet een vinkje in het selectievakje voor de categorie Joomla! . 3. Klik in de knoppenbalk op de knop Prullenbak. 4. Je krijgt nu de melding "1 categorie naar prullenbak verplaatst" en de categorie is verdwenen uit de lijst. De verwijderde items worden bewaard in de prullenbak. Ze zijn dus nog niet definitief weg. 5. Als je wil zien welke categorieën in de prullenbak zitten, klik je in Categoriebeheer op de keuzelijst Selecteer status. Kies in de lijst voor Prullenbak. 19
  • 20. 6. Nu krijg je een overzicht van verwijderde categorieën. Als je het verwijderen ongedaan wil maken, selecteer dan de categorie(en) en klik in de knoppenbalk op Publiceren. Als je categorieën definitief wil verwijderen, selecteer dan de categorieën en klik op de knop Prullenbak legen in de knoppenbalk. Maar let op : dat kan je niet meer ongedaan maken ! 20
  • 21. 5. Inhoudspaginas maken 5.1 Artikelen schrijven en bewerkenHet belangrijkste onderdeel van een website is natuurlijk de inhoud. Een artikeltoevoegen is heel makkelijk. • Ga naar Artikelen > Artikelbeheer • Klik in de knoppenbalk op Nieuw • Het scherm Nieuw Artikel toevoegen wordt geopend. • In het vakje Titel vul je een titel in, bijvoorbeeld "Mijn eerste artikel" • Kies de categorie "Sample Data-Articles" • Selecteer in het keuzevakje Aanbevolen : ja. Dit zorgt ervoor dat het artikel wordt getoond op de homepage. • Typ wat tekst in het vak Artikeltekst. Dit is een mini-tekstverwerker (de teksteditor) waarin je tekst kan invoeren en opmaken. • Klik op de knop Opslaan in de knoppenbalk. Een melding verschijnt dat de wijzigingen zijn opgeslagen (Artikel opslaan geslaagd). • Klik op Bekijken Website. Je ziet nu de homepage van de site. Bovenaan staat je artikel! 21
  • 22. Als je een bestaand artikel wil bewerken, selecteer je in Artikelbeheer het artikel doorop het selectievakje te klikken (naast de titel van het artikel) en te klikken op de knopBewerken in de knoppenbalk. Een andere en snellere manier is klikken op de titelvan het artikel. Je komt dan meteen in het artikeleditorscherm.Het scherm van de artikeleditor bestaat uit drie delen 1. Het editorvenster ziet er een beetje uit als een tekstverwerker. Je voert er tekst in en kunt die opmaken. Boven de tekst vul je de belangrijkste gegevens in : titel, de categorie waaronder het artikel valt, en of het artikel gepubliceerd is of niet. 2. Met de knoppen op de knoppenbalk kan je het artikel opslaan en het editorscherm sluiten (Opslaan & sluiten), of je kan er voor kiezen om het artikel op te slaan en het scherm open te houden om een nieuw artikel in te voeren (Opslaan & nieuw). Annuleren staat voor wijzigingen annuleren. Als je een bestaand artikel bewerkt, heb je ook nog de knop Opslaan als kopie beschikbaar, die je de gelegenheid geeft om een kopie van het artikel op te slaan. 3. Met de Artikel opties kan je nauwkeurig regelen hoe het artikel eruitziet (welke gegevens allemaal zichtbaar zijn) en met Artikelrechten (helemaal onderaan) bepaal je welke gebruikersgroep wat mag doen met het artikel. 22
  • 23. Nu gaan we enkele artikels aanmaken voor elk van de categorieën die we eerdergemaakt hebben.Artikel 1 : Administratie 1. Artikelen > Artikelbeheer > Toevoegen nieuw artikel 2. Titel : "Het bestuur van onze gemeente" 3. Categorie : "Bestuur & Administratie" 4. Aanbevolen mag je op Nee laten staan. Het artikel wordt dan niet op de voorpagina getoond. 5. Schrijf het artikel in het editorscherm. De teksteditor werkt op een vergelijkbare manier als Microsoft Word. Zo kan je tekst vet, schuin of onderlijnd maken. Je kan hem ook links, centraal of rechts uitlijnen. Pas de opmaak aan : Selecteer de eerste alinea en maak ze vet (knop B). Selecteer een tussenkopje (Gemeenteraad en College). Klik op de keuzelijst Format (die staat standaard op Paragraph) en selecteer de tekststijl Heading 2. De tussenkop wordt nu wat groter. 6. Klik op Opslaan & sluiten.Om snel een aantal dummy-artikelen te maken, kan je met de knop Opslaan alskopie snel kopieën maken van één artikel. Maak het eerste artikel en sla het op.Open nu dat artikel, pas het een beetje aan (verander de titel en kies een anderecategorie) en klik op Opslaan als kopie. Maak zo 3 artikels aan. 23
  • 24. 5.2 Het artikel zichtbaar maken op de siteJe hebt een artikel geschreven, maar als je de site bekijkt (klik op Bekijken website)zal je het nergens ontdekken. De reden is dat er nog geen menulink is naar ditartikel. 1. Ga naar Menus > Main Menu. Je komt dan in het scherm Menubeheer : Menu-items. 2. Klik op Nieuw om een nieuwe menulink toe te voegen. 3. Klik bij Menu-itemtype op de knop Selecteren en kies Enkel artikel. Dat betekent dat je een menulink maakt naar een pagina met één artikel. 4. Voer als Menutitel in : "Bestuur & Administratie" 5. Onder Verplichte instellingen bepaal je vervolgens naar welk artikel de menulink verwijst. Klik op Selecteren/Wijzigen en kies in het popupvenster voor het artikel "Het bestuur van onze gemeente". 6. Klik op Opslaan en vervolgens op Bekijken website. 24
  • 25. 7. Nu zie je in het menu This Site onderaan een nieuwe link : Bestuur & Administratie. Als je op die link klikt, verschijnt de bijhorende pagina. 5.3 Afbeeldingen toevoegenOns artikel bestaat nu alleen uit tekst. Om een afbeelding toe te voegen volg je dezestappen : 1. Eerst moet je de afbeelding kopiëren (uploaden) naar de webserver. Ga naar Artikelen > Mediabeheer. 2. Om te voorkomen dat al je afbeeldingen terechtkomen in één map op de webserver, maak je eerst een nieuwe map. Zo houd je overzicht en heb je straks niet tientallen of meer ongeordende afbeeldingen. Maak een map voorbeeldafbeeldingen aan. Klik op Map aanmaken. De nieuwe map verschijnt in het venster Bestanden. 3. Selecteer nu die nieuwe map (klik op de naam). Nu kun je afbeeldingen naar die map uploaden. 4. Klik in het vak Bestand uploaden onder in het scherm op de knop Bestand kiezen om een afbeelding te selecteren op je computer. Selecteer de afbeelding in het popupscherm en klik op Openen. Het popupvenster sluit. Klik op de knop Upload starten om de afbeelding te verplaatsen naar de webserver. 5. De geüploade afbeelding verschijnt in het venster Bestanden. 25
  • 26. Nu onze afbeelding op de webserver staat, kunnen we die in ons artikel plaatsen. 1. Ga naar Artikelen > Artikelbeheer. 2. Selecteer het artikel "Het bestuur van onze gemeente". 3. Klik op de knop Afbeelding onder het editorscherm. 4. In het popupscherm dat nu wordt geopend, selecteer je de map voorbeeldafbeeldingen. Nu kan je de afbeelding selecteren die je wilt invoegen. 5. Klik op het bestand. In het vak URL van de afbeelding voegt Joomla automatisch de juiste bestandslocatie in. Daarnaast kan je een beschrijving en een titel opgeven. Laat Bijschrift op nee staan als je niet wil dat de titel getoond wordt. 6. Klik rechts bovenaan op invoegen. 7. Klik op Opslaan en Bekijken website om de voorkant te zien. 26
  • 27. Nadat je een afbeelding hebt ingevoegd, kan je de weergave-instellingen aanpassen.Zo kan je bijvoorbeeld de uitlijning aanpassen en wat extra ruimte maken tussenafbeelding en tekst. 1. Open het artikel in de artikeleditor. 2. Klik op de afbeelding. 3. Klik op het pictogram Insert/Edit image in de knoppenbalk van de teksteditor. Er verschijnt een popup met afbeeldingseigenschappen. 4. Kies bij Alignement voor Left om de afbeelding links uit te lijnen ten opzichte van de tekst. Je kan ook een waarde invoegen voor de Vertical space of Horizontal space in pixels. Als je hier 10 invult, leidt dat tot een goot van 10 pixels rond de afbeelding, waardoor die los komt te staan van de tekst uit het artikel. 5. Klik op Update om de wijzigingen toe te passen. 27
  • 28. 5.4 Artikelen verdelen in intro en hoofdtekstIn de artikeleneditor kan je niet alleen het artikel layouten en fotos toevoegen. Je kanook bepalen hoe het artikel op de pagina moet worden weergegeven : als éénvolledig artikel of gesplitst in 2 delen.Joomla kan de intro van het artikel apart publiceren, los van de hoofdtekst. Op dehomepage worden dan alleen de introteksten getoond, met een knop Lees meererbij. 1. Ga naar Artikelen > Artikelbeheer en open het artikel dat je net gemaakt hebt. 2. In het teksteditorscherm plaats je de cursor net na de eerste (vet gezette) alinea. 3. Klik nu op de knop Lees meer onderaan het scherm. Er verschijnt een rode stippellijn. 4. Om ervoor te zorgen dat het artikel op de homepage verschijnt, kies je bij Aanbevolen voor Ja. 5. Klik op Opslaan en daarna op Bekijken website. 6. Het extra artikel is op de homepage terechtgekomen, toch zie je het niet. Er is nu teveel inhoud om op het scherm van de homepage te passen. Nieuwe content schuift door naar een soort tweede homepage. 7. Klik onderaan op Volgende om het vervolg van de homepage-content te zien. 5.5 Instellingen van artikelen aanpassenWanneer je een artikel maakt of bewerkt kun je nog veel meer instellingenveranderen in het editorscherm. Die instellingen bepalen welke artikeldetails wordengetoond wanneer het artikel wordt gepubliceerd.De belangrijkste opties zijn : • Nieuw artikel / Bewerk artikel : Hier vul je de basisinformatie in. Belangrijk zijn o Titel : de titel van het artikel o Alias : niets invullen (Joomla vult zelf de titel in) o Categorie : kies de categorie o Status : kies Gepubliceerd om het artikel te tonen, Ongepubliceerd om het voor bezoekers te verbergen. o Aanbevolen : hier bepaal je of het artikel op de homepage komt (Ja) of niet. • Publiceeropties : Hier kun je de naam van de auteur kiezen, als je die wilt afbeelden bij het artikel. Als je een artikel tijdelijk wilt publiceren, kun je hier een start- en einddatum kiezen. • Artikelopties : Hier kun je instellen welke gegevens allemaal wel of niet moeten worden getoond bij het artikel, zoals de auteursnaam en de publicatiedatum. • Metadata-opties : Metadata is informatie die het onderwerp van de pagina beschrijft. Metadata komt terecht in de HTML-code. Metadata invullen heeft invloed op zoekmachineresultaten. 28
  • 29. • Artikelpermissies : Hier zie je een uitgebreid schema met de rechten voor dit artikel voor verschillende gebruikersgroepen. Met deze rechten regel je bijvoorbeeld welke gebruikers het artikel mogen bewerken. 5.6 Artikelen verwijderenAls artikelen niet meer relevant of actueel zijn, kan je ze verwijderen. 1. Ga naar Artikelen > Artikelbeheer. 2. Selecteer het artikel of de artikels die je wil verwijderen door een vinkje te zetten in het selectievakje voor de naam van het artikel. 3. Klik in de knoppenbalk op de knop Prullenbak. 4. De artikels worden nu verplaatst naar de Prullenbak. 5. Om de inhoud van de Prullenbak te zien, klik je in Artikelbeheer op de keuzelijst Selecteer status en je kiest Prullenbak. 6. Om een artikel definitief te verwijderen, selecteer je het en klik je dan op de knop Prullenbak legen in de knoppenbalk. 5.7 Artikelen archiverenAls je oudere nieuwsartikelen niet tussen de actuele inhoud wil laten staan, kan je dieartikelen archiveren. Gearchiveerde artikelen zijn nog steeds beschikbaar, maar zestaan niet langer in de normale site-inhoud. 1. Ga naar Artikelen > Artikelbeheer. 2. Selecteer in Artikelbeheer het artikel of de artikelen die je wil archiveren. 29
  • 30. 3. Klik op de knop Archiveren in de knoppenbalk. Er verschijnt een bericht om te bevestigen dat de artikelen gearchiveerd zijn. 4. Om te zien welke artikelen gearchiveerd zijn, selecteer je in Artikelbeheer in de keuzelijst Status : Gearchiveerd.Om het archief zichtbaar te maken voor bezoekers, moet je een menulink maken. 5. Ga naar Menus > Main Menu en klik op Toevoegen nieuw menu-item. 6. Bij Menu-itemtype kies je voor Gearchiveerde artikelen. Geef de menulink een titel (bv Archief) en sla de nieuwe link op. 7. Vanaf nu kan de bezoeker de gearchiveerde artikelen bereiken via de menu- link Archief. 30
  • 31. 6. Homepages en categoriepaginas maken 6.1 Bepalen welke informatie op de homepage komtCentraal op de homepage van een Joomla-site staat standaard een aantal intros vanartikelen op de site met "Lees verder"-links.Maar de homepage wordt niet vanzelf gevuld. Welke artikelen (of intros of links) er inde mainbody van de homepage staan, bepaal je via de instellingen van die artikelenzelf.Om plaats te maken voor onze eigen artikelen, gaan we eerst enkele voorbeeld-artikelen verwijderen. 1. Ga naar Artikelen > Voorpagina-artikelen. 2. Selecteer de artikelen die je wil verwijderen.Vink de vier bestaande voorbeeldartikelen over Joomla aan. 3. Klik op Verwijderen in de knoppenbalk. Daarmee verwijder je de artikelen niet zelf, maar je verwijdert ze van de voorpagina.Nu de voorbeeldartikelen verwijderd zijn kunnen we onze eigen artikelen op dehomepage plaatsen. 1. Ga naar Artikelen > Voorpagina-artikelen. 2. Om artikelen toe te voegen ga je naar het tabblad Artikelen. Je krijgt dan de lijst met artikelen te zien. 31
  • 32. 3. Klik bij elk artikel dat je op de homepage wil plaatsen op het grijze rondje in de kolom Aanbevolen. Het grijze rondje verandert in een blauw rondje met een witte ster. 4. Klik op Bekijken website.Als je niet tevreden bent met de volgorde waarin de artikels getoond worden, kan jedie ook aanpassen. 1. Ga naar Artikelen > Voorpagina-artikelen. 2. Hier zie je welke artikelen op de homepage verschijnen en in welke volgorde. Klik op de kolomkop Volgorde om de volgorde te kunnen veranderen. 3. Nu verschijnen er pijltjes in de kolom Volgorde, zodat je de volgorde van de items kan aanpassen. Om het artikel "Het Bestuur van onze gemeente" bovenaan te plaatsen, klik je op het pijltje naar boven. 4. Nu moet je nog een volgorde-instelling aanpassen. Ga naar Menus > Main Menu. 5. Klik op Home. 6. Bij de Layoutopties kan je de weergave instellen. Bij Categorievolgorde kies je voor Geen volgorde. Bij Artikelvolgorde staat de instelling al goed : Volgorde voorpagina-artikelen. 7. Klik op Bekijken website. De artikelen verschijnen nu in de nieuwe volgorde. 32
  • 33. 6.2 De indeling van de homepage veranderenStandaard staat op de homepage één artikel over de volle breedte, en daaronderdrie artikelen in kolommen. Die indeling kan je natuurlijk aanpassen. Dat doe je doorde instellingen van de menulink Home aan te passen.We willen de homepage overzichtelijker maken. We willen maximaal 2 introtekstentonen in maar één kolom. Daaronder willen we enkele hyperlinks plaatsen naarandere artikelen. 1. Ga naar Menus > Main Menu. 2. Klik op de menulink Home. 3. In de sectie Lay-outopties staan de standaard weergaveopties. Wijzig de waarden in : a. # Hoofdartikelen : 2 (twee artikelen over volle kolombreedte) b. # Intro-artikelen : 0 (geen artikelen in méér dan een kolom) c. # Kolommen : 0 d. # Links : 10. (als er meer dan 2 artikelen zijn geselecteerd voor de homepage, verschijnen de titels vanaf het derde artikel in een rij van maximaal 10 hyperlinks). 4. Klik op Opslaan & sluiten. 5. Klik op Bekijken website om de wijzigingen aan de voorkant te zien.Er zijn nu 2 introteksten over de volle breedte. Omdat tot nu in totaal 4 artikelen zijntoegewezen aan de homepage, zie je onder de 2 introteksten ook nog 2 links naarartikelen. Als je meer artikelen toewijst aan de homepage, zal deze lijst met linksgroeien tot een maximum van 10 hyperlinks. 33
  • 34. In het menu-editorscherm van de Home-menulink vind je een lange lijst van andereopties die je kan gebruiken om de homepage-indeling aan te passen. Behalve deLay-outopties zijn vooral de Artikelopties van belang.De Artikelopties bepalen de weergave van de afzonderlijke artikelen die op dehomepage voorkomen. Je kan bijvoorbeeld bepalen of bij de artikelen ook de datummoet worden vermeld. Hiermee kan je de indeling en de weergave van de homepageflink veranderen. 34
  • 35. 6.3 Categoriepaginas makenAls je een categorie hebt met artikelen erin, kan je voor elk afzonderlijk artikel eeneigen menulink maken. Maar het is veel makkelijker om een menulink te leggen naarde categorie zelf. De categoriepagina die je daarmee maakt, wordt automatischgevuld met links naar de categorie categorie-inhoud.Categoriepaginas kan je zien als een soort homepages op een lager niveau. Dehomepage is bedoeld om een snel overzicht te geven van de belangrijkste conten contentvan de hele site. Categoriepaginas doen hetzelfde voor categorieën. Ze worden ook .wel overzichtspaginas of subhomepages genoemd.Joomla leidt de bezoeker in principe in drie stappen naar artikelcontent. Homepage Categoriepagina Artikelen • (menu)links • Intros en links • Content : naar naar artikelen artikeltekst, categorieën uit categorie fotos, enz.Wat er op categoriepaginas staat, helpt de bezoeker om de artikelen te vinden in bezoekereen of meer categorieën. Hoe zon categoriepagina er precies uitziet en wat eropstaat, bepaal je grotendeels zelf. De pagina kan een aantal artikelintros bevatten met"Lees verder"-links, maar het kan ook een eenvoudige opsomming zijn van links, eenvoudigehyperlinks naar artikelen.We zullen nu een categoriepagina maken voor de categorie Bestuur& Administratie Administratie.Eerst voegen we enkele artikelen aan die categorie toe en dan maken we eenmenulink waarmee we de inhoud van de categorie kunnen tonen.Stap 1 : Artikelen toevoegen 1. Ga naar Artikelen > Artikelbeheer > Toevoegen nieuw artikel. 2. Vul als Titel "Beleidsnota" in. Kies als categorie : "Bestuur & Administratie". 3. Typ of plak wat voorbeeldtekst in het editorscherm. 4. Plaats de cursor na de eerste alinea en klik op de knop Lees verder (onder de artikeltekst) om een scheiding aan te brengen tussen introtekst en hoofdtekst. 5. Klik op Opslaan in de knoppenbalk. 35
  • 36. 6. Schrijf nu in hetzelfde scherm een nieuw artikel door het huidige artikel aan te passen. Vul een andere titel in en maak het veld Alias leeg. Klik op Opslaan als kopie. 7. Herhaal stap 6 een paar keer tot je drie of vier artikelen hebt in de categorie. 8. Als je klaar bent, klik je op Opslaan & sluiten.Stap 2 : een categoriepagina maken 1. Ga naar Menus > Main Menu en klik op Toevoegen nieuw menu-item. 2. Klik naast het vak Meny-itemtype op de knop Selecteren. Kies voor Categorieblog (onder Artikelen). 3. Als titel vul je "Ons Bestuur" in. 4. Bij Verplichte instellingen kies je de categorie "Bestuur & Administratie". 5. Klik op opslaan en klik op Bekijken website. 6. Klik aan de voorkant van de site op de nieuwe link in het hoofdmenu. Nu verschijnt er een overzicht van de categorie. 36
  • 37. In dit geval bevat de categorie artikelen die in de artikeleditor allemaal verdeeld zijnin een intro, een Lees verder-lijn en vervolgtekst. Daarom beeldt Joomla onder alleintros een link af naar het volledige artikel.Een categoriepagina toont standaard bovenaan 1 artikel in één brede kolom, danenkele artikelen in twee kolommen, dan nog een aantal hyperlinks. Je kan dezelayout veranderen door de instellingen in de menulink aan te passen. 37
  • 38. 1. Ga naar Menus > Main Menu en klik op "Ons bestuur". 2. Klik dan op het kopje Bloglay-outopties om het paneel te openen met de verschillende weergaveopties voor de blogweergave. 3. Pas de verschillende waardes aan. a. # Hoofdartikelen : 0 b. # Intro-artikelen : 4 c. # Kolommen : 4 d. # Links : 1In het vak Details kan je bovendien ook nog een andere Templatestijl kiezen om jecategoriepagina het uitzicht te geven van een aparte homepage. 38
  • 39. 7. Menus en hyperlinks 7.1 Een nieuw menu makenEen Joomla-site kan meer dan één menu tegelijk hebben. De voorbeeldsite heeftbijvoorbeeld een horizontaal menu helemaal bovenaan en 2 menus in delinkerkolom.Via volgende stappen krijg je een overzicht van welke menus actief zijn : 1. Ga naar Menus > Menubeheer 2. Je krijgt de lijst van alle actieve menus.Je kan ook zelf een eigen menu maken. 1. Ga naar Menus > Menubeheer > Toevoegen nieuw menu. 2. Vul de naam in van het nieuwe menu : "Extra menu". Als menutype vul je in extramenu. Dit is een naam die Joomla intern gebruikt. Gebruik hier geen spaties of bijzondere tekens. Tot slot kan je een beschrijving toevoegen. 3. Klik op Opslaan & sluiten. 4. Je komt nu opnieuw in het scherm Menubeheer. Onderaan zie je het nieuwe menu Extra menu. 5. Klik op Extra menu om het te bewerken. Je komt nu in het scherm Menubeheer : Menu-items. 6. Klik op Nieuw om een menu-item toe te voegen. Je komt in het scherm Menubeheer : Nieuw menu-item. Vul hier in : a. Menu-itemtype : klik op Select en kies Enkel artikel. We maken een link naar een artikel. b. Menu Titel : vul hier de naam van de menulink in : Beleidsnota c. Onder Verplichte instellingen moet je het artikel kiezen waarnaar je wil linken. Klik op Selecteer/Wijzig en selecteer een doelartikel door te klikken op de titel ervan : Beleidsnota. 7. Klik op Opslaan & sluiten. 39
  • 40. We hebben nu een menu en hyperlinks toegevoegd, maar op de website is hier nogniks van te zien. Dat komt omdat je eerst moet instellen waar je menu moetverschijnen. Dat doe je via Modulebeheer aangezien elk menublokje een module is. 1. Ga naar Extensies > Modulebeheer en klik op Nieuw. 2. Kies in het popupscherm voor Menu. 3. In het scherm Modulebeheer : Module Menu stel je de volgende instellingen in: a. Vul de Titel in die boven het menu verschijnt : Beleid b. Kies de positie waar het menu verschijnt. Je maakt een keuze uit de posities die in deze template beschikbaar zijn voor modules. In dit geval is position-7 goed. c. Onder Basisopties moet je nog het zojuist aangemaakte menu selecteren. Kies in de lijst achter Selecteer Menu voor Extra menu. 4. Klik op Opslaan en klik op Bekijken website. 7.2 Een menu aanpassenJe kan een menu uiteraard aanpassen naar je eigen voorkeur.De volgorde van de menu-items aanpassen : 1. Ga naar Menus > Extra menu. 2. In de kolom Volgorde klik je op de kolomnaam Volgorde. De pijltjes worden zichtbaar waarmee je de volgorde kan aanpassen. 3. Klik het pijltje omhoog of omlaag om een menu-item te verplaatsen. Je kan ook de cijfers invoeren. 40
  • 41. 4. Verander de volgorde zodat Administratie boven Beleidsnota komt te staan. 5. Klik op het diskettepictogram boven aan de kolom Volgorde om de nieuwe volgorde op te slaan.De titel veranderen en de plaats van het menu wijzigen : 1. Ga naar Extensies > Modulebeheer. 2. Klik op de titel van de module (Beleid) om de eigenschappen van het menu te bewerken. 3. Onder Toon titel verander je de instelling van Toon in Verbergen. 4. Verander Volgorde naar Login Form. Dat betekent dat de module nu helemaal onderaan komt te staan in de linkerkolom. 5. Klik op Opslaan & Sluiten en klik op Bekijk website. Het menu verschijnt nu, zonder titel, onderaan in de linkse kolom onder het login formulier. 41
  • 42. 7.3 Verschillende soorten menulinksDe basisstappen om een menu-item toe te voegen zijn : 1. Ga in de beheeromgeving naar Menus en klik op de naam van het menu, bijvoorbeeld Main Menu. 2. In het volgende scherm klik je op Nieuw in de knoppenbalk. 3. In het scherm Nieuw Menu-item vul je de Menutitel in : de tekst van de menulink. 4. Bij Menu-itemtype klik je op Selecteer om uit te kiezen wat voor link je wil maken. 5. Er verschijnt een popupscherm met de keuzes die je hebt.De keuzes zijn gegroepeerd in groepen menu-itemtypes : • Contactpersonen : Hoort bij het adresboek van contacten dat je kunt bijhouden via Componenten > Contactpersonen. Als je veel contactpersonen voor je organisatie online wil zetten, kan je die systematisch en doorzoekbaar presenteren. Eerst maak je categorieën contactpersonen aan, dan voer je hun contactgegevens in, en met de menulinks maak je ze zichtbaar. • Artikelen : Dit is de groep menulinks die je waarschijnlijk het meest zult gebruiken. Het gaat om links naar gewone content (artikelen). 42
  • 43. o Gearchiveerde artikelen : link naar gearchiveerde artikelen. Dit gebruik je alleen als je eerst artikelen gearchiveerd hebt met de knop Archiveren in Artikelbeheer. o Enkel artikel : een link naar één artikel. o Lijst alle categorieën : handig om bijvoorbeeld een sitemap te maken. Je laat op één pagina alle subcategorieën zien vanaf een bepaald categorieniveau. Joomla toont dan alle categorieën onder elkaar. o Categorie blog, Categorielijst : een link die een pagina laat zien met een overzicht van de artikelen in de categorie. Een Blog laat hele artikelen zien, of hun intros. Een Lijst laat een lijst zien met artikeltitels. o Voorpagina-artikelen : deze link gebruikt Joomla standaard voor de homepage. Artikelen die je hebt geselecteerd als Voorpagina komen terecht op de pagina met deze link. o Maak artikel : alleen nodig als je ingelogde gebruikers de mogelijkheid wilt bieden om zelf een artikel te schrijven. • Nieuwsfeeds : Om links te maken naar paginas met nieuwsfeeds : nieuws vanuit bepaalde andere sites dat op jouw site wordt binnengehaald. Maak eerst via Componenten > Nieuwsfeeds categorieën en links naar nieuwsfeeds aan, vervolgens kan je die feeds hier zichtbaar maken met menulinks. In de voorbeelddata zijn al wat nieuwsfeeds over Joomla aangemaakt. Als je een link van dit type aanmaakt en daarbij de Sample-Data-Newsfeeds selecteert , kan je die feeds op een pagina zichtbaar maken. • Zoeken : Hiermee maak je een link naar de zoekpagina van de site. • Gebruikersbeheer : De menulinks hier gebruik je om paginas te maken waarop geregistreerde gebruikers inloggen, zich registreren, hun profiel aanpassen, enzovoort. • Weblinks : Bedoeld om links te maken naar paginas met weblinks (links naar andere sites). Maak eerst via Componenten > Weblinks categorieën en links naar sites aan, vervolgens kan je die hier zichtbaar maken via menulinks. • Wrapper : Dit is een speciaal linktype. Als je een andere site wilt laten zien binnen jouw webpagina (in een zogenaamd iframe), dan maak je een link naar zon pagina-in-een-pagina aan met Iframe Wrapper. • Systeemlinks : Gebruik Externe URL om een link te maken naar een externe webpagina. Menu-item Alias is een kopie van een link naar een bestaand menu-item (gebruikt als je vanuit twee menus naar één doelpagina wilt linken), en Scheidingsteken is geen link, maar een lijntje dat je in het menu aanbrengt om de verschillende onderdelen van het menu visueel te scheiden (bijvoorbeeld als je groepjes wil maken). 7.4 Een hyperlink binnen een artikelJe kan niet alleen links aanmaken binnen een menu, maar je kan ook rechtstreeksvanuit een artikel linken naar een ander artikel. In Joomla 1.6 is daarvoor een nieuweknop Artikel aanwezig onder het Artikeleditorscherm. 43
  • 44. Als je deze knop gebruikt om een link in te voegen naar een artikel, maakt Joomlaautomatisch de linktekst aan. De titel van de doelpagina wordt op de cursorpositieingevoegd als tekst van de hyperlink. 1. Ga naar Artikelen > Artikelbeheer en open in het scherm Artikelbeheer een artikel om het te bewerken. 2. In het Artikeleditorscherm plaats je de muiscursor ergens in het artikel waar de nieuwe linktekst moet verschijnen. 3. Klik op de knop Artikel om een popupscherm te openen met een lijst met alle artikelen in de site. 4. Klik op de titel van het artikel. 5. Het popupscherm sluit en de titel van het artikel wordt ingevoegd in het huidige artikel als een hyperlink. 6. Sla het artikel op om de wijzigingen te bewaren. Als je het artikel nu aan de voorkant van de site bekijkt, bevat de tekst de nieuwe hyperlink naar het andere artikel. 44
  • 45. 8. De site uitbreiden met extensies 8.1 Soorten extensiesExtensies zijn er in drie soorten. Van groot naar klein zijn dat : Componenten,modules en plugins. Hoewel extensies uitbreidingen van het CMS zijn, zitten er alheel wat standaard in Joomla ingebouwd. De zoekfunctie en het Menusysteem vanJoomla zijn voorbeelden van deze voorgeïnstalleerde extensies. • Componenten : Componenten zijn de meest uitgebreide extensies, vaak met veel mogelijkheden en instellingen. Je beheert ze via het speciale menu Componenten in de beheeromgeving (dus niet via Extensies). o Banners : Hiermee kan je banneradvertenties op de site beheren. o Contactpersonen : Hiermee kan je contactinformatie toevoegen en beheren en links maken naar paginas met informatie over contactpersonen. o Omleiding : is nieuw in Joomla 1.6. Dit helpt je als je webpaginas hebt vernieuwd of verplaatst en oude URLs (bijvoorbeeld www.voorbeeld.be/oudadres) niet meer werken. Je kunt dan bezoekers die het oude adres intypen automatisch doorleiden naar www.voorbeeld.be/nieuwadres. • Modules : Modules zijn blokjes op de webpagina die een speciale functie vervullen, zoals de menumodule. Je beheert modules via Extensies > Modulebeheer. Modules verschijnen in positions (posities) in de linker- en rechterkolom, of in de header of footer. Standaard zijn in Joomla al een groot aantal verschillende modules beschikbaar. Als je in de beheeromgeving naar Extensies > Modulebeheer 45
  • 46. gaat, zie je daar welke modules al aan het werk zijn op de site, en als je op Nieuw klikt, krijg je een overzicht van alle beschikbare modules. Als je wil weten wat al die modules precies doen, navigeer dan met de muiscursor over de lijst. Bij elke module verschijnt dan een korte uitleg. • Plugins : Plugins zijn kleine uitbreidingen, handigheidjes zoals een extra knop in de teksteditor die het gemakkelijker maakt om bijvoorbeeld met een speciale code een filmpje in de webpagina in te voegen. Welke plugins geïnstalleerd zijn, kan je zien via Extensies > Pluginbeheer. 8.2 Werken met de meegeleverde extensies : Nieuwsflits-moduleZodra je site groter wordt, wil je natuurlijk dat de homepagina een goede selectie laatzien van al je waardevolle content. Centraal op je homepage staan de artikelen die jeals Aanbevolen hebt gemarkeerd. Maar er zijn meer manieren om de aandacht tetrekken naar specifieke artikelen. Je kan de module Nieuwsflits gebruiken om eenaantal artikelintros te laten zien uit een bepaalde categorie. 1. Ga naar Extensies > Modulebeheer. Klik op de knop Nieuw in de knoppenbalk. 2. Klik in het popupscherm op Artikelen – Nieuwsflits om een nieuwe Nieuwsflits- module aan te maken. 3. Nu verschijnt het scherm Modulebeheer : Module Artikelen – Nieuwsflits. Hier regel je de instellingen van de module. a. Titel : Nieuwste artikelen b. Toon titel : Verbergen om de titel te verbergen. c. Positie : position-12. Dit is een positie boven de gewone content, midden op de pagina. d. Menutoewijzing : Kies Alleen op de geselecteerde paginas, kies voor Selectie wisselen om alle vinkjes te verwijderen en zet dan één vinkje bij Main Menu > Home om de module alleen op de homepage te tonen. e. Bij Basisopties > Categorie : kies de categorie Bestuur & Administratie. f. Bij Toon afbeeldingen : kies Ja g. Bij Toon artikeltitel : kies Ja h. Bij Lees verder … link : kies Toon i. Bij Aantal artikelen : kies 3 j. Bij Sorteer resultaten kan je kiezen voor Willekeurig. De module laat dan elke keer dat de pagina opnieuw wordt geladen, een andere selectie uit de categorie zien. 46
  • 47. 4. Klik op Opslaan & sluiten en klik op Bekijken website.Op de homepage verschijnen nu drie intros van artikelen uit de categorie Bestuur &Administratie.Voor elke module werken de instellingen op een vergelijkbare manier :via Extensies > Modulebeheer. Door op de naam van de module te klikken, kom je inhet scherm waar je alle instellingen kunt regelen.Instellingen van de Nieuwsflits : • Bij Details : o Titel : wat de titel is van de module en of die getoond moet worden of niet o Gepubliceerd : of de module gepubliceerd is. Zorg dat dit op Gepubliceerd staat om de module zichtbaar te maken op de site. o Positie : op de pagina : je kunt hier kiezen uit de beschikbare posities in de template. o Volgorde : volgorde van modules op die positie. o Start Publiceren en Stop Publiceren : eventueel een begin- en einddatum voor het publiceren van de module. • Bij Basisopties maak je keuzes die specifiek zijn voor deze module. Hier kunnen tientallen opties beschikbaar zijn, afhankelijk van de module. • Bij Menutoewijzing bepaal je op welke paginas de module zichtbaar is. Je kan hier elke pagina kiezen die door een menulink ontsloten is. 8.3 De Component ContactpersonenEen andere meegeleverde component is Contactpersonen. Je kan een index vancontactpersonen aanmaken die ook doorzoekbaar is.Stap 1 : Categorieën aanmaken 1. Ga naar Componenten > Contactpersonen. 2. Klik op tabblad Categorieën. 3. Klik op de knop Nieuw. 4. In het vak Details vul je een Titel in : College. 5. Klik op Opslaan & sluiten.Stap 2 : Contactpersonen aanmaken 1. Ga naar Componenten > Contactpersonen 2. Klik op tabblad Contactpersonen. 3. Klik op de knop Nieuw. 4. In het vak Nieuwe contactpersoon vul je de Naam in. Vul Jan Jansen in. Kies ook de categorie College. 5. In de teksteditor kan je een vrije tekst invullen. 6. Klik rechts op de uitklap-optie Contactpersoongegevens. 47
  • 48. 7. Hier kan je een afbeelding van de contactpersoon selecteren. Klik op Selecteer. 8. In de popup blader je naar de afbeelding op je computer en upload ze je. 9. Klik daarna op de afbeelding en voeg ze in. 10. Vul ook de andere gegevens in a. Functie : Burgemeester b. Adres : Appelstraat 1 c. Woonplaats : Aalst d. Provincie : Oost-Vlaanderen e. Postcode : 9300 11. Klik op Opslaan & sluiten.Herhaal de stappen voor de contactpersonen Piet Pietersen (schepen) en GertGerritsen (secretaris).Om deze contactpersonen zichtbaar te maken moeten we een menu-link maken. 1. Ga naar Menus > Main Menu > Toevoegen nieuw menu-item. 2. Als menu-itemtype selecteer je Lijst contactpersonen in een categorie. 3. Geef als Titel : Het college van Burgemeester en Schepenen 4. Bij Verplichte instellingen kies je als categorie : College. 5. Klik op Opslaan & sluiten. 6. Klik op Bekijken Website. 7. In het Main Menu is nu een extra link verschenen : Het college van Burgemeester en Schepenen. 48
  • 49. 8.4 Extensies downloaden en toevoegenStandaard worden met Joomla al verschillende extensies mee geïnstalleerd, maar jevindt vele extra extensies die door derden ontwikkeld zijn ophttp://extensions.joomla.org. Zon extensie voeg je in een paar klikken toe aan jeeigen website. 1. Download de extensie naar je computer. Deze is meestal ingepakt in een zipbestand. 2. Ga naar Extensies > Extensiebeheer. 3. In het vak Upload Pakketbestand vind je een knop Bestand kiezen. Klik hierop en selecteer het zipbestand dat op je pc staat. 4. Klik op Upload & Installeren om de extensie te installeren. Zodra de installatie is afgerond, verschijnt er een melding.Een goed voorbeeld van zon extensie is een flitsende fotogalerij. We installeren hierde component Ozio Gallery. 1. Ga naar http://extensions.joomla.org/extensions/photos-a-images/photo- gallery/4883. 2. Klik op de knop Download. Je komt nu op de site van de maker van de extensie. Klik daar op de link naar de meest recente versie van de galerij. In dit geval is dat Ozio Gallery3 x Joomla 1.6. 3. Klik opnieuw op Download om de extensie op te slaan op je computer. Het bestand heet com_oziogallery3.0-beta5.zip. Sla het bestand op waar je het makkelijk kunt terugvinden. 4. Ga in de beheeromgeving van de site naar Extensies > Extensiebeheer. 5. Klik op Bestand kiezen, selecteer het gedownloade bestand op je computer en klik op Openen. 6. Klik op Upload & Installeren. Je ziet nu een melding dat de installatie geslaagd is. 7. Ozio Gallery is een component. Je kan de instellingen regelen via het menu Componenten > Ozio Gallery3. 49
  • 50. Om de Ozio-component te tonen op je site, maak je een menulink aan. Door deinstallatie van de component beschik je automatisch over nieuwe menu-itemtypenwaarmee je op verschillende manieren fotogaleries kunt laten zien. 1. Ga naar Menus > Main Menu > Toevoegen nieuw menu-item. 2. Je komt nu in het scherm Nieuw Menu-item. Klik bij Details op Menu-itemtype. Nu verschijnt het popupscherm met de soorten menu-items. Zoals je ziet heeft Ozio Gallery3 er een hele lijst met opties aan toegevoegd. Dit zijn allemaal verschillende manieren om je fotos af te beelden. 3. Selecteer Cooliris Skin. Nu verschijnt het scherm Wijzigen Menu Item waarin je de instellingen van de gallery kunt regelen. Vul in : a. Menu Titel : de naam van de menulink, bijvoorbeeld Fotos. b. Onder Required Settings vul je het pad in naar de fotos. Bij Gallery Folder path vul je in : images/sampledata/parks/animals. Deze map is met de voorbeelddata geïnstalleerd. Hij bevat fotos van dieren. Als je je eigen fotos wil laten zien, upload je fotos naar bijvoorbeeld images/mijnfotos. Daarna vul je dat pad hier dan in. 4. Klik op Opslaan & sluiten en klik op Bekijken website. Je ziet nu aan de voorkant van de site in het menu This Site een link Fotos. Als je daarop klikt, krijg je een indrukwekkende weergave van de voorbeeldfotos te zien. Het Cooliris-effect maakt het mogelijk dat je door een 3D-muur met fotos kunt scrollen, kunt inzoomen, ze schermvullend kunt afbeelden en nog veel meer. 50
  • 51. 51
  • 52. 8.5 Meer extensies vindenNaast de extensies die deel uitmaken van de standaard Joomla-installatie zijn er heelveel extensies ontwikkeld door derden. De meeste staan vermeld ophttp://extensions.joomla.org.Het is aan te raden om zo nu en dan rond te kijken op de extensiesite van Joomla. Erkomen voortdurend nieuwe uitbreidingen bij. Kijk bijvoorbeeld eens bij de EditorsPicks en bij de meest populaire extensies. Het commentaar van andere gebruikersgeeft vaak een goede indicatie of een extensie betrouwbaar werkt en of deondersteuning door de ontwikkelaar goed is.Het is belangrijk om niet te blijven werken met verouderde extensies : ontwikkelaarsbrengen vaak updates uit om bijvoorbeeld veiligheidslekken in hun software tedichten. Gelukkig hoef je in Joomla 1.6 niet meer handmatig te controleren of erupdates zijn voor de extensies die je hebt geïnstalleerd. Ga naar Extensies >Extensiebeheer, klik op de tab Update en klik Zoek Updates. Als er geen updates zijnkrijg je daarvan een melding op het scherm.Als er updates zijn kan je die met de knop Update automatisch installeren. Je krijgtdan de melding dat de beschikbare updates succesvol geïnstalleerd zijn. 52
  • 53. 9. Gebruikersbeheer 9.1 GebruikersaccountsNa de installatie van Joomla is er één gebruiker : de Super User. 1. Ga naar Gebruikers > Gebruikersbeheer. 2. In het scherm Gebruikersbeheer zie je alle gebruikers. In dit geval is dat alleen Super User. 3. Klik op de naam van de gebruiker om de details te zien. a. De Naam : Super User b. De Loginnaam : admin c. Het e-mailadres : Joris.eeraerts@telenet.be d. Of deze account geblokkeerd is : Nee e. De gebruikersgroepen waartoe deze gebruiker behoort i. Public : de gebruiker heeft toegang tot de publieke site ii. Super User : de gebruiker heeft alle denkbare rechten aan de achterkant van de site.In het scherm Gebruikersbeheer kan je nieuwe gebruikers maken en toewijzen aaneen bepaalde gebruikersgroep. Standaard zijn er zeven groepen beschikbaar, elkmet hun eigen set van rechten. 1. Geregistreerde gebruikers : Dit zijn normale bezoekers van de site, maar zij hebben zich geregistreerd (een account aangemaakt met naam en wachtwoord = Registered). Nadat ze zijn aangemeld met hun accountgegevens, kunnen zij content bekijken die verborgen is voor gewone bezoekers van de site. Als beheerder van de site kan je namelijk het 53
  • 54. toegangsniveau voor alle soorten content (zoals artikelen, modules en menu- items) instellen op Registered (Geregistreerd). Geregistreerde gebruikers hebben speciale toegangsrechten, maar ze kunnen geen content bijdragen. 2. Gebruikers die content mogen bijdragen aan de voorkant : Als beheerder kan je zelf content maken en bewerken in de beheeromgeving. Maar het is ook mogelijk om in te loggen aan de voorkant, en om artikelen rechtstreeks in de site te bewerken. Gebruikers kunnen artikelen direct aanmaken of bewerken in een omgeving die ze al kennen, de gewone voorkant van de site. Er zijn drie typen gebruikers die kunnen inloggen in de gewone site, elk met hun eigen toegangsniveaus : a. Authors kunnen nieuwe content aanmaken, maar die moet worden goedgekeurd door een Publisher of iemand die hoger in rang is. Auteurs kunnen bestaande artikelen niet bewerken. b. Editors kunnen nieuwe artikelen aanmaken en bestaande artikelen bewerken. Een publisher of hoger moet het artikel goedkeuren voordat het gepubliceerd wordt. c. Publishers (hoofdredacteuren) kunnen artikelen indienen, bewerken en publiceren. In feite is dit de meest praktische van deze drie soorten gebruikers. De andere twee kunnen immers niet zelf content publiceren en dat kan lastig zijn. 3. Gebruikers die content mogen bijdragen in de beheeromgeving : Tenslotte zijn er drie soorten beheeromgevinggebruikers. Zij hebben alle rechten van de vorige groep, maar ze mogen ook inloggen in de beheeromgeving. Zij kunnen daar content beheren en administratieve taken uitvoeren. a. Managers kunnen alles doen wat publishers kunnen, maar ze mogen ook in de beheeromgeving artikelen toevoegen of verwijderen, en ze kunnen categorieën maken en beheren. b. Administrators kunnen alles doen wat managers kunnen en hebben toegang tot meer beheerfuncties. Zij kunnen gebruikers beheren, extensies toevoegen of templates wijzigen. c. Super Users hebben geen beperkingen. Ze mogen alles doen in de beheeromgeving. 9.2 Een nieuwe gebruiker aanmakenWe gaan er hier vanuit dat je een webteam wil creëren, een aantal mensen dat decontent van de site onderhoudt. Dus moet je gebruikersaccounts voor dezeteamleden aanmaken. 1. Ga naar Gebruikers > Gebruikersbeheer. 2. Klik op de knop Nieuw in de knoppenbalk om een nieuwe gebruiker toe te voegen. 3. In het scherm Gebruikersbeheer : Toevoegen nieuwe gebruiker vul je de gebruikersgegevens in. a. Naam : Contentbeheerder b. Inlognaam : contentbeheerder c. Wachtwoord : beheerder 54
  • 55. d. E-mailadres : Joris.eeraerts@gmail.be (elk e-mailadres mag maar 1 x voorkomen) 4. In het vak Toegewezen actiepermissierechten zet je een vinkje voor Publisher. 5. Klik op Opslaan & sluiten om de gegevens van de gebruiker op te slaan.In het scherm Gebruikersbeheer zie je nu ook de nieuwe gebruikerContentbeheerder. 9.3 Inloggen als nieuwe gebruikerOm te controleren of de nieuwe gebruiker kan inloggen, ga je naar de voorkant vande site. Daar kan je inloggen met de gebruikersnaam en het wachtwoord van denieuwe gebruiker (Contentbeheerder) die je juist hebt aangemaakt. Onder hethoofdmenu vind je standaard het inlogformulier van Joomla. 1. Log in met de naam (contentbeheerder) en het wachtwoord dat je net hebt aangemaakt. Klik op Inloggen. 2. Je ziet nu de artikelen op de voorpagina veranderen : naast elk artikel verschijnt een pictogram (een blad papier met een pen erbij). 55
  • 56. 3. Als je op dat pictogram klikt, kan je het artikel direct bewerken : de webpagina verandert in een editor. 4. Op de homepage is bovendien ook een nieuwe menu User Menu verschenen a. Your Profile : Hier kan je je eigen gebruikersaccount beheren. b. Submit an Article : Hier kan je een nieuw artikel aanmaken. c. Submit a Web Link : Hier kan je een nieuwe hyperlink aanmaken.Het blokje met het inlogformulier is een module die al geïnstalleerd is wanneer jeJoomla met voorbeelddata installeert. Als die module niet aanwezig is, dan kan je diegewoon zelf aanzetten. 1. Ga naar Extensies > Modulebeheer. 2. Klik op Nieuw en selecteer Login. 3. Je komt nu in het scherm Modulebeheer : Module Login. 4. Voer een Titel in, kies een positie (bijvoorbeeld position-7 om in de linkerkolom te publiceren). Laat Toegang op Public staan want anders zou de module pas verschijnen nadat iemand ingelogd is. 5. Klik op Opslaan en sluiten en klik op Bekijken website. 6. Het inlogformulier verschijnt nu links op de pagina. 9.4 Zelfregistratie van bezoekers mogelijk makenDaarnet hebben we zelf een nieuwe gebruikersaccount toegevoegd in debeheeromgeving, via Gebruikersbeheer. Maar je kan gebruikers ook toelaten om zelfeen account aan te maken. Zo kunnen ze zichzelf registreren, zonder dat debeheerder van de site daar moet in tussenkomen. De beheerder heeft natuurlijk nogaltijd de mogelijkheid om gebruikers te blokkeren of te verwijderen. 56
  • 57. Geregistreerde gebruikers mogen in principe niet bijdragen aan de site, maar hebbentoegang tot delen van de site waar de toegang is ingesteld op Registered(Geregistreerd).Van zodra je in Joomla een inlogformulier (de login-module) toevoegt, maak jevanzelf registratie mogelijk. Standaard biedt de login-module namelijk niet alleen demogelijkheid om in te loggen, maar ook om een nieuwe account te maken. 1. Klik op de link Maak een account. 2. Je komt dan terecht op de registratiepagina. Om je te registreren vul je je gegevens in, inclusief een geldig e-mailadres. 3. Klik daarna op Registreer. 4. Als je op Registreer hebt geklikt, krijg je een melding dat er een mail met een activeringslink is gestuurd naar het opgegeven mailadres. Je ontvangt dus een mail met daarin een link waarop je moet klikken om de nieuwe gebruikersaccount te activeren. Zodra je dat gedaan hebt, kan je als geregistreerde gebruiker inloggen in de site, via het login-formulier. 57
  • 58. Als je niet wil dat gebruikers zich zelf kunnen registreren, kan je deze mogelijkheiduitschakelen. 1. Ga naar Gebruikers > Gebruikersbeheer. 2. Klik op Opties 3. Zorg ervoor dat Toestaan Gebruikersregistratie op Nee staat. 9.5 Speciale content aanbieden aan geregistreerde gebruikersAls je zelfregistratie mogelijk maakt, moet je geregistreerde gebruikers natuurlijk ookwat te bieden hebben. Dat doe je door het toegangsniveau Registered(geregistreerd) in plaats van Public (publiek toegankelijk) toe te kennen aan decontent die je alleen voor geregistreerde bezoekers zichtbaar wil maken. Die contentwordt dan verborgen voor gewone gebruikers.De meeste bouwstenen van een Joomla-site kan je instellen op een specifiektoegangsniveau. Je kunt bijvoorbeeld een pagina instellen als Registered, maar datkan je ook doen met een module of alle inhoud van een bepaalde categorie. Datbetekent dat je site er heel anders uit kan zien voor verschillende typen gebruikers.Gewone gebruikers zien alleen een basiswebsite. Geregistreerde gebruikers hebbendezelfde content, plus extra artikelen, menus of modules.Stel dat je in het menu About Joomla! De link naar Using Joomla! wilt verbergen,zodat deze alleen zichtbaar is voor geregistreerde gebruikers (en voor gebruikersmet meer rechten). 1. Ga naar Menus > About Joomla! en klik op de link Using Joomla!. 2. Bij Toegang selecteer je nu Registered. 3. Klik op Opslaan & sluiten. 58
  • 59. Door deze menu-link aan te passen, heb je een menu-item verborgen voor niet-geregistreerde gebruikers. Als je nu een account maakt voor een geregistreerdegebruiker en daarna inlogt, zie je de vier menulinks weer. 59
  • 60. 10. Templates : de vormgeving van de site aanpassen 10.1 Wat is een template ?Een Joomla-template bepaalt hoe je website eruitziet. Het bestaat uit een aantalbestanden die de HTML- en CSS-code bevatten. HTML (HyperText MarkupLanguage) is de code die wordt gebruikt om webpaginas te bouwen. CSS(Cascading Style Sheets) wordt gebruikt om de vormgeving te regelen. Als je HTMLbeschouwt als de bakstenen en het cement van je site, dan vormt CSS de verf en hetbehang.Behalve HTML en CSS bevat een Joomla-template ook nog wat specifiekeinstructies (geschreven in PHP) die vertellen waar Joomla wat moet afbeeldenbinnen de HTML-pagina. De template bevat dus instructies in PHP die Joomlavertellen waar de centrale content komt, waar menus staan en op welke positiesmodules staan. 10.2 De standaardtemplate aanpassenDe standaardtemplate van Joomla 1.6 is Beez_20. Je kan het uiterlijk van dietemplate zelf aanpassen, zonder dat je aan de code hoeft te komen. De templatebevat daarvoor verschillende opties die je naar smaak kan aanpassen.We kunnen het logo en de kleuren aanpassen. 1. Ga naar Extensies > Templatebeheer. Er zijn 2 tabbladen : Stijlen en Templates. 2. Klik op de pagina Stijlen op de link Beez2_Default. 3. Je komt nu in het scherm Templatebeheer : Wijzigen stijl. 60
  • 61. 4. Klik in het vak Geavanceerde opties bij de optie Logo op de knop Selecteer.5. In het popupscherm dat nu verschijnt, kan je een bestaand logo vanaf je computer uploaden. In het vak Upload bestanden klik je op Bladeren. Selecteer het logo-bestand en klik op Start Upload. Je krijgt de melding Upload compleet.6. Selecteer het logo en klik op Invoegen.7. Bij de Geavanceerde opties pas je nu de Beschrijving website aan : geef een korte beschrijving die onder het logo verschijnt : Opleiding Joomla 1.6.8. Met Positie van navigatie kan je de pagina-indeling veranderen. Kies voor Na inhoud, dan komen de menus rechts op de pagina, in plaats van links.9. Bij Templatekleur kan je tenslotte nog een andere kleurstijl voor de template selecteren. Bij de Beez_20-template verandert niet alleen de kleur, maar veranderen ook andere template-elementen, zoals de achtergrond van de header en de kleur van tussenkopjes. Selecteer in dit geval de kleurstijl Natuur.10. Klik op Opslaan & sluiten en klik vervolgens op Bekijken website. 61
  • 62. Tot nu toe heb je de vormgeving aangepast door gebruik te maken van deingebouwde variatiemogelijkheden van de template. Als je volledige controle wilt overhoe je site eruitziet, dan kun je ofwel zelf een template bouwen (maar dan moet jeveel kennis hebben van HTML en CSS), of een bestaande template aanpassen. Datlaatste is een stuk laagdrempeliger.Met name het aanpassen van de CSS van de site is goed te doen, zeker als het je eralleen om gaat kleuren, lettertypen, afbeeldingen en dergelijke aan te passen. Jekunt de stylesheets (de meeste templates hebben er meerdere) rechtstreeks inJoomla bewerken : 1. Ga naar Extensies > Templatebeheer. 2. Klik op de tab Templates. 3. Klik op de link Details (bijvoorbeeld Beez5 Details). 4. Rechts zie je een kolom Stylesheets. Als je daarop klikt, kan je de stylesheet openen om stijlen aan te passen en je aanpassingen te bewaren. 10.3 Een nieuwe template downloaden en installerenMet Joomla worden er een paar templates meegeleverd.Je vindt ze via Extensies > Templatebeheer op het tabblad Templates. Er zijntemplates voor de beheeromgeving (Locatie : Beheerder) en voor de voorkant van desite (Locatie : Website). De templates Beez 20 en Beez 5 zijn in gebruik in devoorbeeldsite.De template Atomic is ook bedoeld voor de voorkant van de site, maar die is nietzonder meer bruikbaar. Het is een lege template met vrijwel geen opmaak, bedoeldals basis om zelf een template te ontwikkelen. 62
  • 63. Maar naast deze meegeleverde templates kan je kiezen uit een enorm groot aanbodJoomla-templates op het web. Je moet er wel op letten dat templates geschiktmoeten zijn voor Joomla 1.6. Templates voor oudere versies werken niet.Stap 1 : templatebestand downloaden 1. Ga naar http://www.jm-experts.com/free-joomla-templates 2. Kies één van de templates op de site. 3. Klik op de downloadlink van de template van je keuze. Sla het templatebestand (jm_tmpl4_1.6.zip) op je computer op. 4. Ga naar Extensies > Extensiebeheer. 5. Klik op de knop Bladeren en blader naar het bestand jm_tmpl4_1.6.zip op je computer. Selecteer dit en klik op Upload & installeren. Als alles goed gaat, zie je het bericht : Installatie template succesvol.Stap 2 : de nieuwe template activeren 1. Ga naar Extensies > Templatebeheer. Klik op de tab Stijlen. 2. Zet een vinkje in het selectievakje voor jm_tmpl4_1.6 – standaard. 3. Klik op de knop Instellen als standaard in de knoppenbalk. 4. Klik op Bekijken website. De nieuwe template is nu actief. 63
  • 64. Met de nieuwe template ziet onze website er plots helemaal anders uit.Het installeren van een template werkt op vrijwel dezelfde manier als het installerenvan een module of andere extensies. Een klik op de knop Upload & installeren zorgtervoor dat alle templatebestanden worden geupload, dat ze worden uitgepakt en opde juiste plaats in de Joomla-mappen op de webserver worden geplaatst.Als je een andere template activeert, zul je vaak merken dat niet alle contentblokkenmeteen op de goede plaats terechtkomen. Dat komt omdat verschillende templatesverschillende posities bevatten. Een template bevat posities, aangeduid als left,position-1, position-2, enzovoort. 64
  • 65. Je kan heel makkelijk een overzicht krijgen van de moduleposities. 1. Ga naar Templatebeheer en klik op Opties. 2. Controleer of Voorbeeld moduleposities op Geactiveerd staat. 3. Ga dan naar de tab Templates. In de lijst met templates klik je op de link Voorbeeld naast de afbeelding van de template. 4. Nu verschijnt er een voorbeeld van de template met daarin de namen van de moduleposities.Als enkele modules niet op de juiste plaats blijken te staan, kan je die alsnog goedzetten. 1. Ga naar Extensies > Modulebeheer. In de keuzelijst Selecteer Module kies je voor Menu. Zo verschijnen uitsluitend de verschillende menus in de lijst. 2. Klik op de titel van het menu This Site om de module-eigenschappen te bewerken. 3. Bij Details kies je een nieuwe Positie uit de keuzelijst. 4. Klik op Opslaan & sluiten en klik op Bekijken Website.Als je het web doorzoekt op Joomla template dan krijg je een immens aantalresultaten. Vaak werkt het beter om gericht te zoeken in speciale sites met Joomla-templates. • Een goed startpunt zijn internationale templatesites zoals www.joomla24.com, www.osskins.com en www.cmslounge.com. Deze sites bieden honderden templates. Blader eens door de collecties en bekijk live previews. • Kijk ook eens naar sites van professionele Joomla-templateontwikkelaars zoals www.rockettheme.com, www.joomlashack.com, www.gavick.com, www.yootheme.com en www.joomlabamboo.com. • Een andere bron is www.bestofjoomla.com. Deze site maakt het vinden van de juiste template makkelijker doordat je een zoekopdracht kunt uitvoeren op basis van allerlei criteria (gratis of niet, soort menu op de site, naam van de ontwikkelaars etc. )Veel sjablonen worden aangeboden door commerciële ontwikkelaars, een aantaltemplateclubs geven je gelegenheid om templates te downloaden voor eenabonnementstarief. Maar je kan ook veel kwaliteitstemplates vinden die niets kosten. 65