In this tutorial, you will learn how to create a multilingual site with Upstart theme, from WooThemes, and WPML.

About Upstart

Upstart is a responsive, full-width theme, which displays a huge slider, team members, products and blog posts.

Upstart

Upstart

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.

Contents of this tutorial

Click on the links to jump to each section:

Required plugins

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.

Getting started

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.

Translating menus

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.

menu-backend

This is how it looks in the front-end:

menu-frontend

Translating slides

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:

slide-backend

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:

slides-all

After translating slide to Spanish, this is how this slide will look:
slide-frontend

Translating slide groups

Simply go to Slides->Slide Groups, and follow the procedure described for translating post categories in Translating Post Categories and Custom Taxonomies.

slide-groups

Translating testimonials

Testimonials are posts with custom post type ‘testimonial’, so they are translated like any other post or page in WPML.

testimonials-backend

This is how it looks in the front-end:

testimonials-frontend

Translating blog

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:

translating-blog

Translating featured products

WPML let you run fully multilingual e-commerce sites using WooCommerce. The procedure how to translate products is described in WooCommerce Multilingual documentation.

translating-products

Translating general texts

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:

scan

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.

strings

For example, this:

getintouch-backend

will get you this in the front end:

getintouch-frontend

Results

Here is how Upstart homepage looks in English and in Spanish:

Upstart homepage in English

Upstart homepage in English

Upstart homepage in Spanish

Upstart homepage in Spanish

Getting help

If you need help please head over to our technical forum.

Before posting about issues, we recommend that you review this quick checklist:

  1. 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.
  2. 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.
  • Tell us if you’re seeing PHP or Javascript errors. See how to enable debug mode.