Creating Multilingual Websites in WordPress

Transcript

1. Creating Multilingual WordPress Sites @shawnhooper shawnhooper.ca
2. 
 Director of IT @ Actionable.co
 & Freelance WordPress Developer
 Co-Organizer, WordCamp Ottawa
 Core Contributor
 
 
 Bilingual (Je parle français) Hi, I’m Shawn! @shawnhooper shawnhooper.ca
3. Let’s Learn Some Words… 
 Internationalization, Localization, Languages, Locales, Oh My! @shawnhooper shawnhooper.ca
4. “The method of human communication, either spoken or written, consisting of the use of words in a structured and conventional way” - Oxford Dictionary 
 Examples: English, French
 Spanish, Italian Language @shawnhooper shawnhooper.ca
5. A locale is a set of parameters that defines the user's language, region and any special variant preferences that the user wants to see in their user interface. 
 
 A locale identifier consists of at least a language identifier and a region identifier. - Wikipedia Locale @shawnhooper shawnhooper.ca
6. Canadian English
 en-CA US English
 en-US Canadian French 
 fr-CA Argentina Spanish 
 es-AR Spanish Columbia 
 es-CO Locale @shawnhooper shawnhooper.ca
7. 
 
 The process of planning and implementing products and services so that they can easily be adapted to specific local languages and culture. i18n Internationalization @shawnhooper shawnhooper.ca
8. 
 The process of adapting a product or content to a specific locale or market. L10n Localization @shawnhooper shawnhooper.ca
9. Localization isn’t just about words, think about: CURRENCY
 English $1,234.56
 French 1 234,56 $ Considerations… @shawnhooper shawnhooper.ca
10. Localization isn’t just about words, think about: DATES
 English (US) MM/DD/YYY (ex: 03/20/2016) English (Canada) DD/MM/YYYY (ex: 20/03/2016) Considerations… @shawnhooper shawnhooper.ca
11. Localization isn’t just about words, think about: TIME
 English (Canada) 4:30 pm French (Canada) 16h30 Considerations… @shawnhooper shawnhooper.ca
12. Gender 
 “While modern English grammar is exceptionally capable of being gender neutral, many other languages do not share this trait.”
 
 - yoavf
 
 https://core.trac.wordpress.org/ticket/42725 Considerations… @shawnhooper shawnhooper.ca
13. Localization isn’t just about words, think about: Script Direction Considerations… Left to Right Right to Left English Arabic Spanish Persian French Hebrew Greek Yiddish Latin Western Punjabi @shawnhooper shawnhooper.ca
14. @shawnhooper shawnhooper.ca
15. @shawnhooper shawnhooper.ca
16. Localization isn’t just about words, think about: TEXT LENGTH Considerations… @shawnhooper shawnhooper.ca
17. How do you want your URLs structured? 
 
 
 example.com/?lang=es
 
 example.com/en
 
 jp.example.com
 
 mywebsite.com vs. monsiteweb.com 
 
 Considerations… @shawnhooper shawnhooper.ca
18. How do you want to switch languages?
 
 
 Dropdown Menu
 
 Widget Area
 
 What if no translation is available for a specific post?
 
 What about Query String Parameters? Considerations… @shawnhooper shawnhooper.ca
19. @shawnhooper shawnhooper.ca
20. WordPress Core is translated in 110 locales. 53 translations are 100% complete, up-to- date with the most current version of WordPress. 50.788% of WordPress sites are running a translated version. WordPress @shawnhooper shawnhooper.ca
21. @shawnhooper shawnhooper.ca
22. Although WordPress comes in many languages, it does not natively support providing viewers with content in more than one language. @shawnhooper shawnhooper.ca
23. Multilingual Plugins @shawnhooper shawnhooper.ca
24. WPML Premium Plugin from OnTheGoSystems. https://wpml.org/ Supports: Posts
 Pages
 Custom Post Types
 Taxonomies
 Menus
 Theme Text
 Plugin Text @shawnhooper shawnhooper.ca
25. @shawnhooper shawnhooper.ca
26. @shawnhooper shawnhooper.ca
27. @shawnhooper shawnhooper.ca
28. @shawnhooper shawnhooper.ca
29. @shawnhooper shawnhooper.ca
30. @shawnhooper shawnhooper.ca
31. Tip: Turn off the Make Themes Work Multilingual option if you don’t need it! @shawnhooper shawnhooper.ca
32. qTranslate X Free Plugin Available on WordPress.org Supports: Posts
 Pages
 Custom Post Types
 Taxonomies
 Menus
 General Settings
 Widgets @shawnhooper shawnhooper.ca
33. @shawnhooper shawnhooper.ca
34. @shawnhooper shawnhooper.ca
35. If you disable the plugin, you’ll see
 the content for each language is wrapped in shortcodes. Shortcode Warning @shawnhooper shawnhooper.ca
36. @shawnhooper shawnhooper.ca
37. @shawnhooper shawnhooper.ca
38. @shawnhooper shawnhooper.ca
39. @shawnhooper shawnhooper.ca
40. Polylang Free Plugin in WordPress Repo + Premium “Polylang Pro” Supports: Posts
 Pages
 Media
 Taxonomies
 Menus
 Widgets @shawnhooper shawnhooper.ca
41. @shawnhooper shawnhooper.ca
42. @shawnhooper shawnhooper.ca
43. @shawnhooper shawnhooper.ca
44. @shawnhooper shawnhooper.ca
45. @shawnhooper shawnhooper.ca
46. @shawnhooper shawnhooper.ca
47. @shawnhooper shawnhooper.ca
48. @shawnhooper shawnhooper.ca
49. @shawnhooper shawnhooper.ca
50. Multisite Approach @shawnhooper shawnhooper.ca
51. There are two ways of doing this: Separate Installs of WordPress for each language (yuck!) Using WordPress Multisite with a sub-site for each language (yay!) Multisite Approach @shawnhooper shawnhooper.ca
52. FR EN ES @shawnhooper shawnhooper.ca
53. 
 Multisite Language Switcher
 or 
 MultilingualPress 
 plugins give you the ability link translations between the sites in a Multisite network Language Switching @shawnhooper shawnhooper.ca
54. Comparison Feature WPML qTranslateX Polylang Multisite Cost Paid Free Freemium Free Content Storage Separate Posts Single Post Separate Posts Languages in Subsites Widget Areas Needs Additional Plugins Yes Yes Yes Media With Additional Plugin No Yes Each subsite has it’s own media library Permalink Translation Yes With “Qtranslate Slug” Plugin Pro Only Yes Sync Custom Fields Yes Yes Yes No Sync Taxonomies Yes Yes Yes No Translate Strings in Themes & Plugins WPML String Translation Plugin Additional Plugins Required Additional Plugins Required Additional Plugins Required Database Impact High Low Low Low Translation Service Support ICanLocalize No Additional Plugin No @shawnhooper shawnhooper.ca
55. Theme & Plugin Translation @shawnhooper shawnhooper.ca
56. Internationalizing Themes & Plugins 
 
 In order for themes and plugins to work in multiple languages,
 they must be internationalized. 
 
 WordPress provides functions
 to retrieve strings in the right locale. @shawnhooper shawnhooper.ca
57. Internationalizing Themes & Plugins 
 
 Instead of :
 
 <p>This is my string</p> @shawnhooper shawnhooper.ca
58. Internationalizing Themes & Plugins 
 
 Use :
 
 <p><?php esc_html_e(‘This is my string’, ‘textdomain’);?></p> @shawnhooper shawnhooper.ca
59. Internationalizing Themes & Plugins 
 For strings in JavaScript, use wp_localize_script() @shawnhooper shawnhooper.ca
60. Internationalizing Themes & Plugins 
 For strings in JavaScript, use wp_localize_script() @shawnhooper shawnhooper.ca
61. .POT, .PO and .MO Files 
 Contain all the strings in your plugins and themes for a specific language. .POT = Template ( Original Strings ) .PO = Localized Version of the Strings .MO = Machine Object files (compiled .PO files) @shawnhooper shawnhooper.ca
62. .POT, .PO and .MO Files Many popular themes & plugins come with translations already provided. If not, you can manage your own translations through plugins or 3rd party applications. @shawnhooper shawnhooper.ca
63. PO Edit Desktop Application for Managing POT and PO Files Freemium Available for Windows, OSX and Linux
 (poedit.net) @shawnhooper shawnhooper.ca
64. @shawnhooper shawnhooper.ca
65. PO Edit (Statistics) @shawnhooper shawnhooper.ca
66. Content Translation @shawnhooper shawnhooper.ca
67. Please please please…. @shawnhooper shawnhooper.ca
68. Translation Services Hire a Professional Translator
 They usually charge by the word @shawnhooper shawnhooper.ca
69. Translation Services Built in Translation Services in WordPress: ICanLocalize (Works with WPML) LingoTek (Works with Polylang) @shawnhooper shawnhooper.ca
70. Contribute @shawnhooper shawnhooper.ca
71. Polyglots Team The polyglots team is responsible for ensuring WordPress is available in dozens of languages and many more regions. It’s a big job, which is why they need help from native speakers of many languages to make it possible. https://make.wordpress.org/polyglots/ @shawnhooper shawnhooper.ca
72. @shawnhooper shawnhooper.ca Polyglots @ WordCamp Europe Contributor Day 2016
73. GlotPress Developed by the WordPress Community. translate.wordpress.org @shawnhooper shawnhooper.ca
74. @shawnhooper shawnhooper.ca
75. @shawnhooper shawnhooper.ca
76. @shawnhooper shawnhooper.ca
77. @shawnhooper shawnhooper.ca
78. @shawnhooper shawnhooper.ca
79. Thank you! Merci! Gracias!
 Slides: shawnhooper.ca
 E-Mail: shawn@actionable.co
 Twitter: @shawnhooper
 WordPress Slack: shooper @shawnhooper shawnhooper.ca