Flersprogede hjemmesider

Tak for dit bidrag: 

Lived multilingualism - 2010-03-30Jeg bor i Europa. Den europæiske union har 23 officielle sprog. Hvis du skal lave hjemmesider i regioner som disse, skal du tænke flersprogligt. To ting er specielt udfordrende, når det kommer til at skabe flersprogede hjemmesider: Overførslen af de statiske Joomla! tekststrenge såvel som oversættelsen af indholdselementer. Hvor den første udfordring forholdsvis nemt kan overkommes, kan den anden være sværere at overkomme.

Joomla! 1.7 kernen er tilgængelig i mere end 40 sprog, og flere sprog er på vej.

Lad os bygge en flersproglig hjemmeside med Joomla! 1.7 i dette kapitel.

Joomla! sprogpakker 

Du kan downloade oversættelsespakken fra Joomla Code (TO DO 1.7 LINK) eller fra Joomla! extension directory og installere dem via extension manageren. Jeg har gjort dette med den tyske og den franske sprogpakke. Efter installationen kan du finde tre installerede sprogpakker (Figur 1) ved at besøge Extensions - Language Manager i backenden.  

cocoate.com/node/6415Installed languages

Figur 1: Installerede sprog

Sprogkonfiguration

Det er stadig nødvendigt at se nærmere på sprogkonfigurationen for at se, om sprogene er blevet publiceret (Extension Language Manager Installed), og om dets indholdsattributter er korrekte (Figur 2). Se evt. på (Extension Language Manager Content). Hvis der ikke er et indholdselement til det installerede sprog, kan du oprette et ved at klikke på new ikonet. Dette skete for mig, efter jeg havde installeret den franske sprogpakke.

cocoate.com/node/6415Language attributes

Figur 2: Rediger indholdssproget

Sprogfilter plugin'et

For at Joomla! kan skelne mellem de forskellige sprog, skal System Language Filter plugin'et (Extensions Plug-Ins) aktiveres. Du kan konfigurere sproget ved at bruge Options settings, så besøgende på din hjemmeside kan se sproget, uanset om det gælder sprogversionen af din hjemmeside eller kundens browser settings. En anden konfigurationssetting er Automatic Language Change. Hvis den er aktiveret, vil indholdssproget automatisk ændres til frontend sprogsettings.  

Alle brugere kan konfigurere deres frontend sprog, når de er logget ind i frontenden. For det meste af tiden er der en brugermenu, som afhængigt af dine rettigheder giver dig forskellige menuelementer. I denne brugermenu kan du også finde Your profile linket. Ved at klikke på linket kan du se og redigere dine profildata. I profilens redigeringsformular kan brugere under Basic Settings vælge mellem andre konfigurationer og indstille deres frontend sprog (Figur 1). Du kan bruge hjemmesidens standardsprog eller et af de andre tilgængelige indholdsprog. Afhængigt af disse settings, vil sprog-plugin'et lade dig se hjemmesiden på det tilsvarende sprog.

cocoate.com/node/6415Front-end language

Figur 3: Brugerprofil - Basic Settings

Language Switcher modulet

Ved at aktivere Language Switcher modulet kan du skifte mellem forskellige sprog i frontenden, uanset om du er besøgende eller logget ind som bruger. I Basic Settings kan du tilføje tekst og vælge, om du vil have sproget vist med sprognavn eller ikoner med flag. Jeg er sikker på, at enkelte tredjeparts-templates vil levere særlige template-positioner til dette modul i den nærmeste fremtid. I standard templaten Beez2 fungerer position-7 godt sammen med flagene.

cocoate.com/node/6415Language switcher

Figur 4: Language Switcher

Flersprogede indholdselementer

Som jeg tidligere har nævnt, kan alle indholdselementer, som f.eks. en artikel, tilknyttes et sprog. Det svære ligger i at lave alle disse indholdselementer på alle målgruppers sprog (Figur 5). Du kan lave indholdselementer i alle sprog, men uheldigvis har Joomla! endnu ikke et oversættelses-workflow, så du skal være opmærksom på at undgå fejl.

cocoate.com/node/6415Language field

Figur 5: Sprogfelt 

En flersproget hjemmeside

Mit hjemmesideeksempel består af

  • en forside med artikler,
  • en blog,
  • en 'Om os' side,
  • en kontaktformular.

Alle indholdselementer skal være tilgængelige på forskellige sprog (Figur 6).

cocoate.com/node/6415Multi-language website

Figur 6: Hjemmesideeksempel

Forside

For at gøre det lettere for dig at begynde, har jeg lavet et screencast.

Jeg har oprettet et par atikler for hvert sprog, hvor attributten figurerer (se kapitlet En typisk atikel).

Jeg opretter en menu, som hedder standard med et menuelement, der også hedder standard, og som linker til Featured Articles. Jeg konfigurerer dette menuelement som Home ved at klikke på Home ikonet. Menuen standard har ikke brug for et tilsvarende modul, det skal bare eksistere (denne adfærd findes i den aktuelle version af Joomla! 1.7 og vil forhåbentlig blive ændret i kommende opdateringer).
Bagefter opretter jeg en menu pr. sprog samt det tilsvarende menu-modul. Jeg opretter et menuelement til hvert sprog: Home, Startseite, Accueil.  Disse menu-links skal konfigureres som Home ved at klikke på Home ikonet. Hvis du ser flaget ved siden af menuelementet, virker det hele fint, men hvis det ikke gør ... så se screencastet :)

Menüs zur MehrsprachigkeitMenüs zur Mehrsprachigkeit

Figure7: En forside til hvert sprog

En blog

I mit tilfælde har jeg allerede en blog på cocoate.com, så jeg bruger newsfeeds komponenten til at vise eksterne blogindlæg. Jeg laver et feed-element til hvert sprog og det tilsvarende menuelement (se kapitlet Newsfeeds).

En 'Om os' side

Jeg laver en 'Om os' side for hvert sprog som beskrevet i kapitlet Sådan laver du en 'Om os' side.

En kontaktformular

Jeg bruger en enkelt kontaktformular til generelle spørgsmål. Jeg har kun et kontaktelement, så det er ikke nødvendigt at tilknytte et sprog. Kun hvis kontaktdata varierer på de forskellige sprog, f.eks. i form af forskellige adresser og e-mails, vil det være nødvendigt at oprette et kontaktelement for hvert sprog.  

Login formular

På enhver side vil en loginformular være synlig. Jeg har kopieret det engelske login-modul to gange, konfigureret menu-opgaven, ændret titlen og tilknyttet det korrekte sprog. Nu er det muligt at logge ind og registrere sig på min side.

Bruger-menu

Jeg brugte den eksisterende bruger-menu, som udover at lave en artikel til weblinks også giver dig et link til din profil (Figur 8).

cocoate.com/node/6415Article frontend editing

Figur 8: Frontend redigering

Som du kan se, er det ret let at lave en flersproget hjemmeside med Joomla! 1.7 kernen!

[UPDATE 2011-11-14]

New version Joomla! 1.7.3

http://community.joomla.org/blogs/commun...