Installatie en Joomla 4

Nederlandstalige stap voor stap handleidingen voor Joomla 4

Meertalige Joomla 4 website instellen na installatie Joomla 4

In deze uitgebreide Stap voor Stap handleiding leg ik uit hoe je een meertalige Joomla website kunt maken nadat je Joomla 4 geinstalleerd hebt.

 Hieronder de onderwerpen die aan bod komen in deze handleiding:

Inleiding

De Joomla core bied al sinds zijn bestaan een mogelijkheid om je Joomla website meertalig te maken. Als je dit van te voren weet dan was het advies om direct tijdens de installatie van Joomla 3 te doen. Dan werden alle noodzakelijke onderdelen voor je geconfigureerd, dat scheelde een hoop werk.

In Joomla 4 is de werkwijze anders, in deze handleiding leg ik stap voor stap uit hoe jij je Joomla 4 website voorziet van de meertalige functionaliteit. We gaan een standaard Joomla 4 installatie uitvoeren (zonder voorbeelddata) en dan de website voorbereiden voor de meertalige taalondersteuning. We gaan een Engeltalige en Nederlandstalige website maken. Uiteraard staat het je vrij om voor andere talen te kiezen.

Wat belangrijk is om te weten is dat je doorgaans alles 2x moet aanmaken. Bijvoorbeeld een Engelstalig menu en een Nederlandstalig menu. Hetzelfde geldt ook voor artikelen, categorien en modules en mogelijk je template. Joomla zorgt er tevens voor dat je een Engelstalig artikel kunt associeren met een Nederlands artikel. Bijvoorbeeld het artikel (en menu item) Contact Us (GB) aan Contact (NL).

Stappen voorbereiding

Joomla 4 kent een aantal stappen als voorbereiding die nodig zijn om Joomla 4 te kunnen installeren.

Technische vereisten

Je (web)hostingomgeving dient aan technische vereisten te voldoen, deze vind je op de volgende pagina:

Technische vereisten Joomla 4

Domeinregistratie en webhosting

Om Joomla te kunnen gebruiken heb je een aantal zaken nodig zoals een domeinregistratie, zodat bezoekers een URL kunnen intypen en je website kunnen bezoeken. Je hebt een hostingpakket nodig waarop je Joomla kunt installeren en je hostingprovider koppelt dan je domeinnaam aan het pakket. Pas dan kunnen je bezoekers je website ook echt bezoeken. 

Database en database account

Joomla maakt gebruik van een database met gebruikersnaam en wachtwoord. Deze kun je aanmaken via de beheeromgeving van je hostingpakket, vraag desnoods je hostingprovider voor hulp. Je hebt dan de databasenaam, gebruikersnaam en wachtwoord nodig. Doorgaans is de servernaam Localhost.

FTP toegang en FTP Client

Om de Joomla installatie bestanden te kunnen uploaden naar de webserver van je hostingprovider heb je een FTP account nodig. Deze kun je aan te maken via de beheeromgeving van je hostingpakket, vraag desnoods je hostingprovider voor hulp. Je hebt dan de IP-adres of domeinnaam, gebruikersnaam en wachtwoord nodig.

Je kunt Joomla uploaden via een FPT programma zoals bijvoorbeeld FileZilla. FileZilla is kostenloos te downloaden en geschikt voor Windows en MAC systemen. Klik op onderstaande knop om FileZilla te downloaden. Installeer FileZilla vervolgens en configureer deze.

Download FileZilla

Lees meer over FileZilla FTP Programma

Akbeeba Kickstart.php

Kickstart.php is een hulpmiddel om een Joomla installatie uit te voeren zonder dat je vooraf eerst het Zip installatiebestand van je Joomla 4 installatie hoeft uit te pakken en dan te uploaden. Je hoeft maar 2 bestanden te uploaden i.p.v. alle bestanden van Joomla 4, dan zijn er heel wat, hetgeen veel tijd kost!

Het uitpakken gebeurd dan namelijk op de webserver zelf. Kickstart.php is daarmee snellen en belegeid je daarnaast door de installatie stappen van Joomla heen. Download Kickstart Core (gratis versie) en pak het Zip bestand uit, onthoud waar jij het bestand uitgepakt hebt. Kickstart.php is ook handig voor hetherstellen of migreren van je website.

Download kickstart.php

Joomla 4

Als laatste download je via onderstaande knop de recenste versie van Joomla versie 4. (Engels Full version). Pak het Zip bestand niet uit!

Download Joomla 4

 

Controleer voordat je aan de slag gaat met de installatie van Joomla of je onderstaand geregeld hebt:

  • Dat je de meest recente versie van Joomla 4 gedownload hebt.
  • Je een (sub) domein aangemaakt hebt in de webhosting omgeving
  • Je een database hebt aangemaakt in de webhosting omgeving.
    (inclusief database account account)
  • Je een FTP account aangemaakt hebt in de webhosting omgeving.
    (met toegang tot het (sub)domein)
  • Je het FTP programma FileZilla gedownload hebt
  • Je het FTP programma geinstalleerd hebt en het FTP account ingesteld hebt
  • Akeeba kickstart.php gedownload

Ga naar de volgende stap, de installatie van Joomla 4.

Stappen installatie Joomla 4

Nu gaan we het Kickstart.php en het Joomla_4.x.x-Stable-Full_Package.zip bestand uploaden met behulp van FileZilla om vervolgens de installatie van Joomla 4 te starten.
Klik op de afbeeldingen voor een vergroting.

  1. Start FileZilla op je computer, upload de volgende bestanden naar de root van je website (in mijn situatie is dit de map public_html):
    Kickstart.php (en-GB.kickstart.ini is een optioneel bestand)
    Joomla_4.x.x-Stable-Full_Package.zip

    Resultaat ziet er zo uit in FileZilla:

    kickstart.php en Joomla 4 uploaded

  2. Open je webbrowser en type in de adresbalk de URL van je domeinnaam in, met daarachter kickstart.php. 
    Dus: https://<jedomein.nl>/kickstart.php

  3. Er komt een venster in beeld, lees eventueel de tekst door, klik daarna op de link Click here or press ESC to close this message

    kickstart stap 1

  4. Het venster wordt gesloten. Klik dan bij 1 op Start om het uitpakken van de Joomla 4 installatie te starten.

    kickstart stap 2

  5. De installatiebestanden van Joomla 4 worden uitgepakt. Als de bestanden zijn uitgepakt, komt het volgende scherm in beeld:

    kickstart stap 3

  6. Klik op Run the Installer om de installatie van Joomla 4 op te starten.
  7. Het eerste venster van de 3 stappen installatie van Joomla 4 komt in beeld.
    Selecteer de taal voor de installatie, ik kies voor Engels. Vul bij Voer de naam in van uw Joomla website. Klik dan op Inloggegevens instellen >

    Joomla 4 installatie stap 1

  8. Vul dan de volgende gegevens in (zie print screen hierboven): 
    Voer de echte naam in van uw supergebruiker.Vul de gebruikersnaam voor uw super gebruiker account in. *
    -> Vul hier je gebruikersnaam in
    Stel het wachtwoord in voor uw Super Gebruiker account. *
    -> Vul hier je wachtwoord in voor je super gebruikersaccount
    Voer het e-mailadres in van de website Super gebruiker. *
    -> Vul hier je e-mailadres in.

    Joomla 4 installatie stap 2

  9. Klik dan op Databseverbinding instellen >.
  10. Vul dan de volgende gegevens in, bij de Database connectie
    Selecteer het databasetype. *
    -> Doorgaans kies je hier MySQLi
    Voer de hostnaam in, meestal "localhost" of een door uw host opgegeven naam. *
    -> Zoals aangegeven doorgaans is dat localhost
    Een gebruikersnaam door uzelf aangemaakt, of een gebruikersnaam die door de webhost is doorgegeven. *
    -> de gebruikersnaam voor de database
    Een wachtwoord dat door uzelf is aangemaakt, of een wachtwoord dat door de webhost is verstrekt.
    -> Het wachtwoord voor het database account
    Voer de databasenaam in. *
    -> Vul hier de naam van de database in
    Een tabel voorvoegsel invoeren of de willekeurig gegenereerde gebruiken. *
    -> de standaard instelling is prima, naar wens kun je hier een eigenaam invullen.
    Connectie encryptie *
    -> Doorgaans is de standaard optie goed.

    Joomla 4 installatie stap 3

  11. Klik dan op Joomla installeren, er komt een melding in beeld: Gefeliciteerd! Uw Joomla site staat klaar.

    Joomla 4 installatie stap 4

    Je kunt de Joomla 4 installatie afronden, maar ga nu naar de volgende stap om extra talen te installeren.

Stappen installatie Nederlandse taal

Tijdens deze stap ga je een of meerdere talen installeren (afhankelijk van de hoeveelheid talen die je wilt tonen). In dit voorbeeld de taal Dutch. Zo maak jij er een meertalige Joomla website van.

  1. Klik op de knop Extra talen installeren 

    Joomla 4 installatie stap 4

  2. Plaats een vinkje bij Dutch om de Nederlandse taal te installeren

    Taal Dutch installeren stap 1 (extra talen installeren)

  3. Scrol dan naar beneden en klik dan op Volgende

    Taal Dutch installeren stap 2

  4. Stel dan Dutch als standaard taal in voor bijvoorbeeld de front-end (bezoekersgedeelte), door op het bolletje te klikken (zie scherm punt 5 met Dutch als instelling).

    Taal Dutch installeren stap 3

  5. Klik dan op de knop Standaardtaal instellen >

    Taal Dutch installeren stap 4

  6. Log in op de back-end (beheer gedeelte) van je Joomla 4 website door op de knop Beheer openen te klikken.
  7. Klik in het Akeeba venster op de knop Clean Up, daarmee wordt de Joomla 4 installatiemap en kickstart.php verwijderd van de server.

    verwijderen installatie bestanden Akeeba Clean Up

    Sluit het venster van Akeeba af door rechtsboven op het kruisje te klikken.
    Ga nu naar de volgende stap

Stappen installatie van 2 taal plugins

Nu gaan we 2 noodzakelijke taalplugins installeren.

  1. Ga naar Systeem klik dan onder Beheren op Plugins
    Zoek naar de Taal (Language) in de zoekbalk om de juiste pluginte vinden.
    Schakel de volgende 2 plugins in:
    System - Language Filter
    System - Language Code

  2. Plaats een vinkje bij bovenstaande 2 plugins en klik op Inschakelen (Enable)

    Taal plugins inschakelen in Joomla 4

  3. Plugins ingeschakeld:

    Taal plugins inschakelen in Joomla 4 - status ingeschakeld

  4. Ga nu naar de volgende stap om een meertalige categorien en artikelen te maken.

Stappen aanmaken categorieën en artikelen

Zodra de taal plugins zijn ingeschakeld, kun je beginnen met het toevoegen van nieuwe inhoud (content) voor elke geinstalleerde taal. Als voorbeeld hebben we de Nederlandse en Engelse taal toegevoegd voor de demo website in deze handleiding.

De meest populaire inhoud items in een website zijn:

  1. Joomla Categorieën: om de inhoud van de site beter te structureren
  2. Joomla Artikelen: de belangrijkste inhoud component voor uw website
  3. Joomla module

Om inhoud in verschillende talen te maken, gaan we voor elke taal nieuwe categorieën toevoegen.

  1. Klik in het menu op Inhoud dan op Categorieën
  2. Klik dan op het + teken om een nieuwe categorie aan te maken
  3. Vul bij Titeleen titel voor je categorie in, in dit voorbeeld Content NL
  4. Selecteer de taal voor de categorie in Taal > dropdown en kies (Dutch nl-NL)

    Aanmaken categorie Nederlandstalig

  5. Klik dan op het pijltje naast Opslaan & sluiten en kies de optie + Opslaan & nieuw

    Opslaan en Nieuw optie

  6. Nu maken we de Engelstalige categorie aan
  7. Vul bij Titeleen titel voor je categorie in, in dit voorbeeld Content ENG
  8. Selecteer de taal voor de categorie in Taal > dropdown en kies (English en-GB)
  9. Klik dan op het pijltje naast Opslaan & sluiten
  10. Het resultaat ziet er zo uit:

    Eindresultaat aanmaken 2 categorieën in Joomla 4

Om een artikel in verschillende talen te maken, gaan we (moeten we) voor elke taal ook een nieuw artikel toevoegen.

  1. Klik in het menu op Inhoud dan op Artikelen
  2. Klik dan op het + teken om een nieuw artikel aan te maken
  3. Vul bij Titeleen titel voor je artikel in, in dit voorbeeld Homepagina
  4. Selecteer bij Categorie
  5. Schakel bij  Speciaal de optie in, kies daarvoor de optie Ja
  6. Selecteer de taal voor de categorie in Taal > dropdown en kies (Dutch nl-NL)

    Aanmaken artikel Nederlands

  7. Klik dan op het pijltje naast Opslaan & sluiten en kies de optie + Opslaan & nieuw
  8. Nu maken we de Engelstalig artikel aan. Vul bij Titeleen titel voor je artikel in, in dit voorbeeld Homepage
  9. Selecteer bij Categorie
  10. Schakel bij  Speciaal de optie in, kies daarvoor de optie Ja
  11. Selecteer de taal voor de categorie in Taal > dropdown en kies (English en-GB)
  12. Klik dan op het pijltje naast Opslaan & sluiten
  13. Het resultaat ziet er zo uit:

    Artikelen aangemaakt eindresultaat

  14. Herhaal deze stappen voor nieuwe artikelen, bijvoorbeeld een contact pagina, vergeet niet om voor elke taal een artikel aan te maken.
    Contact voor Nederlands
    Contact Us voor Engels
    Hetzelfde geldt dan voor de bijbehorende menu items en associaties!

Stappen aanmaken Menu's

In een meertalige site, dien je voor elke taal een menu aan te makenvoor een betere controle zodat de bezoekers in hun eigen taal door de website kunnnen navigeren.

  1. Klik hiervoor in het menu op Menu's gevolgd door Beheren
  2. Klik dan op de knop + Nieuw om een nieuw menu aan te maken
  3. Vul bij Titel
  4. Vul bij Unieke naam
  5. Vul bij Beschrijving een toelichting in, in dit voorbeeld Nederlandstalig menu

    Aanmaken menu in Nederlands

  6. Klik dan op het pijltje naast Opslaan & sluiten en kies de optie Opslaan & nieuw
  7. Vul bij Titel
  8. Vul bij Unieke naam
  9. Vul bij Beschrijving een toelichting in, in dit voorbeeld Engelstalig menu
  10. Klik dan op Opslaan & sluiten
  11. Dit is dan het eindresultaat

    Eindresultaat 2 menu in Joomla 4

Aanmaken menu items

Nu gaan we de knop voor de homepage aanmaken in zowel het Nederlandstalige alsook het Engelstalige menu.

  1. Klik hiervoor aan de linkerkant op Menu's
  2. Klik dan op het + teken naast het MainMenu NL
  3. Vul bij Titel
  4. Selecteer bij Menu-itemtype
  5. Selecteer bij Standaard pagina de optie Ja door op het schuifje te klikken
  6. Selecteer bij Taal de optie Dutch (nl-NL)

    Aanmaken menu item stap 1

  7. Klik dan op het tabblad Blogweergave
  8. Klik bij Selecteer categorieën de categorie Content NL

    Aanmaken menu item stap 2

  9. Klik dan op Opslaan & sluiten
  10. Klik op MainMenu ENG en dan op het + teken
  11. Vul bij Titel
  12. Selecteer bij Menu-itemtype
  13. Selecteer bij Standaard pagina de optie Ja door op het schuifje te klikken
  14. Selecteer bij Taal de optie English (en-GB)
  15. Klik dan op het tabblad Blogweergave
  16. Klik bij Selecteer categorieën de categorie Content ENG
  17. Klik op het tabblad Associaties, kies hier op Bewerken en kies dan Selecteren
  18. Kies dan Homepage 

    Aanmaken menu item stap 3

  19. Klik dan op Opslaan & sluiten
  20. Het resultaat ziet er zo uit:

    Eindresultaat 2 menu in Joomla 4

  21. Maak ook de menu items aan voor de Contactpagina's.
  22. Klik hiervoor op Menu's gevolgd door het + teken bij MainMenu NL
  23. Vul bij Titel * de naam Contact in
  24. Selecteer bij Menu-itemtype Individueel artikel
  25. Selecteer dan bij Selecteer artikel *  het artikel Contact 
  26. Selecteer bij Taal de optie Dutch (nl-NL)
  27. Klik dan op Opslaan & sluiten, herhaal de stappen nu voor het Engelstalige menu item.
  28. Klik hiervoor op Menu's gevolgd door het + teken bij MainMenu ENG
  29. Vul bij Titel * de naam Contact Us in
  30. Selecteer bij Menu-itemtype Individueel artikel
  31. Selecteer dan bij Selecteer artikel *  het artikel Contact Us
  32. Selecteer bij Taal de optie English (en-GB)
  33. Klik op het tabblad Associaties en klik via Selecteren voor de optie Contact
  34. Klik dan op Opslaan & sluiten
  35. Ga naar de volgende stap

Stappen koppelen van menu aan een module positie

Nu gaan we de eerder aangemaakte modules koppelen aan een module positie zodat deze ook getoond worden op de website.

  1. Klik aan de linkerkant op Menu's gevolgd door Beheren
  2. Klik dan achter bij MainMenu NL op Voeg een module toe aan dit menu
  3. Vul bij Titel
  4. Selecteer bij Positie de keuze Menu [menu] (voor het standaard Casiopeia template)

    Koppelen Module Positie

  5. Selecteer bij Taal de keuze Dutch (nl-NL)
  6. Klik dan op het tabblad Menutoewijzing
  7. Selecteer bij Moduletoewijzing de optie Alleen op de geslecteerde pagina's
  8. Zorg dat er alleen een vinkje staat bij MainMenu NL, Homepage en Contact

    Module koppelen aan artikelen

  9. Klik dan op Opslaan & sluiten
  10. Klik dan achter bij MainMenu ENG op Voeg een module toe aan dit menu
  11. Vul bij Titel
  12. Selecteer bij Positie de keuze Menu [menu] (voor het standaard Casiopeia template)
  13. Selecteer bij Taal de keuze English (en-ENG)
  14. Klik dan op het tabblad Menutoewijzing
  15. Selecteer bij Moduletoewijzing de optie Alleen op de geslecteerde pagina's
  16. Zorg dat er alleen een vinkje staat bij MainMenu NL, Homepage en Contact Us

    Module koppelen aan artikelen Engels

  17. Klik dan op Opslaan & sluiten
  18. Schakel nu de weergave standaard Main Menu uit door deze te depubliceren
    Klik hiervoor achter Main Menu op Modules en dan MainMenu

    Main Menu depubliceren stap 1

  19. Zet bij Status de optie nu van Gepubliceerd om naar Gedepubliceerd

    Main Menu depubliceren stap 2

  20. Klik dan op Opslaan & sluiten
  21. Ga nu naar de volgende stap

Stappen aanmaken Language Switchmodule

De language switcher module toont een lijst van beschikbare Content Talen als een vlaggetje waarmee bezoekers kunnen schakelen tussen deze talen.
Zoals geinstalleerd, gedefinieerd en gepubliceerd in de Language Manager Content tab.

  1. Klik aan de linkerkant op Inhoud gevolgd door Site Modules
  2. klik bij de module optie Taalselectie op het + teken
  3. Vul bij Titel
  4. Selecteer bij Positie de modulepositie sidebar-right

    De Taalselector in Joomla 4

  5. Klik dan op Opslaan & sluiten
  6. Het eindresultaat ziet er zo uit (Engelse homepagina)

    Het resultaat van de Joomla 4 website met keuze selector

Testen taalkeuze

Ga nu naar de homepage, die ziet er uit zoals in stap 6 van het vorige hoofdstuk.
Klik aan de rechterkant op de Engelse vlag om van taal te wisselen en kijk of dit naar behoren werkt. Als het goed is springt de website om naar de Nederlandse en Engelse versie van de homepagina's en de contacpagina's.

 

Terug naar het overzicht    Terug naar categorie Installatie