Meta Slider and WPML

Introduction

Meta Slider is an easy-to-use WordPress slider plugin. Its integration with WPML allows you to translate your sliders. In this tutorial, we will provide you with detailed instructions on how to translate your sliders.

Required Plugins

  • Meta Slider plugin (version 2.1.31 or above)
  • A recent version of WPML (version 3.3.7 or above) String Translation and the Media Translation add-on

Essential Resources

Getting started

  • Install and activate the WPML plugin along with the Media translation add-on.
  • Install and activate the Meta Slider Gallery plugin.

Content

  • Create your default language slider.
  • Create your secondary language slider.
  • Insert the default language slider into the page/post and translate it.

Create your default language slider

  1. Make sure that your admin bar language switcher is set to your default language.
  2. Click on the Meta Slider menu item on your WordPress dashboard.
  3. Click on the “+” icon to add a new slider.

Creat default language slider

  1. Click on the Add Slide button to add your images (slides). This allows you to add images from your media library or even upload new ones, then click on the Add to slider button.

Add slides

  1. Add the title for your slider.
  2. Add the slide (image) meta-data (caption, title, and Alt text)
  3. Click on the Save button.

Add slider translated title and slides meta-data

  1. Copy the slider’s short-code  as we will need to paste it into the default language page/post a bit later.

Defualt language slider short code

Note: if you had images in your media library before installing WPML. On your WordPress dashboard navigate to WPML -> Media Translation -> Make sure that all the options as shown below in the existing media section -> Click on the Start button. Read more about the Media Translation Module.

Handeling media translation

Create your secondary language slider

  1. Use the admin bar language switcher found on your WordPress dashboard to switch to your secondary language.

Switch to secondary language

  1. Click on the “+” icon to create your secondary language slider.
  2. Follow the same steps to add the slides (images) to your slider.
  3. Add the translated title for your slider.
  4. Add the slide (image) translated meta-data texts (caption, title and Alt text)
  5. Click on the Save button and copy the slider’s short-code to be added later to the translated page.

Add slider translated title and slides meta-data

Insert the default language slider into the page/post and translate it

  1. On your WordPress dashboard click on Pages -> Add New to create a new page and insert the slider to it, or you can choose one of your existing pages.

Please make sure to choose your default language from the admin bar language switcher.

  1. Add the title and page content and paste the slider short-code of the default language slider.
  2. Click on the Publish button.

English slider page

  1. Click on the “+” icon found on the language meta-box on the right to add the translated text to your page.
  2. Paste the secondary language short-code for your slider and click on the Publish button.

French slider page

Note that you can use the Add Slider button to insert the slider into the page/post.

This is how the sliders look on the front-end:

Front end in English

Front end in French

Conclusion

If you are running a multilingual website it is important to translate all of its elements. Meta Slider is fully compatible with WPML, which allows you to translate your sliders effortlessly. In this tutorial, we have created two instances of the slider. The first one is inserted to our default language page and the other is inserted in our secondary language page.