Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Multi-lingual sites with WordPress

7443ddca4d7693b0ffd6b29b9227d718?s=47 Rich Holman
March 02, 2012
Programming
2
150

Multi-lingual sites with WordPress

An introduction to building Multi-lingual sites with WordPress

7443ddca4d7693b0ffd6b29b9227d718?s=128

Rich Holman

March 02, 2012
Tweet

Other Decks in Programming

See All in Programming
FargateとAthenaで作る、機械学習システム
2e7553bdade564572b26060b4a58b98e?s=48 nayuts
0
150
Enzyme から React Native Testing Library に移行した経緯 / 2022-07-20
41c9dedd1b4c53ace82e040bb09334fe?s=48 tamago3keran
1
160
実践的！FPGA開発セミナー vol.11
Bbf28bf908ac83e5b85b52a675641641?s=48 fixstars
0
110
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
Dda24cce92447593513292ec748c70c4?s=48 oleindesign
0
100
Getting Started With Data Structures
Fbe54abf4094d19f1548783d072a7fa7?s=48 adoranwodo
1
250
アジャイルで不確実性に向き合うための開発タスクの切り方
444706893bf3e53d6d96b4509d2d05d5?s=48 tanden
4
1.1k
20220706_Google Apps Scriptを実演で学ぶ～ GAS × Slack ～
C983c1e22d0d19f21590b83884d9b754?s=48 apachan
2
610
アジャイルで始める データ分析基盤構築
384e4d8bab8ac2a5e6f64dab1300c491?s=48 nagano
1
850
Rust on Lambda 大きめCSV生成
Bfcda4dca8fd6a07980ed8d5b21a572b?s=48 atsuyokota
1
390
それ全部エラーメッセージに書いてあるよ!〜独学でPHPプログラミングが上達するたった一つの方法〜
B793da271a45d149b52f507bca9f137c?s=48 77web
1
150
パラメタライズドテスト
4f8c3a1aedaf9aafd6c74ab077d9ad18?s=48 ledsun
0
220
10歳の minne から、これから長く続くプロダクトを作るすべての人へ
Dd21eeb4e9dc073f37239571b85fd2ab?s=48 tsumichan
9
3.6k

Featured

See All Featured
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
Practical Orchestrator
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.7k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
87
12k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
373
44k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
107
16k
WebSockets: Embracing the real-time Web
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
57
5.5k
How New CSS Is Changing Everything About Graphic Design on the Web
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
213
11k
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
The Web Native Designer (August 2011)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
75
2k
The Cult of Friendly URLs
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
68
4.8k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
448
30k

Transcript

  1. An introduction to building Multi-lingual sites with WordPress

  2. Introduction à la création d'un site multi-langues avec WordPress

  3. Introducción a la creación de un sitio múlti idiomas con

    WordPress

  4. About myself

  5. None

  6. Wordpress codex http://codex.wordpress.org/ WordPress_in_Your_Language

  7. Discovery Understanding the need

  8. Discovery - the need * Editorial - localisation * Translation

    - internationalisation * Informs solution e.g. multi-site or single site

  9. Discovery - user journeys * Site level * Post level

  10. Design Designing for multi-lingual sites

  11. Design - layout Allow enough space

  12. None
  13. None

  14. Design - layout Designing blind

  15. Design - layout RTL - flip the design

  16. None

  17. The Build Architecting a solution

  18. Language context * ?lang=es * /es/ * es. * body

    class=es

  19. HTML Language codes <html lang="en"> <html lang="es"> <html lang="fr"> http://www.w3schools.com/tags/

    ref_language_codes.asp

  20. Text Direction HTML <p dir="rtl">!"ود%&ا ه)* ل,-</p> CSS p {direction:rtl;}

  21. Character encoding Unicode & ISO 10646 <meta charset="UTF-8"> Should about

    cover everything

  22. Language files - Admin /wp-content/languages/ http://codex.wordpress.org/ WordPress_in_Your_Language

  23. None

  24. Language files - Admin * wp-config.php: single site define('WPLANG', 'pt_BR');

    multi site define('WPLANG', ''); then set in admin
  25. None

  26. Declare theme text domain <?php load_theme_textdomain('my_theme', get_template_directory() . '/ languages');

    ?>

  27. Abstract terms in theme <?php _e('Hello World', my_theme'); ?> .

    __( 'Hello World', 'my_theme' ) . http://codex.wordpress.org/ Translating_WordPress

  28. Language files - Theme * Poedit - .po > .mo

  29. None
  30. None
  31. None

  32. Customisation * Taxonomies/Tags - arghhhh * Queries - there be

    dragons * Widgets * Plugins * Feeds - flickr, facebook etc * RSS - http://codex.wordpress.org/ Customizing_Feeds

  33. Plugins * WPML * xili-language * qTranslate * Polylang *

    Google AJAX Translation * Multisite Language Switcher http://codex.wordpress.org/ Multilingual_WordPress

  34. Polylang List view WPML qTranslate

  35. qTranslate qTranslate xili Polylang Post view WPML

  36. WPML WPML xili qTranslate Polylang Categories

  37. Don’t switch between them ;) qTranslate > Polylang

  38. Translation services * ICANLOCALIZE * Community of translators * $0.07

    per word
  39. None

  40. Translation APIs * Google Translate - Pay per request $20

    per 1 M characters Limit 2M chars/day. * Bing Translator - Free

  41. To sum up...

  42. Thankyou twitter: @dogwonder