Implementering av i18n i v\u00e5rt tema<\/h2>\n
Vi har redan gjort den f\u00f6rsta delen i det f\u00f6reg\u00e5ende steget<\/a> i denna temahandledningsserie, d\u00e4r vi lagt Det f\u00f6rsta argumentet \u00e4r handtaget, detta \u00e4r en unik str\u00e4ng som du kommer att anv\u00e4nda f\u00f6r att gruppera alla texter som h\u00f6r till ditt tema. Du kommer att upprepa detta handtag varje g\u00e5ng du g\u00f6r en text \u00f6vers\u00e4ttbar. Det andra argumentet talar om f\u00f6r WordPress var \u00f6vers\u00e4ttningsfilerna finns. Vi definierade dem att ligga i en undermapp ’ Oroa dig inte om den h\u00e4r mappen inte finns eller inte inneh\u00e5ller n\u00e5gra filer \u2013 ingenting kommer att krascha. Om WordPress inte hittar mappen eller de korrekta \u00f6vers\u00e4ttningsfilerna kommer den som standard tillbaka till de texter vi har i temat.<\/p>\n N\u00e4sta steg \u00e4r att g\u00e5 igenom all v\u00e5r kod och hitta alla textutdata som borde vara \u00f6vers\u00e4ttbara. Det \u00e4r bra att se till att vi t\u00e4cker absolut alla texter. Ingenting \u00e4r mer irriterande \u00e4n att anv\u00e4nda ett tema eller plugin d\u00e4r f\u00f6rfattaren h\u00e5rdkodade texter som g\u00f6r det om\u00f6jligt att \u00f6vers\u00e4tta eller \u00e4ndra p\u00e5 n\u00e5got s\u00e4tt.<\/p>\n Det vi g\u00f6r med alla texter \u00e4r att placera dem i en av WordPresss gettext-funktioner, som oftast \u00e4r WordPress har fler gettext-funktioner som tj\u00e4nar mer specifika syften, till exempel Gettext-funktionerna tar tv\u00e5 parametrar; f\u00f6rst sj\u00e4lva texten, och f\u00f6r det andra handtaget du definierade i Till exempel, om du har n\u00e5got s\u00e5nt h\u00e4r:<\/p>\n Du m\u00e5ste ers\u00e4tta den med:<\/p>\n Och p\u00e5 liknande s\u00e4tt f\u00f6r att lagra i en variabel;<\/p>\n Det m\u00e5ste skrivas s\u00e5 h\u00e4r:<\/p>\n Nu m\u00e5ste vi hitta alla texter i v\u00e5ra mallar! Om du har f\u00f6ljt denna handledning till ett "T" \u00e4r det inte m\u00e5nga. Vi har n\u00e5gra str\u00e4ngar i L\u00e5t oss b\u00f6rja med Eftersom du anv\u00e4nde Vi har samma text i v\u00e5r Fr\u00e5n och med nu alla texter vi l\u00e4gger till i v\u00e5rt tema ser vi till att sl\u00e5 in dem inuti Det finns tv\u00e5 s\u00e4tt att tillhandah\u00e5lla \u00f6vers\u00e4ttningsfiler till ditt tema;<\/p>\n -filen Filerna Nackdelen med Du beh\u00f6ver ett program f\u00f6r att redigera Ladda ner och installera PoEdit f\u00f6r att f\u00f6lja resten av handledningen.<\/p>\n Att skapa en \u00f6vers\u00e4ttningsfil f\u00f6r engelska brukar inte vara meningsfullt n\u00e4r alla texter i v\u00e5rt tema \u00e4r engelska i alla fall, men f\u00f6r den h\u00e4r handledningen kommer jag att g\u00f6ra en engelsk \u00f6vers\u00e4ttningsfil.<\/p>\n 1 \u00d6ppna PoEdit och klicka p\u00e5 Arkiv > Ny…<\/p>\n 2 Du kommer att bli ombedd att v\u00e4lja ett spr\u00e5k. V\u00e4lj \u00f6nskat spr\u00e5k, till exempel engelska.<\/p>\n 3 Tryck p\u00e5 Spara (Ctrl+S). Leta reda p\u00e5 din temamapp och ange 4 I menyn klickar du p\u00e5 Katalog > Egenskaper…<\/p>\n 5 P\u00e5 den f\u00f6rsta fliken kan du fylla i viss information som ditt projekt (tema) namn, eller \u00e4ndra spr\u00e5k \u2013 men det \u00e4r inte n\u00f6dv\u00e4ndigt. Jag rekommenderar att du beh\u00e5ller teckenupps\u00e4ttning i UTF-8 eftersom det \u00e4r detta vi skriver f\u00f6r WordPress.<\/p>\n 6 Klicka p\u00e5 fliken K\u00e4llor s\u00f6kv\u00e4gar. H\u00e4r m\u00e5ste du definiera vilka mappar filen ska leta efter f\u00f6r \u00f6vers\u00e4ttningsbara texter. S\u00f6kv\u00e4garna \u00e4r relativa, och eftersom vi redan har sparat den i en undermapp till v\u00e5rt tema, vet vi att den m\u00e5ste g\u00e5 upp en katalog. Tryck p\u00e5 +-knappen under s\u00f6kv\u00e4gsrutan och v\u00e4lj L\u00e4gg till mappar. V\u00e4lj din temakatalog. Detta b\u00f6r l\u00e4gga till ett s\u00f6kv\u00e4gselement "." (g\u00e5 upp en mapp). Dubbelkolla att "Bass\u00f6kv\u00e4g" refererar till din rottemakatalog.<\/p>\n 7 Klicka p\u00e5 n\u00e4sta flik, "K\u00e4llor nyckelord". H\u00e4r m\u00e5ste du ber\u00e4tta f\u00f6r PoEdit vilka funktioner du har anv\u00e4nt f\u00f6r \u00f6vers\u00e4ttningsbara texter (till exempel load_theme_textdomain<\/code>till v\u00e5rt temas inst\u00e4llningsfunktion. Om du har gl\u00f6mt det h\u00e4r \u00e4r vad vi har lagt till:<\/p>\nload_theme_textdomain('wptutorial', get_stylesheet_directory(). '\/lang');<\/code><\/pre>\nlang<\/code>’ i v\u00e5r temakatalog.<\/p>\nHur man g\u00f6r texter \u00f6vers\u00e4ttbara<\/h2>\n
_e()<\/code>eller __()<\/code>. Den f\u00f6rsta \u00e4r ett understreck med "e" som anv\u00e4nds n\u00e4r du vill eka texten samtidigt. Det andra \u00e4r tv\u00e5 understreck och anv\u00e4nds n\u00e4r du inte vill eka det utan lagra det eller anv\u00e4nda det i en variabel.<\/p>\nesc_html__()<\/code>, _n()<\/code>, _x()<\/code>och mer. Men vi kommer inte att g\u00e5 in i detalj f\u00f6r dem i denna handledning.<\/p>\nload_theme_textdomain<\/code>. I det h\u00e4r fallet \u00e4r det ’ wptutorial<\/code>’.<\/p>\necho 'Read more';<\/code><\/pre>\n_e('Read more', 'wptutorial');<\/code><\/pre>\n$myvariable = 'Read more';<\/code><\/pre>\n$myvariable = __('Read more', 'wptutorial');<\/code><\/pre>\nindex.php<\/code>och n\u00e5gra i single.php<\/code>.<\/p>\nL\u00e4gger till \u00f6vers\u00e4ttningsst\u00f6d i v\u00e5rt tema<\/h2>\n
index.php<\/code>och hitta meddelandet "Inga inl\u00e4gg, f\u00f6rl\u00e5t" som vi lade till om slingan inte inneh\u00f6ll n\u00e5gra inl\u00e4gg. Vi lindar in den h\u00e4r texten _e()<\/code>eftersom vi fortfarande vill upprepa den. S\u00e5 det h\u00e4r \u00e4r vad vi f\u00e5r:<\/p>\n...\n} else {\n ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n}\n...<\/code><\/pre>\n_e()<\/code>b\u00f6r du inte se n\u00e5gon f\u00f6r\u00e4ndring n\u00e4r du trycker p\u00e5 uppdatera p\u00e5 framsidan eller arkivet. Men under huven \u00e4r denna text nu \u00f6vers\u00e4ttbar!<\/p>\nsingle.php<\/code>och page.php<\/code>. Uppdatera dessa p\u00e5 samma s\u00e4tt som vi gjorde i index.php<\/code>. Vi lade till n\u00e5gra fler texter i single.php<\/code>, s\u00e5 h\u00e4r \u00e4r hur det ser ut efter att ha gjort alla texter \u00f6vers\u00e4ttbara:<\/p>\n...\n <?php the_category(); ?>\n <p><?php _e('Posted', 'wptutorial'); ?>: <?php the_date(); ?> <?php _e('at', 'wptutorial'); ?> <?php the_time(); ?><\/p>\n <p><?php _e('Author', 'wptutorial'); ?>: <?php the_author(); ?><\/p>\n <\/article>\n <?php endwhile;\n} else {\n ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n}\n\u00a0\n...<\/code><\/pre>\n__()<\/code>eller _e()<\/code>.<\/p>\n\u00d6vers\u00e4ttningsfiler<\/h2>\n
\n
.pot<\/code>-fil<\/li>\n.po<\/code>och .mo<\/code>filer.<\/li>\n<\/ul>\n.pot<\/code>rekommenderas f\u00f6r ett tema som du s\u00e4ljer eller ger bort till andra anv\u00e4ndare, f\u00f6r med den h\u00e4r filen \u00e4r det v\u00e4ldigt enkelt att skapa en \u00f6vers\u00e4ttningsfil f\u00f6r ett nytt spr\u00e5k. Det \u00e4r dock inte l\u00e4tt (eller gratis) att skapa en av dessa filer. Om du \u00e4r bekant med WP-CLI (kommandorad WordPress) eller Grunt kan du f\u00f6lja riktlinjerna i WordPress dokumentation h\u00e4r<\/a>. Om inte kan det andra alternativet vara n\u00e5got f\u00f6r dig.<\/p>\n.po<\/code>och .mo<\/code>arbeta tillsammans. WordPress kr\u00e4ver en .mo<\/code>f\u00f6r \u00f6vers\u00e4ttning av texter, men den h\u00e4r filen \u00e4r inte l\u00e4sbar f\u00f6r m\u00e4nniskor. D\u00e4rf\u00f6r har vi .po<\/code>filen som \u00e4r l\u00e4sbar f\u00f6r oss. Med r\u00e4tt programvara genererar den .mo<\/code>filen n\u00e4r du g\u00f6r \u00e4ndringar.<\/p>\n.po<\/code>och .mo<\/code>filer \u00e4r att du beh\u00f6ver generera ett par f\u00f6r varje spr\u00e5k, och n\u00e4r du v\u00e4l har \u00f6versatt det till ett spr\u00e5k finns det inget enkelt s\u00e4tt att t\u00f6mma alla \u00f6vers\u00e4ttningar f\u00f6r att skapa ett nytt spr\u00e5k.<\/p>\n.pot<\/code>och .po<\/code>filer. Den vanligaste \u00e4r PoEdit<\/a>. PoEdit \u00e4r gratis och fungerar f\u00f6r b\u00e5de iOS och Windows. Men vissa avancerade funktioner (som att generera en .pot<\/code>-fil) kr\u00e4ver tyv\u00e4rr en betalversion. Vi kommer att anv\u00e4nda gratisversionen f\u00f6r att skapa en .po<\/code>fil f\u00f6r v\u00e5rt tema.<\/p>\nSkapa en .po-fil f\u00f6r v\u00e5rt tema med PoEdit<\/h2>\n
\/lang\/<\/code>undermappen. (Om du inte skapade det i f\u00f6rra steget, skapa det nu). Namnet p\u00e5 din fil \u00e4r avg\u00f6rande. F\u00f6r teman b\u00f6r den bara heta din spr\u00e5kkod. F\u00f6r amerikansk engelska skulle det vara en_US<\/code>, f\u00f6r norska \u00e4r det nb_NO<\/code>. Googla eller h\u00e4nvisa till den h\u00e4r \u00f6versikten<\/a> f\u00f6r att hitta din spr\u00e5kkod. Vi ska namnge det en_US.po<\/code>.<\/p>\n![\"WordPress-temahandledning](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152370-61e4d69a10501.png\")
<\/a><\/p>\n![\"WordPress-temahandledning](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152370-61e4d69b261fd.png\")
<\/a><\/p>\n__<\/code>, _e<\/code>, esc_html_e<\/code>och s\u00e5 vidare). Klicka p\u00e5 +-knappen f\u00f6r att l\u00e4gga till varje funktion och skriv dem utan "()". Det \u00e4r upp till dig om du vill t\u00e4cka alla dina baser och l\u00e4gga till alla WordPresss gettext-funktioner, men i den h\u00e4r handledningen vet vi att vi bara har anv\u00e4nt tv\u00e5. S\u00e5 vi l\u00e4gger till tv\u00e5 element; __()<\/code>och _e()<\/code>. L\u00e4gg till funktionerna utan n\u00e5gon parentes.<\/p>\n
![\"WordPress-temahandledning](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152370-61e4d69c29a5b.png\")
<\/a><\/p>\n![\"WordPress-temahandledning](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152370-61e4d69d34b4a.png\")
<\/a><\/p>\n