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

Multi-lingual sites with WordPress

Avatar for Rich Holman Rich Holman
March 02, 2012
Programming
2
170

Multi-lingual sites with WordPress

An introduction to building Multi-lingual sites with WordPress

Avatar for Rich Holman

Rich Holman

March 02, 2012
Tweet

Other Decks in Programming

See All in Programming
旅行プランAIエージェント開発の裏側
Avatar for Ippo Matsui / 令和トラベル ippo012
2
890
そのAPI、誰のため？ Androidライブラリ設計における利用者目線の実践テクニック
Avatar for mkeeda mkeeda
2
270
プロポーザル駆動学習 / Proposal-Driven Learning
Avatar for mackey0225 mackey0225
2
1.2k
1から理解するWeb Push
Avatar for Minoru Takeuchi dora1998
7
1.9k
Design Foundational Data Engineering Observability
Avatar for suci sucitw
3
190
デザイナーが Androidエンジニアに 挑戦してみた
Avatar for Kanon Fujita 874wokiite
0
310
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
Avatar for Takeshi Hagikura thagikura
0
140
Vue・React マルチプロダクト開発を支える Vite
Avatar for ANDPAD inc andpad
0
110
奥深くて厄介な「改行」と仲良くなる20分
Avatar for おぐえもん oguemon
1
520
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
430
アルテニア コンサル／ＩＴエンジニア向け 採用ピッチ資料
Avatar for ALTENIR altenir
0
100
AI時代のUIはどこへ行く？
Avatar for Yusuke Wada yusukebe
18
8.8k

Featured

See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
51
5.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
55
6.5k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
840
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k

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