Hur man lägger till en språkväxlare i WordPress

Funderar du på att lägga till en WordPress-språkväxlare på din webbplats? I så fall, fortsätt läsa!

Genom att lägga till en språkväljare på din WordPress-sida och översätta innehållet så att besökarna kan läsa det på sitt eget språk kan du nå nya marknader, skapa bättre förutsättningar för SEO och synlighet på nätet samt bygga upp förtroende hos nya målgrupper. Är du osäker på vilket plugin du ska använda? Ta en titt på vår jämförelse avde bästa flerspråkiga WordPress-pluginsen på .

Med Weglot kan du lägga till flera språk på din WordPress-webbplats eller WooCommerce på mindre än 5 minuter, utan att behöva skriva en enda rad kod.

I den här artikeln ger vi dig en detaljerad steg-för-steg-guide om hur du lägger till en språkomkopplare för WordPress på din webbplats och hur du anpassar den så att den passar din webbplats design.

Handledning: Lägg till en språkväxlare för WordPress med Weglot

En språkväljare i WordPress är ett navigeringselement som gör det möjligt för besökare att välja sitt önskade språk och växla mellan översatta versioner av din webbplats. Du kan lägga till en sådan på vilken WordPress-webbplats som helst genom att installera ett översättningsplugin, välja språk och placera språkväljaren i menyn, i widgetområdet eller på en sida med hjälp av en kortkod.

Med Weglot, ett AI-drivetplugin för automatisk översättning ( ) för WordPress, kan du lägga till flera språk på din webbplats på bara fem minuter och anpassa utseendet utan att behöva skriva en enda rad kod. Samma inställningar fungerar även för WooCommerce – språkväljaren ser ut och fungerar på exakt samma sätt oavsett om du driver en vanlig WordPress-webbplats eller en WooCommerce .

Du kan välja att lägga till en WordPress-språkomkopplare på din webbplats på olika platser, till exempel i menyn, i en widget eller i källkoden för din HTML-sida. 

I den här handledningen lägger vi till en språkomkopplare i din webbplats navigering. Som standard Weglot språkomkopplaren längst ned till vänster på din webbplats. Vi visar dig sedan hur du flyttar den antingen via dina inställningar eller med hjälp av Weglot visual editor för språkomkopplare. 

Steg 1: Installera och aktivera Weglot inet

Installera och aktivera Weglot på din WordPress-webbplats. Skapa sedan ett Weglot , där du kan hantera och redigera dina översättningar och få din unika API-nyckel för integrationen

Steg 2: Koppla ihop Weglot välj dina språk

Klicka på fliken Weglot i din WordPress-panel och lägg till din API-nyckel, välj webbplatsens originalspråk och det eller de språk du vill lägga till och klicka på spara. 

Steg 3: Kontrollera din webbplats och språkväljaren

Din WordPress-webbplats är nu flerspråkig! Weglot automatiskt identifierat innehållet på din webbplats, översatt det med hjälp av AI och lagt upp det i språkunderkataloger.

Ta en titt på din webbplats och du kommer att se en ny språkväljare för WordPress i det nedre högra hörnet.

När du klickar på den expanderar den för att visa dina tillgängliga språk och låter dig välja och visa den översättning du föredrar.

Detta är standarddesignen som medföljer Weglot, och du kan nu anpassa utseendet och placeringen av din WordPress-språkväxlare på flera olika sätt.

Anpassa din WordPress-språkomkopplare

För att börja göra grundläggande anpassningar, gå till Weglot > Design av språkknapp (valfritt) i WordPress backend. På den här skärmen kan du välja:

• Om en rullgardinsmeny ska användas
• Om du ska använda flaggor i din omkopplare och vilken typ av
• Om du visar namnen på dina språk
• För att endast visa språkkoden

Det finns också ett avsnitt för att åsidosätta CSS och ersätta det med dina egna anpassade selektorer – vi kommer till det om en sekund. För tillfället ska vi anpassa språkomkopplaren så att den visar språknamn utan flaggor men behåller rullgardinsmenyn.

För att göra detta, avmarkera "Med flaggor" och markera "Är fullständigt namn" och ta sedan en titt på din webbplats:

‍

Du kanske också vill göra några avancerade anpassningar. Låt oss till exempel visa språkomkopplaren i navigeringsmenyn eller i sidofältet.

Placeringsalternativ för språkomkopplare

Det finns flera sätt att göra detta på: i en meny, som en widget, med hjälp av en kortkod, med HTML eller som en flytande knapp som förblir i hörnet av skärmen när användaren bläddrar. Du kan också placera växlaren direkt i inläggs- eller sidinnehållet med hjälp av kortkoden [weglot] – klistra in den i din sidredigerare där du vill att den ska visas. Weglot växlare fungerar med alla WordPress-teman, inklusive FSE- och blockteman.

Gå tillbaka till Weglot i WordPress-instrumentpanelen och bläddra nedåt på sidan tills du ser alternativen för att visa språkomkopplaren:

Följ bara anvisningarna beroende på var du vill placera språkväxlaren. I det här fallet går vi till ”Utseende -> meny” och drar och släpper växlaren för att ändra ordningen på objekten i menyn. 

När du är klar och har sparat dina ändringar kan du titta på din frontend igen:

Språkomkopplaren finns visserligen i rubriken, men den visas inte på rätt sätt. Du kan också använda inbyggda språkkoder istället för en rullgardinsmeny.

Avancerad språkväxlare Styling

Det är här du använder CSS. Först stänger du av rullgardinsmenyn i Weglot i WordPress. Markera sedan rutan för att visa språkkoder.

Härifrån kan du använda textområdet Override CSS för att ställa in väljare för teckensnitt, färger och textvikt så att det passar din webbplatsdesign:

Slutligen kan du ta en titt på din design på framsidan:

Med rätt placering och några rader CSS kan du snabbt och enkelt anpassa Weglotspråkomkopplare så att den passar din webbplats utan att behöva komplexa mallredigeringar, HTML- eller PHP-kodningskunskaper. 

Observera att anpassade CSS-ändringar är helt valfria. Du kan flytta och ändra designen genom de alternativ som finns tillgängliga i fliken Weglot i din WordPress-admin. 

Du kan också använda Weglot visual editor för språkomkoppling visual editor du föredrar att göra saker mer visuellt: 

visual editor för språkomkopplaren visual editor du styra samma inställningar som i din WordPress-instrumentpanel. Du kan helt enkelt dra omkopplaren till den position där du vill att den ska visas och sedan klicka på "Spara" för att göra ändringarna live på din WordPress-webbplats. 

Bästa praxis för visning av språkväxlare i WordPress

Språkbytare delas ofta in i två läger med relevanta attribut:

• Icke-existerande. Med andra ord, webbplatsen erbjuder inte översättningar alls.
• Det är svårt att hitta. Språkomkopplaren kan vara gömd i navigeringen eller någon annanstans, vilket tvingar användaren att leka kurragömma och ger en dålig användarupplevelse.
• Lätt att hitta. Däremot kan du hitta WordPress språkomkopplare på en tydlig och relevant plats, till exempel i sidhuvudet eller sidfoten.
• Mycket lätt att hitta. Du har tur om WordPress språkomkopplare finns på en framträdande plats på skärmen, till exempel i sidhuvudet. Då kan du snabbt välja rätt språk.

Därför är det viktigt att du gör det enkelt för besökarna på din webbplats att välja språk och att du erbjuder en användarvänlig upplevelse för dina internationella besökare. I en idealisk värld borde du kunna göra detta utan att behöva tillägg. Med det i åtanke kan du fundera på följande:

1. Välj dina språkalternativ med omsorg. Bara för att du kan aktivera alla språk betyder det inte att du bör göra det; du bör bara aktivera de språk du behöver. 
2. Se till att språkväljaren är lätt att hitta. Det är en bra idé att placera språkväljaren i sidhuvudet eller sidfoten, båda är bra platser. På mobila enheter finns språkväljaren ofta i huvudnavigeringen som ett menyalternativ.
3. Anpassa din WordPress-språkomkopplare så att den matchar din design. Även om det kan vara frestande att behålla den generiska språkomkopplaren som tillhandahålls, är det en bra idé att anpassa den så att den matchar utseendet och känslan på din webbplats.
4. Välj flaggor eller namn för de språk du har valt. Även om flaggor är lockande för designers att använda av många skäl (de är färgglada, ikoniska och utrymmeseffektiva), är flaggor inte utformade för att avbilda språk. Detta leder till olika problem.

3 Exempel på framgångsrika språkbytare

Du kommer ofta att se språkväxlare när du surfar på webben. Men om du inte talar något annat språk (eller inte letar efter ett alternativ) kanske du inte är medveten om hur olika de kan vara när det gäller design och placering på sidan.

1. Microsoft Översättare

På Microsoft Translator-webbplatsen kan besökarna välja mellan nästan 40 språk med hjälp av en rullgardinsmeny (eller i det här fallet en "drop-up") som finns nära sidfoten. De har också valt att visa varje språknamn i sin helhet med hjälp av modersmålet. På så sätt kan besökarna känna igen sitt språk på ett ögonblick och se till att alternativen för språkbyte är tydliga.

2. Etsy

Som en internationell marknadsplats där hantverksintresserade kan sälja sina handgjorda varor är det inte konstigt att Etsy erbjuder en väl utformad språkväljare. Du hittar den i sidfoten på varje sida på deras webbplats.

Du kan välja region, språk och valuta. När du klickar här öppnas ett popup-fönster där du kan ändra dessa inställningar – ett smidigt sätt som gör att användarna slipper gå vidare till en regional webbplats.

3. Evernote

Den populära anteckningsappen Evernote har en enkel språkomkopplare med ett rullgardinsmeny i sidfoten för att byta språk.

Den är lätt att hitta och har tydlig märkning – vilket visar att även en minimalistisk omkopplare kan erbjuda en tydlig och smidig upplevelse.

Skapa en väl utformad språkväxlare för WordPress

Att lägga till en språkväljare för WordPress på din webbplats är enkelt med rätt verktyg. Med Weglot får du en språkväljare som läggs till automatiskt, fullständig AI-översättning från dag ett och fullständig kontroll över redigeringen – utan att behöva anlita en utvecklare. Översättningsverktyget körs i bakgrunden och ser till att dina översättningar hålls uppdaterade, följer ditt varumärke och sköter sig själva. Du kan också aktivera automatisk omdirigering från din Weglot – den känner av besökarens webbläsarspråk och visar automatiskt rätt språkversion av din webbplats.

Weglot dessutom utformat med flerspråkig SEO i åtanke. Det skapar automatiskt språkunderkataloger för varje översatt version av din webbplats. Det lägger till hreflang-taggar och översätter dina metadata. Sökmotorerna kan hitta och indexera alla språkversioner redan från första dagen.

Välj ett översättningsplugin för WordPress som också är byggt med flerspråkig SEO i åtanke. Tack vare automatiskt skapade språkunderkataloger, översatta metadata, implementering av hreflang-taggar hanterar Weglot det tekniska, SEO och översättning av din flerspråkiga webbplats.

Är du redo att lägga till en språkväljare för WordPress på din webbplats? Kom igång med Weglotkostnadsfria paket – inget kreditkort krävs.