In this tutorial, you will learn how to create a multilingual site with Upstart theme, from WooThemes, and WPML.
Upstart is a responsive, full-width theme, which displays a huge slider, team members, products and blog posts.
Being a responsive and fluid theme makes it especially interesting for multilingual sites. Translated text is often significantly longer or shorter than the original. When you use a fully responsive theme, the site displays correctly with these longer and shorter texts.
We’ll show you how to translate the different elements in Upstart.
Click on the links to jump to each section:
- Getting started
- Translating menus
- Translating slides
- Translating slide groups
- Translating testimonials
- Translating blog
- Translating featured products
- Translating general texts
- Getting help
To run a multilingual Upstart site with WPML, you will need:
- Upstart theme
- A recent version of WPML, including the String Translation and Translation Management modules.
To get started, follow the steps here:
- Install the Upstart theme and activate it.
- Install and activate the WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management).
- Set up WPML from WPML -> Languages. See our WPML Getting Started Guide for complete reference.
WPML translates WordPress menus without you needing to do anything. You can translate menus manually, or have WPML synchronize menu content. When you go to Appearance->Menus, you will see WPML’s menu translation controls. Learn more about translating menus to see how this works.
This is how it looks in the front-end:
Slides are posts with custom post type ‘slide’, so they are translated like any other post or page in WPML (including batch processing if desired from WPML->Translation Management). So for example:
You can access translation controls from either the slides page (as shown in the previous image, bottom right) or from the slide list at Slides->Slides:
Simply go to Slides->Slide Groups, and follow the procedure described for translating post categories in Translating Post Categories and Custom Taxonomies.
Testimonials are posts with custom post type ‘testimonial’, so they are translated like any other post or page in WPML.
This is how it looks in the front-end:
Blog posts are actually posts, so simply go to Posts, and follow the procedure described in Translating Your Contents.
After translating blog posts to a second language, this is how blog posts will look:
WPML let you run fully multilingual e-commerce sites using WooCommerce. The procedure how to translate products is described in WooCommerce Multilingual documentation.
Upstart theme comes with a lot of small texts. You can complete any missing translations using WPML’s String Translation module. Follow the instructions for Theme and Plugin Localization. In a nutshell, go to WPML->Theme and Plugin Localization, and click on ‘Scan the theme for strings’. After doing it, you’ll see something like this:
Then, go to WPML -> String Translation to actually translate the texts. All Upstart strings are under context “woothemes”. You can use the Search tool to quickly find the texts that you need to translate.
For example, this:
will get you this in the front end:
Here is how Upstart homepage looks in English and in Spanish:
If you need help please head over to our technical forum.
Before posting about issues, we recommend that you review this quick checklist:
- Make sure you have the latest versions of the theme and of the WPML plugins, and that they are all activated. These include WPML Multilingual CMS, WPML String Translation and WPML Translation Management.
- The problem does not appear if the WPML plugins are deactivated, and it does appear when only the core WPML plugins are activated. In other words, try to make sure that it is an issue of compatibility of Upstart with WPML, since otherwise, Upstart support is likely to be able to help you better.
When you report issues, please:
- Tag your thread with the keyword Upstart. This will help route it to the correct support person.
- Tell us which URL structure you’re using.
- List any other major plugins that you’re using.