Creating a multilingual project with Kwik 2 – Part 2 (Expert)

In the past tutorial, I setup the project for a multilingual experience. In this posting, I will teach how to configure images (layers) and audio to just show up when the corrected language is selected.

Adding audio files to the project

In page2, there is a line of text (for each language) that needs to be associated with an audio file. In order to enable multi-language to audio, name each audio with the same name. For example, if you have an audio called narration.mp3, name it en_narration.mp3 for the English version and sp_narration.mp3, for the Spanish version.

After renaming my audio files to the correct setup, I am ready to import them, using the Project and Pages->Add Audio option. It will open the following window:
Screen Shot 2013-01-31 at 3.37.32 PM

Browse to the location of your first file (order is not important here), in this case I picked the English one. I set it as Read Me file, Play when page starts, for the Loop, I set it to play only once, and in the Languages popup I selected English. When you imported the first multi-language audio, Kwik will import all other audio files (it works for video too), named with the above convention (2-same-letters-used-for-the-languageID_audioname).

Syncing audio and text

In order to setup the sync text with audio, we need to select each text layer (in our case layers padre and father) and make the properly connections. Select layer father and click Layers and Replacements->Synch audio and text replacement. When the window appears:
Screen Shot 2013-01-31 at 3.54.29 PM

I enabled Use page Read Me audio file and imported the labels previously created in Audacity. I then set the highlight color to yellow. I then did the same for the layer padre, changing the hightlight color to light blue:
Screen Shot 2013-01-31 at 3.56.42 PM

Setting image layers (layers used as animations or static image)
Now, let’s select only the correct line of text for each language. Selecting layer father (or padre, as order is not important here), then going to Layers and Replacements->Set language to a layer a window opens:

Screen shot 2011-12-11 at 1.14.03 PM
The first parameter Multi-layer, allows me to create a group for all related images. My only option at this moment is “** NEW **” so, I accepted that. As I am in the father layer, I picked the English language in the Languages popup.

Now, I selected the layer padre, and do the same for this layer. The difference now is the fact I pick father in the Multi-layer popup, as I am associating the layer padre to this already created group. I selected the Spanish, as this is the correct language for this layer. IMPORTANT: Grouping the correct layers to their correct groups is crucial for the success of a multilingual project.

Screen shot 2011-12-11 at 1.19.29 PM
For more information about setting languages to layers, check the user guide: https://www.kwiksher.com/user-guide/set-language/

In the next posting I will cover animations and buttons.

Privacy Preference Center

Strictly Necessary

these coolies are for WP-SpamShield, gdpr-wp, woocommerce, paypal

PHPSESSID, SJECT16, JCS_INENREF, JCS_INENTIM, gdpr, woocommerce_cart_hash, woocommerce_items_in_cart, woocommerce_recently_viewed, wordpress_, wordpress_logged_in_, wordpress_sec_, wordpress_test_cookie, wp_woocommerce_session_, AKDC, akavpau_ppsd

Functionality

WordPress cookie created when auto-saving a post in the editor.

wp-saving-post, wp-settings-, wp-settings-time-

Performance

google analytic

__utma,__utmb,__utmc,__utmz,_ga,_gid,_gat

Advertising