Slik legger du til en WordPress-språkveksler

Vurderer du å legge til en WordPress-språkvelger på nettstedet ditt? I så fall, fortsett å lese!

Å legge til en språkvelger på WordPress-nettstedet ditt og oversette innholdet slik at besøkende kan lese det på sitt eget språk kan hjelpe deg med å nå nye markeder, gi større muligheter for SEO og synlighet på nett, og hjelpe deg med å etablere tillit hos nye målgrupper. Er du usikker på hvilken plugin du skal bruke? Sjekk ut vår sammenligning av Topp flerspråklige WordPress-pluginer .

Med Weglot , kan du legge til flere språk på WordPress-nettstedet ditt, eller WooCommerce lagre på under 5 minutter, uten behov for kode.

I denne artikkelen gir vi en detaljert trinnvis veiledning om hvordan du legger til en WordPress-språkveksler på nettstedet ditt, og hvordan du tilpasser den slik at den passer til nettstedets design.

Veiledning: Legg til en WordPress-språkveksler med Weglot

En språkvelger for WordPress er et navigasjonselement som lar besøkende velge sitt foretrukne språk og bytte mellom oversatte versjoner av nettstedet ditt. Du kan legge til en på et hvilket som helst WordPress-nettsted ved å installere en oversettelsesplugin, velge språk og plassere veksleren i menyen, widgetområdet eller siden din via en kortkode.

Med Weglot , en AI-drevet oversettelsesplugin for WordPress , du kan legge til flere språk på nettstedet ditt på 5 minutter og tilpasse designet uten kode. Det samme oppsettet fungerer på WooCommerce butikker – bryteren vises og oppfører seg identisk enten du kjører et standard WordPress-nettsted eller et WooCommerce lager.

Du kan velge å legge til en WordPress-språkvelger på nettstedet ditt på en rekke steder, inkludert i menyen, i en widget eller i kildekoden til HTML-siden din. 

I denne veiledningen legger vi til en språkvelger i navigasjonen på nettstedet ditt. Som standard, Weglot legger språkvelgeren nederst til venstre på nettstedet ditt. Deretter viser vi deg hvordan du flytter den enten via innstillingene dine eller ved hjelp av Weglot språkvelgeren visual editor . 

Trinn 1: Installer og aktiver Weglot Plugin

Installer og aktiver Weglot -pluginen på WordPress-nettstedet ditt. Opprett deretter en Weglot konto, hvor du administrerer og redigerer oversettelsene dine og får din unike API-nøkkel for integrasjonen

Trinn 2: Koble til Weglot og velg språkene dine

Klikk inn på Weglot fanen i WordPress-dashbordet ditt og legg til API-nøkkelen din, velg nettstedets originalspråk og språket/språkene du vil legge til, og klikk på lagre. 

Trinn 3: Sjekk nettstedet ditt og språkvelgeren

WordPress-nettstedet ditt er nå flerspråklig! Weglot har automatisk oppdaget innholdet på nettstedet ditt, brukt AI til å oversette det og vist det under språklige underkataloger.

Ta en titt på forsiden av nettstedet ditt, så ser du en ny WordPress-språkvelger nederst til høyre.

Når du klikker på den, utvides den for å vise tilgjengelige språk, og du kan velge og vise den foretrukne oversettelsen.

Dette er standarddesignet som følger med Weglot , og du kan nå tilpasse utseendet og plasseringen til WordPress-språkveksleren din på noen forskjellige måter.

Tilpass WordPress-språkveksleren din

For å begynne å gjøre grunnleggende tilpasninger, gå til Weglot > Språkknappdesign (valgfritt) i WordPress-backend. På denne skjermen kan du velge:

• Om du vil bruke en rullegardinmeny
• Om du vil bruke flagg i bryteren, og hvilken type
• Hvis du viser navnene på språkene dine
• For å vise bare språkkoden

Det finnes også en seksjon for å overstyre CSS og erstatte det med dine egne tilpassede selektorer – vi kommer tilbake til dette om et øyeblikk. La oss nå tilpasse språkvelgeren til å vise språknavn uten flagg, men beholde rullegardinmenyen.

For å gjøre dette, fjern merket for "Med flagg" og kryss av for "Er fullt navn", og ta deretter en titt på nettstedet ditt:

‍

Du kan også ønske å utføre noen avanserte tilpasninger. La oss for eksempel vise språkvelgeren i navigasjonsmenyen eller sidefeltet.

Plasseringsalternativer for språkbytter

Det finnes noen måter å gjøre dette på, enten i en meny, som en widget, ved hjelp av en kortkode, med HTML, eller som en flytende knapp som forblir i hjørnet av skjermen mens brukeren ruller. Du kan også plassere bryteren direkte i innleggs- eller sideinnhold ved hjelp av kortkoden [ weglot _switcher] – lim den inn i sideredigereren din der du vil at den skal vises. Weglot s switcher fungerer med alle WordPress-temaer, inkludert FSE- og blokktemaer.

Gå tilbake til Weglot skjermen i WordPress-dashbordet og bla nedover siden til du ser alternativer for å vise språkvelgeren:

Bare følg instruksjonene avhengig av hvor du vil at språkvelgeren skal være. I dette tilfellet går vi til «Utseende -> meny» og drar og slipper språkvelgeren for å endre rekkefølgen på elementene i menyen. 

Når du er klar og har lagret endringene, kan du ta en titt på frontenden igjen:

Selv om språkvelgeren er i overskriften, vises den ikke på riktig måte. Du kan også bruke innebygde språkkoder i stedet for en rullegardinmeny.

Avansert språkbyttestil

Det er her du bruker CSS. Først slår du av rullegardinmenyen i Weglot meny i WordPress. Merk deretter av i boksen for å vise språkkoder.

Her kan du bruke tekstområdet Overstyr CSS til å angi velgere for skrifter, farger og tekstvekt slik at det passer til nettstedets design:

Til slutt kan du ta en titt på designet ditt på forsiden:

Med riktig plassering og noen få linjer med CSS kan du raskt og enkelt style Weglot s språkvelger som matcher nettstedet ditt uten behov for kompleks malredigering, HTML- eller PHP-kodingsferdigheter. 

Merk at tilpassede CSS-endringer er helt valgfrie. Du kan flytte og endre designet gjennom alternativene som er tilgjengelige i Weglot fanedelen i WordPress-administratoren din. 

Du kan også bruke Weglot språkvelgeren visual editor hvis du foretrekker å gjøre ting mer visuelt: 

Språkveksleren visual editor lar deg kontrollere de samme innstillingene som i WordPress-dashbordet ditt. Du kan ganske enkelt dra bryteren til posisjonen du vil at den skal vises, og deretter klikke på «Lagre» for å legge til endringene på WordPress-nettstedet ditt. 

Beste praksis for visning av WordPress-språkskiftere

Språkbyttere faller ofte i to leire med relevante egenskaper:

• Ikke-eksisterende. Med andre ord, nettstedet tilbyr ikke oversettelser i det hele tatt.
• Den er vanskelig å finne. Språkvelgeren kan være skjult i navigasjonen eller et annet sted, noe som tvinger brukeren til å leke gjemsel og gir en forferdelig brukeropplevelse.
• Lett å finne. I motsetning til dette kan du finne WordPress-språkvelgeren på et tydelig og relevant sted, for eksempel i toppteksten eller bunnteksten.
• Veldig lett å finne. Du har flaks hvis WordPress-språkvelgeren er plassert på et fremtredende sted på skjermen, for eksempel i overskriften. Dette lar deg raskt velge riktig språk.

Derfor er det avgjørende at du gjør det enkelt for nettstedets besøkende å velge et foretrukket språk og gir en brukervennlig opplevelse for dine internasjonale nettstedsbesøkende. Ideelt sett burde du kunne gjøre dette uten behov for tilleggsprogrammer. Med det i tankene bør du vurdere følgende:

1. Velg språkalternativene dine nøye. Bare fordi du kan aktivere alle språk, betyr det ikke at du bør gjøre det; du bør bare se etter å aktivere språkene du trenger. 
2. Gjør språkvelgeren din lett å finne. Det er lurt å plassere språkvelgeren i toppteksten eller bunnteksten på siden din, begge deler er gode plasseringer. For mobile enheter finner du ofte språkvelgere i hovednavigasjonen som et menyelement.
3. Stil WordPress-språkvelgeren din slik at den matcher designet ditt. Selv om det kan være fristende å holde seg til den generiske språkvelgeren som følger med, er det en god idé å tilpasse den slik at den matcher utseendet og følelsen til nettstedet ditt.
4. Velg flagg eller navn for språkene du har valgt. Flagg er fristende for designere å bruke av mange grunner (de er fargerike, ikoniske og plassbesparende), men flagg er ikke utformet for å avbilde språk. Dette skaper en rekke problemer.

3 eksempler på vellykkede språkbyttere

Du vil ofte se språkvekslere når du surfer på nettet. Men hvis du ikke snakker et annet språk (eller ikke ser etter et alternativ), er du kanskje ikke klar over hvor forskjellige de kan være når det gjelder design og plassering på siden.

1. Microsoft Translator

Microsoft Translator- nettstedet lar besøkende velge mellom nesten 40 språk ved hjelp av en rullegardinmeny (eller i dette tilfellet en «nedtrekksmeny») som ligger i nærheten av sidebunnteksten. De har også valgt å vise hvert språknavn i sin helhet med morsmålet. Dette lar besøkende gjenkjenne språket sitt med et raskt blikk, og sikrer at språkbyttealternativene er tydelige.

2. Etsy

Som en internasjonal markedsplass hvor håndverkere kan selge sine håndlagde varer, er det ikke overraskende at Etsy tilbyr en veldesignet språkvelger. Du finner den i bunnteksten på hver side på nettstedet deres.

Du kan velge region, språk og valuta. Hvis du klikker på dette, dukker det opp en modalboks der du kan endre hvert av disse alternativene – en ren tilnærming som unngår å tvinge brukere til å navigere til et regionalt nettsted.

3. Evernote

Den populære notatappen Evernote holder språkvelgeren enkel, ved hjelp av en rullegardinmeny i bunnteksten for å endre språk.

Den er lett å finne og har tydelig merking – noe som beviser at en minimalistisk bryter fortsatt kan gi en klar og friksjonsfri opplevelse.

Få en godt designet WordPress-språkveksler

Det er enkelt å legge til en WordPress-språkvelger på nettstedet ditt med de riktige verktøyene. Weglot , får du en språkveksler lagt til automatisk, full AI-oversettelse fra dag én og full redigeringskontroll – ingen utvikler nødvendig. Oversettelsesverktøyet kjører i bakgrunnen og holder oversettelsene dine oppdaterte, merkevareorienterte og praktiske. Du kan også aktiver automatisk omdirigering fra din Weglot Dashbord – den oppdager en besøkendes nettleserspråk og viser dem automatisk riktig språkversjon av nettstedet ditt.

Weglot er også bygget med flerspråklig SEO i tankene. Den oppretter automatisk språklige underkataloger for hver oversatte versjon av nettstedet ditt. Den legger til hreflang-tagger og oversetter metadataene dine. Søkemotorer kan finne og indeksere alle språkversjoner fra dag én.

Velg en WordPress-oversettelsesplugin som også er bygget med flerspråklig SEO i tankene. Takket være automatisk opprettede språkunderkataloger, oversatte metadata og implementering av hreflang-tagger. Weglot håndterer det tekniske, SEO- og oversettelsesarbeidet for ditt flerspråklige nettsted.

Klar til å legge til en WordPress-språkvelger på nettstedet ditt? Kom i gang med Weglot sitt gratisabonnement, ingen kredittkort kreves .