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
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
Avatar for Nealle nealle
0
130
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
590
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
Avatar for Yusuke Suto sutochin26
1
5.6k
High-Level Programming Languages in AI Era -Human Thought and Mind-
Avatar for Hayato Ishida hayat01sh1da
PRO
0
770
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
3
760
Result型で“失敗”を型にするPHPコードの書き方
Avatar for Takuma Kajikawa kajitack
5
650
脱Riverpod？fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
Avatar for Takuma Osada ostk0069
0
120
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
Avatar for Munetoshi Ishikawa munetoshi
0
170
ニーリーにおけるプロダクトエンジニア
Avatar for Nealle nealle
0
830
#QiitaBash MCPのセキュリティ
Avatar for Tommy(sigma) ryosukedtomita
1
1.3k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
190
GitHub Copilot and GitHub Codespaces Hands-on
Avatar for Kento.Yamada ymd65536
2
150

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k

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