Tilpasning af et Joomla-login til bedre UX (omdirigeringer og mere)

Sådan oprettes en brugerdefineret loginoplevelse til Joomla-brugere

Brugeroplevelse er blevet et stort fokus i mange applikationer og websteder. Joomla giver dig mulighed for at oprette en bedre brugeroplevelse ved at tilpasse loginskærmen til at give en specifik oplevelse for forskellige typer brugere. 

I denne artikel vil vi diskutere forskellige måder at udføre en Joomla-loginomdirigering for at tage bestemte typer brugere til bestemte sider.

Joomla Login omdirigering

Joomla login-modulet er tilgængeligt på startsiden for et Joomla-websted, uanset om eksemplerdataene er installeret eller ej. Når du logger ind ved hjælp af loginfeltet, leder login-modulet dig som standard til dit websteds startside.

Du kan dog ændre dette ved at redigere modulets parametre.

Gå til Udvidelser> Moduler og søg efter Login. 

Se på konfigurationsindstillingerne som nedenfor. Du kan se, at en af ​​mulighederne er en side til omdirigering af login.

Vi forklarer, hvordan du bruger dette til at tilpasse brugeroplevelsen.

joomla login konfiguration

Ved hjælp af indstillingen Login omdirigering side ovenfor kan du indstille, hvilken side loginfeltet skal sende en bruger, efter at de logger ind på webstedet. Fra knappen Vælg kan du vælge enhver side, der er forbundet med menupunktet på dit websted.

Hvis du bevarer "Standard" -indstillingen, bliver brugeren omdirigeret til websides standardside (normalt startsiden).

Hvis loginboksen er placeret langt ned mod bunden af ​​en side, så langt nok at en bruger skal rulle, og hvis feltet kun er placeret på hjemmesiden til webstedet (det er her loginmodulet som standard omdirigerer ved login ), så er der potentiale for forvirring.

Brugeren logger på og ser derefter den samme skærm, som de lige var på.

Følgende ændringer kan foretages for at forbedre brugeroplevelsen:

  • flyt loginfeltet til toppen af ​​siden så meget som muligt
  • udføre en omdirigering til en anden side ved hjælp af parametrene ovenfor, så brugeren ved, at login var vellykket

Du kan også oprette en menu link til en side, der indeholder en login-formular, hvis dette giver mening for dit websteds brugervenlighed.

For at gøre dette skal du gå til Menu - Hovedmenu (eller dit valg af menu) og Tilføj nyt menupunkt. Klik på Vælg ved siden af ​​menupunkt, og vælg Brugere> Loginformular placeret. højre Fanebladet Indstillinger indeholder nedenstående:

Joomla login-menupunkt

Denne login-skærm omdirigerer brugere til deres profil som standard snarere end til en bestemt side på webstedet.

Vælg for at konfigurere omdirigering til en bestemt side på webstedet Intern URL og indtast sidens URL i boksen Login-omdirigering. Alternativt kan du vælge et menupunkt, som en bruger skal omdirigeres til, efter at de er logget ind.

Når du logger ind med ovenstående loginskærm, er det, hvad brugeren ser med standardindstillingerne:

brugerprofil

3 måder at forbedre Joomla Login / Logout brugeroplevelsen på

1. Brug konsekvent omdirigeringer

Bruger du både loginmodulet og et login-link på dit websted?

Sørg for, at begge logins omdirigerer til den samme side, hvilket giver den samme brugeroplevelse, uanset hvor folk logger ind. Alternativt kan du tilbyde login-modulet eller et login-link for at logge ind på siden, og sørg for at det omdirigerer til en side, der giver mening . Sørg også for, at login-modulet og login-linket omdirigerer til den samme side ved logout.

Selvom du kun bruger en loginmulighed på dit websted, skal du sørge for at bruge omdirigeringer for at forbedre brugeroplevelsen og gøre det klart, at nogen har logget ind eller ud af hjemmesiden.

Hvis dit websted er et medlemswebsted, kan du omdirigere til de tilgængelige kurser. Hvis dit websted er en butik, og du har brug for en bruger til at registrere, skal du omdirigere dem til deres indkøbskurv eller kasse.

2. Tilpas login-landingssiden til den gruppe, der er logget ind

Hvad hvis du vil have, at bestemte grupper af brugere skal se forskellige meddelelser, når de logger ind? Og hvad nu hvis administratorer skulle se specifikke beskeder til administratorer såvel som deres egne loginbeskeder?

Joomla tillader kun en side til en omdirigering fra loginmodulet eller siden. I denne grænseflade er der ingen måde at specifikt angive, at de, der er studerende, skal se en side, mens lærerne skal se en anden.

Alle ser den samme side ved login.

Men du kan forbedre oplevelsen ved at bruge Joomlas ACL.

Sådan opretter vi en login-destinationsside, der kan imødekomme forskellige målgrupper (f.eks. Studerende, lærer, administrator):

  • Opret en kategori til login-siden, og indstil adgangsniveauet til Registreret (dvs. alle tre målgrupper kan se indhold inden for kategorien)
  • Opret nu en artikel inden for kategorien. Inde i artiklen skal du indtaste tre modulpositioner i stedet for at indtaste indhold ved hjælp af [loadposition]. For eksempel: [loadposition student], [loadposition teacher], [loadposition admin] (Husk at ændre firkantede parenteser med krøllede parenteser {}.)
  • Opret moduler til hvert adgangsniveau med positioner som studerende, lærer og admin (eller svarende til din belastningspositionskode). Disse kan være tilpassede HTML-moduler, som kan indeholde indhold, der er tilpasset hvert adgangsniveau.
  • Når en besøgende ankommer på stedet, vil de se modulerne (modulerne) tilpasset brugerens adgangsniveau.

Her er mere detaljerede instruktioner til, hvordan dette arbejde fungerer.

Sørg for, at brugerne er en del af den registrerede brugergruppe.

Brugere til dit websted tildeles en eller flere brugergrupper.

Sørg for, at en af ​​dem er den registrerede brugergruppe, så alle brugere, der er logget ind, kan se noget indhold til fælles. Offentlige brugere, som er brugere, der ikke er logget ind på siden, kan ikke se indholdet for registrerede brugere. 

Opret en kategori, en artikel og et menupunkt til login-landingssiden.

Opret en kategori til din login-landingsside, måske med et navn som Login Landing Page. Indstil adgangsniveauet for kategorien til Registreret. (Studenter- og lærerbrugergrupper skal være en del af det Registrerede adgangsniveau.)

Opret en artikel inden for kategorien. Artiklen skal indeholde en modulposition for hvert adgangsniveau.

Opret et link til menuen i Menu Manager, vælg Single Article som din type og link til din login-landingssideartikel. Indstil også menupunktets adgangsniveau til Registreret.

Hvis du ikke vil have et link til login-siden, der vises i din navigation, kan du altid bruge den skjulte menorteknik til at skjule linket.

Opret moduler med forskellige adgangsniveauer

Opret individuelle tilpassede HTML-moduler i Module Manager. For hvert modul skal du tildele det et passende adgangsniveau og modulposition. Lav f.eks. Et modul til elevens adgangsniveau med en elevposition, et til læreradgangsniveau med en position som lærer og et til det registrerede adgangsniveau med en position som registreret.

Når nogen derefter logger ind på siden, vil de se artiklen, fordi de er en del af det Registrerede adgangsniveau. De moduler, de ser, bestemmes af modulets adgangsniveau. I dette tilfælde kan eleverne kun se elevens modul, lærere se lærerne og elevens moduler, og administratorer kan se alle tre moduler.

3. Opret en let at finde logout-knap

Når du logger ind på dit Joomla-websted, konverteres loginmodulet til en logout-knap. Det er fantastisk, hvis modulet vises på hver side af webstedet, men ofte vises modulet muligvis kun på en side (eller en håndfuld sider).

Dette betyder, at en bruger bliver nødt til at gå tilbage til denne side for at logge ud af webstedet. Ligeledes, hvis der er et login-link på webstedet, skal brugeren vende tilbage til login-siden (som måske siger "login" i navigationen, selv når de vil logge ud).

Ville det ikke være godt at have en "logout" -knap på hver side på siden?

Eller ville det ikke være godt, hvis du kunne have et "logout" -link i navigationen?

Med ACL kan du have begge disse, og du skal placere dem på plads for bedre brugeroplevelse.

Skift login-modulet, så det fungerer for at logge af

Hvis du gerne vil have en "logout" -knap vist på hver side på dit websted, når en bruger er logget ind, men du ikke gerne vil have vist et loginfelt på hver side af webstedet, her kan du få dette til at ske .

Opret et andet login-modul. Tildel adgangsniveauet til Registreret, og få det vist på hver side af webstedet.

Dette andet login-modul vises kun, når nogen allerede er logget ind på siden. Og når de allerede er logget ind, vises modulet som en logout-knap.

Hvis de klikker på logout-knappen, vises modulet ikke længere - fordi du er logget ud, og du ikke længere er en del af det Registrerede adgangsniveau!

Hvis du gerne vil have et "logout" -link, der skal vises i din navigation, men kun har det, når nogen er logget ind på webstedet, er det sådan, du kan få det til at ske.

Opret et menupunkt af typen af ​​login. Menupunktets titel kan være Logout. Indstil adgangsniveauet for dette link til Registreret.

Nu vises dette menupunkt kun, når nogen er logget ind på siden. Når de klikker på logout-linket, får de en side med en logout-knap, som de kan klikke på. Dette er et ekstra klik i forhold til modulteknikken beskrevet ovenfor, men det kan være mere intuitivt for nogle brugere, eller det fungerer muligvis bedre med nogle webstedsdesign. Du bliver bare nødt til at teste og se, hvad der fungerer bedst for dig!

 

Tilpasning af Joomla-login til forskellige brugere

Vis kun et Joomla-login-modul på en side

Et nylig dilemma, vi havde, var hvordan det blev lettere for brugere af et Joomla-websted at logge ind uden at skulle bruge Joomla Login-modulet.

Nogle gange kan Login-modulet gå tabt i dit indhold, så brugerne måske bliver forvirrede, og du vil oprette en login-side, der kun indeholder Login-formularen. 

Heldigvis er dette igen meget let at gøre, når du ved hvordan. Du skal bare oprette et link til følgende adresse:

/index.php?option=com_users&view=login

Dette er Joomla-komponenten, der håndterer login / logout, og linkning direkte til fører dig til en side, der indeholder Login-komponenten. Login-modulet gør denne komponent simpelthen tilgængelig via et Joomla-modul, så du kan sætte et login-felt.

Indpakning op

Som vi kan se, er Joomla login et meget alsidigt stykke funktionalitet. Brug af Joomla-login sammen med ACL og ovenstående tweaks kan du skabe en rig og bedre brugeroplevelse for dine brugere.

 

Om forfatteren
David Attard
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

 

Hvem er vi?

CollectiveRay drives af David Attard - arbejder i og omkring webdesign -nichen i mere end 12 år, og vi giver tips til mennesker, der arbejder med og på websteder. Vi driver også DronesBuy.net - et websted for drone -amatører.

David attard

 

 

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...