Handledning för att skapa en enkel flerspråkig webbplats med hjälp av block (inga tillägg)

WordPress-blockredigeraren öppnar kontinuerligt upp nya möjligheter att anpassa webbplatser. I den här handledningen kommer vi att titta på att använda block för att skapa webbplatsmenyer på två språk, med en språkväxlare som gör det möjligt för besökare att ändra vilket språk webbplatsen visas på.

Du kan se en demonstration av hur detta fungerar här:

Visa demonstration

I denna guide

1. Anteckningar och referenser
   1. Referenser och ytterligare information
2. Metod
   1. 1. Konfigurera sidor och sidpermalänkar
   2. 2. Välj layout för din meny och din språkväxlare
   3. 3. Skapa språkväxlaren
   4. 4. Lägg till en navigeringsmeny för dina förstaspråkssidor
   5. 5. Spara din nya meny och din språkväxlare
   6. 6. Andraspråksmeny
   7. 7. Lägg till nya menyer till övriga sidor
   8. 8. Lägga till fler sidor

Anteckningar och referenser

• Språkväxlaren kommer inte att översätta dina sidor, men den gör det möjligt för dig att visa din webbplats för besökare på två eller fler språk. Du måste själv översätta sidorna!
• Språkväxlaren omdirigerar bara användare till startsidan för respektive språk.
• Du kommer också att behöva uppdatera dina menyer om du lägger till fler sidor på din webbplats.
• Den initiala konfigurationen tar lite tid, men när den väl är klar går det snabbt att slutföra justeringar och uppdateringar.

Referenser och ytterligare information

Den här handledningen innehåller information om följande funktioner:

• Sidpermalänkar
• Överordnade och underordnade sidor
• Statisk startsida
• Kolumner-block
• Textstyckesblock
  • (Valfritt) Bilder inlagda i texten (tillgängligt från styckeblockets verktygsfält)
• Blocket Navigering
• Återanvändbara block

Metod

1. Konfigurera sidor och sidpermalänkar
2. Välj layout för din meny och din språkväxlare
3. Skapa språkväxlaren
4. Lägg till en navigeringsmeny
5. Spara din nya meny och din språkväxlare
6. Andraspråksmeny
7. Lägg till nya menyer till övriga sidor
8. Lägga till fler sidor

1. Konfigurera sidor och sidpermalänkar

För att få ut så mycket som möjligt av den här handledningen rekommenderar vi att du använder ett av våra blockredigerarkompatibla teman, vilka finns listade här.

Gå till Min webbplats > Webbplats > Sidor. Börja med att skapa en startsida för varje språk som du vill ha på din webbplats. Du behöver inte lägga till en massa innehåll än. Det räcker med en sidrubrik för tillfället.

Publicera varje sida så att den är uppdaterad och ändra sedan sidpermalänken för varje sida så att den passar respektive språk. I det här exempel får den franska startsidan namnet Accueil och permalänken /fr/:

Tilldela startsidan för ditt föredragna språk som statisk startsida för din webbplats. Detta säkerställer att besökare som kommer till din webbplats ser webbplatsen på ett specifikt språk först och sedan kan byta till ett annat språk.

När du har alla startsidor du behöver är det dags att skapa innehållssidor för de olika språken. Du behöver fortfarande inte lägga till något innehåll. Det räcker med att bara publicera sidan med en rubrik för tillfället.

När du skapar sidor tilldelar du dem som underordnade sidor till de olika språkens startsidor via sektionen Sidattribut:

Exempel – översikt över sidstruktur

I följande exempel har vi startsidor på två olika språk: engelska och franska. Var och en av dem har två underordnade sidor – About och Contact för engelska och À Propos och Contact för franska:

2. Välj layout för din meny och din språkväxlare

Under Min webbplats > Webbplats > Sidor klickar du på rubriken till startsidan för ditt primära språk för att öppna sidan i WordPress-redigeraren.

Under sidrubriken i redigeraren lägger du till ett kolumnblock och väljer en tvåkolumnslayout. Om du ändrar dig rörande ditt val av layout, oroa dig inte. Du kan ändra layout i blockinställningarna. Se guiden för kolumnblock för mer information om hur du gör detta.

Vi föreslår att du använder en layout med en större kolumn och en mindre kolumn. Den mindre kolumnen kommer att innehålla din språkväxlare och den större kolumnen kommer att innehålla din meny.

Ange bredden för kolumnblocket som bred eller fullbredd:

3. Skapa språkväxlaren

Beroende på hur du vill att din språkväxlare ska visas finns det två olika metoder – du kan antingen skriva språknamnen eller använda bilder inlagda i texten för att visa flaggor.

Anmärkning: Vi rekommenderar inte användning av flaggor för att representera språk av två anledningar:
1. Det är mindre tillgängligt för besökare, som kanske inte kommer att kunna se flaggbilderna
2. Det kan orsaka förvirring beroende på vilka flaggor dina besökare förknippar med ett specifikt språk – alla tänker inte likadant!
För tydlighetens skull rekommenderar vi textlänkar (metod 1 eller 2).

Metod 1 – textlänkar i ett navigeringsblock

Du bör nu ha två kolumner som väntar på att fyllas med innehåll. Klicka på den smalare kolumnen och infoga ett navigeringsblock:

Välj Skapa från alla överordnade sidor för att fylla blocket med de överordnade startsidorna för respektive språk.

Du kan därefter ändra texten för varje objekt till namnet på dess språk (eller en förkortad version):

Metod 2 – textlänkar i ett styckeblock

Du bör nu ha två kolumner som väntar på att fyllas med innehåll. Klicka på den smalare kolumnen och lägg till ett styckeblock i den:

Skriv språknamnet i ditt föredragna format, exempelvis ”EN” och ”FR” eller ”Engelska” och ”Franska”.

Markera varje språknamn och klicka på knappen Infoga hyperlänk för att länka språknamnet med dess startsida. Exempel:

Använda språkförkortningar:

Metod 3 – bilder inlagda i texten

Du bör nu ha två kolumner som väntar på att fyllas med innehåll. Klicka på den smalare kolumnen och lägg till ett styckeblock i den:

Om du har flaggbilder för språk som du vill använda kan du använda funktionen med bilder inlagda i texten (tillgängligt under Fler alternativ) för att infoga och länka dem:

Skriv ett mellanslag i ditt styckeblock för att aktivera blockverktygsfältet och visa menyn Fler alternativ. När du väljer Bild inlagd i texten öppnas mediabiblioteket/uppladdningsrutan automatiskt. Ladda upp eller välj din flagga. Mer information om att ladda upp eller välja en bild finns i det här dokumentet.

När bilden har lagts till kan du klicka på den för att ändra dess storlek:

Du kan därefter göra om bilden till en länk på samma sätt som när du skapar en textlänk:

Upprepa den här processen för andraspråksflaggan.

4. Lägg till en navigeringsmeny för dina förstaspråkssidor

I den motsatta kolumnen till din nya språkväxlare är det nu dags att lägga till ett navigeringsblock. Klicka på den tomma kolumnen för att öppna blockmenyn. Sedan kan du antingen söka efter Navigering eller så kan du hitta alternativet i sektionen Layoutelement:

Blocket kommer att visas med två alternativ – välj Skapa tomt. Du kommer att se blocket bli redo och kunna lägga till dina sidor:

Lägg till en länk till varje sida på ditt förstaspråk. Klicka på knappen Lägg till block (den svarta knappen ”+”) till höger om navigeringsblocket för att lägga till en ytterligare länk:

5. Spara din nya meny och din språkväxlare

Använd knappen Blocknavigering längst upp i redigeraren för att välja dina kolumner:

Använd kolumnblockets verktygsfält för att visa fler alternativ och välj Lägg till återanvändbara block:

Ge ditt nya återanvändbara block ett namn som gör det enkelt att identifiera, exempelvis Menu – English. Du kan läsa mer om hur återanvändbara block fungerar i den här guiden.

Glöm inte att uppdatera din sida för att spara sidändringarna. Grattis, din första meny och din språkväxlare är klara!

6. Andraspråksmeny

För att skapa menyn för andraspråket kan du följa steg 1-5 igen, eller så kan du ta en genväg:

Öppna någon av dina andraspråkssidor i WordPress-redigeraren. Klicka på knappen Lägg till block (den svarta knappen ”+”) för att lägga till ett nytt block på sidan. Bläddra ner längst ner i listan med block så hittar du kategorin Återanvändbara block, där din meny finns sparad. Alternativt kan du använda sökrutan för att hitta blocket.

När menyblocket har lagts till på sidan använder du menyn Fler alternativ och väljer Konvertera till vanliga block:

När blocken visas som vanliga block istället för som återanvändbara block kan du uppdatera navigeringsblocket så att det länkar till sidorna för ditt andraspråk istället.

Metod 1 – ta bort och lägga till ett nytt navigeringsblock

Välj navigeringsblocket med hjälp av blocknavigeraren:

Ta bort hela navigeringsblocket:

Följ sedan steg 4 ovan för att lägga till ett tomt navigeringsblock för ditt andraspråk.

Metod 2 – ändra navigeringsobjekt

Klicka på det objekt som du vill ändra. Klicka på knappen ”Länk” för att öppna länkinformationen och klicka sedan på knappen Ändra. Du kan sedan skriva in och välja önskad sida. Observera att du även kommer att behöva ändra länktexten manuellt:

När du har gjort ändringarna sparar du detta nya kolumnblock som ett nytt återanvändbart block som isteg 5ovan och ger det ett tydligt namn som indikerar att det är menyn för ditt andraspråk.

Glöm inte att uppdatera din sida för att spara sidändringarna. Grattis, din andra meny och din språkväxlare är klara!

7. Lägg till nya menyer till övriga sidor

Dina menyer och din språkväxlare är redo. Du kan nu lägga till dina två språkmenyer till övriga sidor för respektive språk, såsom beskrivs i steg 6 ovan. Observera: när de återanvändbara blocken har sparats kan du lägga till dem på andra sidor och du behöver inte konvertera dem till vanliga block.

8. Lägga till fler sidor

Har du skapat fler sidor för vardera språk och behöver lägga till dem i din meny? Oroa dig inte. Du kan redigera dina återanvändbara block så kommer de att uppdateras på alla sidor som de har lagts till på. Mer information finns här.