CSS RTL med WPML betyder på svenska: Stilmall Höger-Till-Vänster med tillägget WPML där det senare är ett plugin för att enkelt växla mellan olika språkversioner.
Utmaning
Webbplatsen för UNIFEM Interkulturellt Nätverk har innehåll som vänder sig till personer med annat modersmål än svenska. Hade det rört sig om engelska och språk som läses vänster-till-höger hade det inte varit några problem. Men nu handlar det om arabiska och kurdiska, språk som läses höger-till-vänster och då måste webbplatsen anpassas efter detta.
Temat
Jag har valt TDH:s Core-tema för webbplatsen. Dels för att det finns en utmärkt ”manual” för detta i form av boken Smashing WordPress och för att det är tämligen enkelt i sitt grundutförande vilket gör utökningar samt anpassningar enklare. Jag föredrar att börja enkelt och jobba mig uppåt istället för att börja med ett tema som är helt nerlusat med onödig funktionalitet.
Skapa RTL CSS
För att få en första uppfattning av hur ett RTL CSS skulle se ut körde jag style.css genom CSSJanus Left-to-Right-to-Left-ifyer. Klistra in style.css i vänstra rutan, kör funktionen och kopiera CSS-koden från den högra rutan. Spara den nya koden i stylertl.css och ladda upp jämte övriga temafiler.
Byta språk
Förutom att det måste finnas innehåll på t.ex. arabiska ska besökaren enkelt kunna växla språkversion av webbplatsen. För detta har jag valt tillägget WPML. Efter ett par grundinställningar har jag en språkväljare på plats i sidokolumnen. Så långt fungerar allt som det ska. Nu ska RTL CSS läsas in baserat på webbplatsens språkversion.
För detta använder jag en if-sats i header.php enligt följande (grundutförande, vissa modifieringar kvarstår):
Notera skillnaden avseende template_url och stylesheet_url samt att språkkoderna ovan förlitar sig på de som WPML använder.
Webbplatsen för ovanstående är: www.interkulturellt.se