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.
- 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
- WPML’s Getting Started Guide helps you in setting up WPML in a few minutes. You will want to refer later to some of its subtopics, such as Media Translation.
- Meta Slider documentation provides step-by-step instructions on how to create, customize, and insert sliders into pages.
- Install and activate the WPML plugin along with the Media translation add-on.
- Install and activate the Meta Slider Gallery plugin.
- 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
- Make sure that your admin bar language switcher is set to your default language.
- Click on the Meta Slider menu item on your WordPress dashboard.
- Click on the “+” icon to add a new slider.
- 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 the title for your slider.
- Add the slide (image) meta-data (caption, title, and Alt text)
- Click on the Save button.
- Copy the slider’s short-code as we will need to paste it into the default language page/post a bit later.
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.
Create your secondary language slider
- Use the admin bar language switcher found on your WordPress dashboard to switch to your secondary language.
- Click on the “+” icon to create your secondary language slider.
- Follow the same steps to add the slides (images) to your slider.
- Add the translated title for your slider.
- Add the slide (image) translated meta-data texts (caption, title and Alt text)
- Click on the Save button and copy the slider’s short-code to be added later to the translated page.
Insert the default language slider into the page/post and translate it
- 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.
- Add the title and page content and paste the slider short-code of the default language slider.
- Click on the Publish button.
- Click on the “+” icon found on the language meta-box on the right to add the translated text to your page.
- Paste the secondary language short-code for your slider and click on the Publish button.
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:
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.