Originally written
February 7, 2014
Updated
February 7, 2020

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

In case you need help translating your site built using Upstart and WPML, visit WPML’s support forum.