Eenvoudig inloggen en content bewerken in Joomla!
Joomla! bestaat uit twee delen: de voorkant (frontend) en de beheeromgeving (backend). De voorkant is wat bezoekers zien als ze je website openen, bijvoorbeeld via www.uwdomeinnaam.nl. Met een inlogmogelijkheid kunnen bepaalde gebruikers direct content aanpassen, zonder ingewikkelde stappen. Dit is ideaal voor wie weinig technische kennis heeft.
Gebruikersrechten aan de voorkant
In Joomla! zijn er verschillende gebruikersgroepen voor de voorkant. Gebruikers met backend-rechten hebben automatisch toegang tot alle frontend-opties.
- Geregistreerd: Kan inloggen en afgeschermde pagina’s bekijken.
- Auteur: Kan artikelen schrijven en eigen content bewerken, maar niet publiceren.
- Editor: Kan alle content bewerken, maar niet publiceren.
- Publisher: Kan content inzenden, wijzigen en direct publiceren.
Gebruikersrechten in de beheeromgeving
De beheeromgeving biedt meer controle en is bereikbaar via www.uwdomeinnaam.nl/administrator. Hier kun je content aanpassen, modules beheren en technische updates uitvoeren.
- Manager: Beheert content, menu’s en mediabestanden.
- Administrator: Heeft extra toegang tot componenten en gebruikersbeheer.
- Super User: Heeft volledige controle over de website.
Deze gebruikersgroepen zorgen voor een veilige en flexibele werkwijze binnen Joomla!.
Inloggen aan de frontend aanpassen
Bij een nieuwe installatie heeft Joomla! een inlogmodule aan de rechterkant van de pagina. Past dit niet goed bij je websiteontwerp? Dan kun je een link toevoegen in het menu, of in de footer als link of inlog knop, dit kan eigenlijk op elke gewenste plaats die beter past.
Een inlogknop maken met een modal
Wil je een strakke en gebruiksvriendelijke inlogervaring? Gebruik dan de Login Modal-extensie. Installeer en activeer de plugin, en voeg een menuknop toe via Menu's > Main Menu. Kies ‘Systeemlinks’ en vul bij URL ‘login’ in. Hierdoor wordt de modal automatisch geactiveerd.
Omdat het inlogformulier nu nog een vaste plaats heeft op je website en zichtbaar is aan de rechterkant wat nu niet meer gewenst is, moet je de module postie van het inlogformulier veranderen in modal.
Uitlogknop toevoegen
Eenmaal ingelogd wil je natuurlijk ook weer kunnen uitloggen. Maak hiervoor een extra menuknop aan met de naam ‘Uitloggen’ en stel de toegang in op ‘Registered’. Zo is de knop alleen zichtbaar voor ingelogde gebruikers.
Je kunt een notitie toevoegen bij de knop, zodat je later makkelijk weet waarom deze op Toegang geregistreerd staat.
Inloglink in de footer plaatsen
Wil je geen inlogknop in het menu, maar bijvoorbeeld in de footer? Dat kan! Maak een link of knop aan en zet de URL op ‘login’. De modal verschijnt automatisch bij een klik op de link.
Maak gebruik van de Clean Edit extentie
Na het inloggen kom je op de pagina uit die je wil bewerken. Maar er staat ook een grote headerfoto boven die aanwezig is op bijvoorbeeld de homepage. Er is van dezelfde maker als de modal extentie ook een handige extentie te dowloaden die ervoor zorgt dat na het inloggen de headerfoto niet zichtbaar is, deze zorgen altijd voor een beetje afleiding.
Hiervoor kun je de extentie Clean Edit downloaden bij de Joomla extenties, deze zorgt voor een schone bewerkings mogelijkheid zonder de afleiding van bijvoorbeeld een grote headerfoto die zichtbaar is en het scherm naar beneden drukt.
Na installatie moet je de plugin nog wel even activeren bij plugin en dan zoeken op Clean edit, zet de plugin op ingeschakeld en probeer nu nog maar eens een keer in te loggen.
Dit is het scherm wat je krijgt na de installatie van de Clean edit plugin, je kunt de tekst nu bewerken over de volle breedte van het scherm. Ik heb de bestaande tekst van de betreffende website onleesbaar gemaakt omdat deze nog in aanbouw is.
Dit is een beetje te veel van het goede om de volle breedte van het scherm te gebruiken, hiervoor kun je een klein beetje css gebruiken om de breedte aan te passen. Ga hiervoor naar Systeem > Website Template stijlen.
Klik bij Template op de template die je gebruikt, dat is aan de rechterkant. Zoek naar css bij /media/template/site/ template van je keuze en klik op css.
Nu moet je een nieuw css bestand aan gaan maken. Bekijk het filmpje voor een goede uitleg van de maker van de extentie.
Het stukje css wat wordt gebruikt is:
/****** Schermbreedte Clean edit *******/
.edit.item-page{
max-width: 960px;
margin: auto;
}
Zoals je ziet staat de maximale breedte op 960px, vind je dat te breed of juist te smal dan kun je dit aanpassen naar je eigen smaak.
Heb je vragen of loop je vast? Neem gerust contact op, ik help je graag verder!
Meest gelezen artikelen