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:
I denna guide
- 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.
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
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
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
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:
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 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
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:
Metod 3 – bilder inlagda i texten
När bilden har lagts till kan du klicka på den för att ändra dess storlek:
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:
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!
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
Metod 2 – ändra navigeringsobjekt
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!
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.
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.