1. Inleiding
Na het installeren van de Joomla-programmatuur, zie Eenvoudige variant opzetten Joomla-website, is er ook een - nogal kale - Joomla-website gegenereerd. Het artikel op deze pagina gaat over de eerste stappen voor de verdere inrichting van deze website en het plaatsen van de eerste inhoud op die website. Daarvoor beginnen we met waar het installeren eindigde: met een website met een inlogscherm en een menu met een menu-optie die naar een lege pagina verwijst: de start- of home-pagina. Daarbij was het advies om als een eenvoudige website voldoende is, het inlogscherm aan de voorkant te verwijderen. Daarover gaat de volgende paragraaf. Daarna volgen paragrafen over het plaatsen van de eerste inhoud.
2. Het inlogscherm verwijderen
Het gaat hier om het verwijderen van het inlogscherm aan de voorkant van de website die, als er geen ingestelde beperkingen zijn, voor iedereen op internet zichtbaar is. Bij de achterkant van Joomla, de backend hoort ook een inlogscherm. Die is standaard en blijft nodig voor de beheerder oftewel de administrator. Vaak is het inlogscherm aan de voorkant bedoeld voor het inloggen van personen die geen beheerder zijn, maar wel auteur en in die rol content invoeren.
- Breadcrumbs (broodkruimelspoor, geeft aan waar je als gebruiker bent op de website);
- Hoofdmenu/Main menu;
- Loginscherm/Login form.
Voor die modules staan groene vinkjes als teken dat ze actief zijn. Als je klikt op het groene vinkje van Loginscherm/Login form, dan verdwijnt het vinkje, is de module niet meer actief en aan de voorkant niet meer zichtbaar en beschikbaar, en daarmee voor gebruik ervan verwijderd.
3. De eerste veranderingen
- het verplaatsen van het menu naar de linkerkant van het scherm;
- de naam van de website zichtbaar maken.
Verplaatsen van het menu
Een menu aan de voorkant van een Joomla-website is ook een Website module/Site module.
Als je voor de inrichting van je website als administrator bent ingelogd op de backend van je website, dan ga je voor het verplaatsen van het menu opnieuw naar het overzicht met de Site modules (zie onder 2 hiervoor). Daar zie je na het inactief maken van de Login module nog twee van de eerder drie actieve modules staan: Breadcrumbs/Broodkruimelspoor dat de gebruiker aan de voorkant van de website laat zien waar deze zich bevindt op de website, en de menumodule.
Elk van deze twee modules kun je open klikken. Als je de menumodule openklikt, dan zie je rechts een veld Positie/Position. Die staat standaard op Zijkolom rechts/sidebar-right. Dat is de positie van de module binnen het actieve template dat de vormgeving van de website regelt. Die positie kun je veranderen naar Zijkolom links/sidebar-left. Als je dat doet en vervolgens klikt op de knop Bewaar/Save van de module, dan kun je aan de voorkant van de website zien dat het venster voor het menu naar links is verhuisd (zo nodig wel even de inhoud van de browser verversen; moderne browsers zijn goed in het onthouden van de (oude) inhoud van wat de browser eerder op hetzelfde webadres liet zien).
Zichtbaar maken van de naam van de website
Na het installeren van Joomla is de vormgeving van de daarbij gegenereerde website gebaseerd op de standaard Stijl/style van het standaard template met de naam Cassiopeia. Dat template laat die naam Cassiopeia standaard zien aan de bovenkant van elke pagina van de website. Maar die naam hoort eigenlijk bij het technische deel van de website. Een gebruiker/bezoeker heeft er niets aan. Die ziet liever op welke website hij/zij zit. Dit kun je veranderen in de Style/stijl van de Site template met de naam Cassiopeia. Die vind je in de backend door in de menustructuur te kiezen voor System en vervolgens Site template styles. Als je die style/stijl openklikt, dan zie je vervolgens onder de tab Advanced de velden Brand, Logo en Title. Dat ziet er wat verwarrend uit want om de naam van de website zichtbaar te maken moet je Brand op actief zetten of laten staan: dat is Yes/groen. Vervolgens voer je in het tweede veld Logo geen afbeelding van een logo in, maar vul je in het derde veld Title de naam van je website in. Daarna klik je na deze verandering linksboven weer op Bewaar/Save of Bewaar & sluit/Save & close, waarna je het resultaat kunt zien aan de voorkant van de website.
4. Menu-opties, pagina's en artikelen
De titel zegt het al: een pagina is niet hetzelfde als een artikel. Een pagina is wat je op het scherm ziet na het intikken van een webadres, na het klikken op een menu-optie op een website, na het klikken op een ander soort link op een website of na het klikken op een link die een zoekmachine zoals Google toont. Bij de meest eenvoudige inrichting van een Joomlawebsite zie je dan de inhoud van één artikel op een pagina. Zo'n artikel kan het hele scherm of een deel van het scherm vullen. In dat laatste geval is dat vaak het centrale deel van een scherm met bijvoorbeeld links en/of rechts kolommen met daarin andere informatie zoals van een menu met menu-opties.
Als we uitgaan van een nog geheel lege geïnstalleerde Joomla-website waarvan we het inlogscherm aan de voorkant hebben verwijderd en het menu hebben verplaatst naar de linker zijkant van het scherm, dan hebben we een website met een menu links en daarin een menu-optie met de naam Home. Die menu-optie verwijst naar de zogenoemde landingspagina van de website. Dat is qua content nog lege pagina waarop de gebruiker terechtkomt als deze alleen het webadres van de website intikt. de rest van het schermrechts daarvan is beschikbaar voor inhoud.
Dat gaat als volgt:
- ga in de backend naar Menus en vervolgens Hoofdmenu/Main menu en open de laatste;
- ga daarin naar de menu-optie Home (nu nog de enige menu-optie) en open die;
- verander de Titel/title naar Startpagina;
- klik op Bewaren/Save.
Een artikel maken
- ga in de backend naar Content;
- ga naar Artikelen/articles;
- klik op Nieuw/new. Dan opent zich een venster met een simpele editor voor het invoeren van tekst;
- tik daarin in wat je wil vertellen op - in dit geval - de eerste pagina van je website;
- geef bij Title een naam aan je artikel, hier bijvoorbeeld Startpagina ;
- sla het resultaat op met Save of Save & close.
Nu moet het artikel nog gekoppeld worden aan de menu-optie Home. Daarvoor ga je opnieuw naar deze menu-optie en open je die. Daarin kies je een Menu item type, in dit geval van het soort Enkelvoudig artikel/Single article. In de regel daaronder kies je het artikel dat je net gemaakt hebt met bijvoorbeeld de naam Startpagina. Daarna bewaar je dit en als je dan op bijvoorbeeld de menu-optie Home klikt, dan kom je op de startpagina met je eerste tekst.
Het resultaat kan er als volgt uitzien.
Koppen/titels van pagina's
- ga in de backend naar System > Global configuartion > Menus > Main menu > de desbetreffende menu-optie > Page display > Show page heading en kies Hide;
- ga in de backend naar System > Global configuration > Articles > Title en kies Show.
- ga naar de desbetreffende menu-optie > Page display > Show page heading en controleer of dat op Hide staat en/of de instelling hiervoor voor de hele website volgt;
- ga naar het desbetreffende artikel > Options > Title en controleer of dat op Show staat en/of de instelling hiervoor voor de hele website volgt.
De afbeeldingen hieronder tonen in de volgorde van bovenstaande tekst hoe dat instellen er uit ziet.
Een menu-optie maken (toevoegen aan een menu)
- ga in de backend naar Menus;
- ga - in dit geval - naar Hoofdmenu/main menu;
- klik op Nieuw/new. Dan opent zich een venster met in te vullen velden;
- voer bij Title een naam in die duidelijk maakt waarnaar de menu-optie gaat verwijzen;
- bij Menu item type kies je - als je het eenvoudig houdt - voor Articles en vervolgens Single article;
- selecteer het artikel waarnaar de menu-optie moet gaan verwijzen of kies voor het direct creëren van het artikel waarnaar de menu-optie moet gaan verwijzen;
- sla het resultaat op met Save of Save & close.
Meer combinaties maken van een artikel en een menu-optie die daarnaar verwijst
- eerst een nieuw artikel maken en daarna een nieuwe menu-optie en die laten verwijzen naar dat artikel;
- een nieuwe menu-optie maken en als onderdeel daarvan een bijbehorend nieuw artikel maken waar de menu-optie naar verwijst.
Hierbij is het goed te weten dat je wel een artikel kan maken zonder een menu-optie ernaar verwijst, maar omgekeerd kunt je niet een menu-optie zonder naar een artikel (of ander soort pagina) te verwijzen. De logica daarachter is dat een menu-optie de bezoeker moet leiden naar iets, iets dat de website kan tonen. Anders is de menu-optie als een verwijzing die niet verwijst.
- ga in de backend naar Menus;
- ga naar een menu, bijvoorbeeld het Main menu;
- klik op Nieuw/new. Dan opent zich een venster met in te vullen velden;
- voer bij Title een naam in die duidelijk maakt waarnaar de menu-optie gaat verwijzen;
- bij Menu item type kies je - als je het eenvoudig houdt - voor Articles en vervolgens Single article;
- kies niet voor Select (article) maar voor Create (article);
- vul alles in tot en met de inhoud van het artikel;
- sla het resultaat van het nieuwe artikel op;
- sla het resultaat van de nieuwe menu-optie met de verwijzing naar het nieuwe artikel op.
Hieronder zie je de mogelijkheid om te kiezen voor Create (article) als onderdeel van het maken van een nieuwe menu-optie.
5. Wat je nog meer kunt leren
-
een horizontaal menu maken (vaak megamenu genoemd);
-
meer menu's maken dan standaard het hoofdmenu/Main Menu;
-
een blog maken in de vorm van een blogpagina maken (elk blogbericht is dan een artikel en die staan als een serie berichten na elkaar op één pagina);
-
de gegevens die nu in de laatste hierboven staande schermafbeelding staan zoals 'Written by' onzichtbaar maken of er juist andere gegevens aan toevoegen;
-
je artikelen verdelen over categorieën voor meer overzicht bij grote aantallen artikelen of om te kunnen variëren in de vormgeving door die per categorie in te stellen;
-
in je artikelen afbeeldingen toevoegen zoals foto's;
-
een meer uitgebreide editor installeren (JCE Editor in plaats van standaard TinyMCE);
-
gaan werken met inloggen voor gebruikers en toegangsrechten voor gebruikers;
-
(op de achtergrond) metagegevens toevoegen aan je inhoud (zodat je inhoud beter wordt gevonden door zoekmachines en dus door gebruikers);
-
een menu maken met meerdere lagen (op deze website heeft het hoofdmenu twee lagen, de tweede onderste laag kun je per menu-optie op het hogere niveau openklikken).
Als je eenmaal op weg bent met je website en wat meer vertrouwd bent met de wereld van Joomla, dan zal je geleidelijk aan steeds makkelijker de informatie en documentatie die je zoek ook elders kunnen vinden, in boeken, maar vooral op internet.