Multi-lingual sites with WordPress

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

Multi-lingual sites with WordPress

An introduction to building Multi-lingual sites with WordPress

7443ddca4d7693b0ffd6b29b9227d718?s=128

Rich Holman

March 02, 2012
Tweet

Want more?

3ab1249be442027903e1180025340b3f?s=48 reverentgeek
2
170
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
88
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
78
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
5
160
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
5
170
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
2
230
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
2
450
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
120
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
200
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
60
250k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
5
790
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
180

Transcript

  1. 1.

    An introduction to building Multi-lingual sites with WordPress

  2. 2.

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

  3. 3.

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

    WordPress
  4. 4.

    About myself

  5. 5.
    None
  6. 6.

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

  7. 7.

    Discovery Understanding the need

  8. 8.

    Discovery - the need * Editorial - localisation * Translation

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

    Discovery - user journeys * Site level * Post level

  10. 10.

    Design Designing for multi-lingual sites

  11. 11.

    Design - layout Allow enough space

  12. 12.
    None
  13. 13.
    None
  14. 14.

    Design - layout Designing blind

  15. 15.

    Design - layout RTL - flip the design

  16. 16.
    None
  17. 17.

    The Build Architecting a solution

  18. 18.

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

    class=es
  19. 19.

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

    ref_language_codes.asp
  20. 20.

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

  21. 21.

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

    cover everything
  22. 22.

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

  23. 23.
    None
  24. 24.

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

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

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

    ?>
  27. 27.

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

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

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

  29. 29.
    None
  30. 30.
    None
  31. 31.
    None
  32. 32.

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

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

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

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

    Polylang List view WPML qTranslate

  35. 35.

    qTranslate qTranslate xili Polylang Post view WPML

  36. 36.

    WPML WPML xili qTranslate Polylang Categories

  37. 37.

    Don’t switch between them ;) qTranslate > Polylang

  38. 38.

    Translation services * ICANLOCALIZE * Community of translators * $0.07

    per word
  39. 39.
    None
  40. 40.

    Translation APIs * Google Translate - Pay per request $20

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

    To sum up...

  42. 42.

    Thankyou twitter: @dogwonder