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-webbplats och översätta ditt innehåll 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 online 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 av de bästa WordPress-pluginsen för språkväljare.

Med Weglot kan du lägga till flera språk på din WordPress-webbplats eller i din WooCommerce -butik utan att behöva skriva en rad kod, och granska varje översättning i sitt sammanhang innan den publiceras.

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.

Weglot Version 2.0 bygger vidare på ” Weglot ” som du redan känner till: ett AI-drivet översättningsplugin för WordPress som automatiskt lägger till en språkväljare, översätter din webbplats utan kod med hjälp av AI-översättningar anpassade efter ditt varumärke och skapar SEO-optimerade språkunderkataloger med hreflang-taggar och översatta metadata. Du kan välja att lägga till en WordPress-språkväljare på din webbplats på olika ställen, till exempel i menyn, i en widget eller i källkoden för din HTML-sida. 

I den här handledningen ska vi lägga till en språkväljare i webbplatsens navigering. Som standard placerar Weglot språkväljaren längst ned till höger på webbplatsen. Därefter visar vi hur du kan flytta den, antingen via inställningarna för tillägget eller via Weglot:s Visual Editor, där du med hjälp av Switcher Editor även kan ändra dess utseende. 

Steg 1: Installera och aktivera Weglot inet

Installera och aktivera tillägget ”Weglot ” på din WordPress-webbplats. Skapa sedan ett konto på Weglot : under konfigurationen anger du webbplatsens URL, väljer käll- och målspråk samt ställer in din ”Brand Voice” och översättningsriktlinjer så att översättningarna stämmer överens med ditt skrivsätt. I din Weglot -kontrollpanel kan du hantera och redigera dina översättningar samt kopiera din unika API-nyckel för integrationen.

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

Klicka på fliken ” Weglot ” i din WordPress-instrumentpanel och öppna Inställningaroch klistra in din API-nyckel. Ditt ursprungliga språk och de språk du valde när du skapade ditt projekt visas nedanför (för att ändra dem senare, gå till din Weglot -instrumentpanel). 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 > Inställningar i WordPress-administrationspanelen. Språkväljaren ställer du in placeringen: i en meny, i en widget, med en kortkod eller i sidans källkod (vi går igenom detta nedan):

Utseendet på språkväljaren hanteras i Switcher Editor, som öppnas från Weglot:s Visual Editor när du klickar på språkväljaren på din webbplats. I redigeraren 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å en fält för anpassad CSS för dina egna selektorer, och vi kommer till det om en stund. För tillfället ska vi anpassa språkväljaren så att språknamnen visas utan flaggor, men behålla rullgardinsmenyn.

För att göra detta stänger du av flaggorna och aktiverar de fullständiga språknamnen. Klicka på Sparaoch titta sedan 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

Du kan visa Weglot på fem ställen:

• Meny: Gå till Utseende > Menyer, välj din meny, markera Weglot och dra den till rätt plats.
• Widget: Gå till Utseende > Widgets och lägg till Weglot till valfritt widgetområde (sidhuvud, sidofält eller sidfot).
• Kortkod: Klistra in [weglot] på vilken sida, vilket inlägg eller vilken mall som helst där du vill att växlaren ska visas.
• HTML / källkod: Lägg till omkopplaren direkt i sidans HTML-kod för fullständig kontroll över placeringen.
• Flytande knapp: Placera omkopplaren i ett fast hörn som förblir synligt när användarna bläddrar (Weglotstandardinställning).

Weglot switcher fungerar med alla WordPress-teman, inklusive FSE-teman och blockteman.

För att ställa in var språkväljaren ska visas, gå tillbaka till avsnittet Språkväljare i Weglot > Inställningar (se ovan) och följ länken på kortet för den placering du önskar. 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:

Även om språkväljaren finns i sidhuvudet visas den 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

Här använder du CSS. I Switcher Editor (mer om det nedan) stänger du av rullgardinsmenyn, visar språkkoder istället för fullständiga namn och lägger till några selektorer för typsnitt, färger och textvikt så att växlaren passar in i din webbplatsdesign. Så här ser resultatet ut på användarsidan:

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 anpassningar av CSS är helt valfria. Du kan flytta och ändra utseendet med hjälp av de färdiga alternativen i Switcher Editor. 

För att öppna den går du till Weglot:s Visual Editor och klickar på språkväljaren på din webbplats. Redigeraren för språkväljaren visas bredvid en förhandsgranskning i realtid, så att du ser varje ändring direkt när du gör den, och dess panelen för anpassad CSS (klicka på Redigera anpassad CSS för att visa fältet) är där selektorerna från föregående steg ska placeras: 

Ställ in placering och layout i panelen och klicka sedan på ”Spara” för att de ändringarna ska träda i kraft på din WordPress-webbplats. 

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

De som byter språk brukar kunna delas in i fyra grupper:

• Icke-existerande. Med andra ord, webbplatsen erbjuder inte översättningar alls.
• Det är svårt att hitta. Språkväljaren kan vara gömd i navigationsmenyn 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.

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

Det är enkelt att lägga till en språkväljare för WordPress på din webbplats med rätt plugin. Med Weglot får du en språkväljare som läggs till automatiskt, fullständig AI-översättning från dag ett, bildöversättning för texten i dina bilder samt fullständig redigeringskontroll – utan att behöva anlita en utvecklare. Pluginet körs i bakgrunden och ser till att dina översättningar, som är anpassade efter ditt varumärke, hålls uppdaterade när ditt innehåll ändras. Du kan också aktivera automatisk omdirigering från din Weglot -kontrollpanel: den känner av besökarens webbläsarspråk och visar automatiskt rätt språkversion av din webbplats.

Weglot är dessutom utformad med flerspråkig SEO i åtanke. Den skapar automatiskt språkunderkataloger för varje översatt version av din webbplats, lägger till hreflang-taggar och översätter dina metadata, så att sökmotorer och AI-drivna sökfunktioner kan hitta och indexera varje språkversion redan från första dagen.

Välj ett WordPress-översättningsplugin som även är utvecklat med flerspråkig SEO i åtanke. Tack vare automatiskt skapade språkunderkataloger, översatta metadata och implementering av hreflang-taggar sköter Weglot de tekniska aspekterna, SEO-aspekterna och översättningsaspekterna 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.