How To Create A Multilingual WordPress Gallery With Weglot And Modula

Share on FacebookTweet about this on TwitterShare on LinkedIn

This article is a guest post from Cristian, developer and owner of Modula WordPress Photo Gallery Plugin and CPOThemes.

If you’ve ever created a multilingual website, you know the pain of tracking down every single little string and making sure it’s properly translated.

One of the reasons so many people are turning to Weglot is because it makes this process, well, a lot less painful.

And that got us wondering – could we use Weglot to translate all the text from Modula, our very own WordPress image gallery plugin?

Modula gives users an option to add plenty of non-standard text in the form of image titles, hover captions, and filterable categories, so we were interested if Weglot was up to the job of handling all these little details.

Well – spoiler – it was. And in this post, we’re going to share exactly how you can create a multilingual WordPress image gallery using Weglot and Modula.

Let’s get started!

Step 1: Create Your Gallery With Modula

Before you can translate a gallery, you need to actually…have a gallery.

Thankfully, Modula makes that pretty easy.

To get started, you head to Modula → Add Gallery. Then you:

  • Give it a name
  • Add an internal description
  • Set the width and height

Then:

  • Choose where to pull title text from (or disable titles)
  • Choose where to pull caption text from (or disable captions)
  • Select a hover effect

Because we want to give you a full look at the translation’s completeness, we’ll use both titles and captions for our example:

Then, all you need to do is select your minimum image width/height, upload the actual images, and save the gallery to generate a shortcode:

At this point, you could just insert the shortcode and enjoy your new gallery. But we want to take this translation one step further and set up one more advanced feature:

Gallery filters.

With filters, users can click on a filter to only see images that are tagged with that filter.

To demonstrate this, we’ll set up a filter for:

  • Mountains
  • Beach

And then make sure to translate those filters through Weglot, as well!

Once we put the shortcode on our test site, our gallery looks like this:

If users hover over a picture, they’ll also see the image’s caption.

Now, it’s time to get to translating!

Step 2: Sync Your Site With Weglot

Given the website we’re on, we’re going to go through this pretty quick. If you need more help, though, you can always check out the WordPress getting started guide.

Before you can start translating your gallery, you need to quickly configure your site with Weglot.

Thankfully, that’s pretty easy. After signing up for a Weglot account, all you need to do is plug the API Key into the plugin’s interface and configure some basic settings:

And in under a minute, you already have a multilingual website.

What does that look like for our example gallery?

Well, after using the language switcher to change to Romanian from the default English language version, you can see that Weglot already managed to translate the gallery’s:

  • Filters
  • Image titles
  • Image captions

That’s every single text string in the gallery, if you’re keeping track.

So far so good. But what if you want to manually edit some of the automatic translations that Weglot came up with?

Step 3: Fine-Tune Your Translations Via The Weglot Dashboard

Weglot already did all the heavy lifting by automatically translating the gallery. But if you want to fine-tune the translations for your gallery, you can dig into the Weglot interface and manually edit your translations (or outsource the work to a professional).

To edit translations, you have two different editors:

  • Visual Editor
  • String Editor

Using The Weglot Visual Editor To Translate Modula

The absolute simplest way to manage your gallery’s translations is via the Visual Editor, which you can access right from your Weglot dashboard:

Once you open the Visual Editor, you’ll see your site in your original language (though you can also edit the translated version directly, if you’d prefer).

To edit the translations, all you do is click on the piece of text you want to edit:

Then, you can edit the translation right there:

Weglot’s Visual Editor will even work on the caption text that appears with Modula’s hover effects – it handles everything.

Using The Weglot Translations List To Translate Modula

If you’d prefer another way to edit your gallery, you can also use Weglot’s Translation List interface.

Here, all you need to do is select the page that contains your gallery. Then, you can edit every single piece of text that appears anywhere in your gallery:

Get Your Gallery Translated By A Professional

Not a fan of manually translating your gallery? No worries! You can even outsource the translation to a professional in just a few clicks:

WordPress Is Flexible, Translations Should Be, Too

Just because you’re creating content that falls outside the normal WordPress text editor, that doesn’t mean it should be a pain to create a multilingual website.

With Weglot and Modula, you can create stylish image galleries for all your visitors – no matter where they’re coming from or what language they speak!

Give this dynamic duo a try and see what it can do for your website.

Cristian is the owner of WordPress Modula Gallery plugin and CPO Themes.
Share on FacebookTweet about this on TwitterShare on LinkedIn

Cristian

Cristian is the owner of WordPress Modula Gallery plugin and CPO Themes.