{"id":531,"date":"2020-02-03T15:21:22","date_gmt":"2020-02-03T15:21:22","guid":{"rendered":"https:\/\/loftocean.com\/doc\/loftloader\/?page_id=531"},"modified":"2020-02-04T04:17:34","modified_gmt":"2020-02-04T04:17:34","slug":"message-for-multilingual-site","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/message\/message-for-multilingual-site\/","title":{"rendered":"Message for Multilingual Site"},"content":{"rendered":"<p>If your website is a bilingual \/ multilingual website, you need to translate the custom message (and random messages) that appear in the loading screen so that the corresponding language version of messages can be displayed.<\/p>\n<p>The custom messages you typed in LoftLoader Pro Settings panel are &#8220;<strong>Dynamic content<\/strong>&#8220;, like posts, pages, categories, and other user defined strings. To translate those content, you can use the a multilingual plugin, such as WPML or Polylang.<\/p>\n<p>We will take Polylang as example.<\/p>\n<p>Step 1 &#8211; Enter custom messages in LoftLoader Pro settings panel > &#8220;<strong>Message<\/strong>&#8220;. Save the changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/enter-loading-messages.png\" alt=\"\" width=\"2560\" height=\"1440\" class=\"alignnone size-full wp-image-532\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/enter-loading-messages.png 2560w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/enter-loading-messages-300x169.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/enter-loading-messages-768x432.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/enter-loading-messages-1024x576.png 1024w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>Step 2 &#8211; You need to use <strong>Strings translations<\/strong> table of the Polylang plugin.<\/p>\n<p>To locate <strong>Strings translations table<\/strong>: on your site <strong>admin panel<\/strong> > <strong>Languages<\/strong> > <strong>Strings Translations<\/strong>.<\/p>\n<p>Then you will find that the custom messages you just entered appear in the <strong>Strings translations table<\/strong>. You can add the translated custom messages. Then save the changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/translate-messages.jpg\" alt=\"\" width=\"2000\" height=\"1073\" class=\"alignnone size-full wp-image-533\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/translate-messages.jpg 2000w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/translate-messages-300x161.jpg 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/translate-messages-768x412.jpg 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/translate-messages-1024x549.jpg 1024w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<p>Done.<\/p>\n<p>The English version of our testing site:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/english-version.png\" alt=\"\" width=\"2560\" height=\"1520\" class=\"alignnone size-full wp-image-534\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/english-version.png 2560w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/english-version-300x178.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/english-version-768x456.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/english-version-1024x608.png 1024w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>The French version:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/french-version.png\" alt=\"\" width=\"2560\" height=\"1520\" class=\"alignnone size-full wp-image-535\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/french-version.png 2560w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/french-version-300x178.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/french-version-768x456.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2020\/02\/french-version-1024x608.png 1024w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<div class=\"info-box\" style=\"border: 1px solid #eee; background: #fff; padding: 30px; margin-bottom: 50px;\"><span class=\"highlighted\">Please note:<\/span> The above solution works for the preloaders that were NOT created by generating and pasting shortcode.<\/div>\n<h4>How about the preloader that created with &#8220;Any Page Extension&#8221; feature (shortcode)?<\/h4>\n<p><strong>In this case, the solution is not actually translation, but rather creating different preloaders. <\/strong><\/p>\n<p>Therefore, you will need to create different preloaders for different languages. For example, our test site has an &#8220;About&#8221; page. Therefore, the following 2 pages should be in the &#8220;All Pages&#8221; list:<\/p>\n<ul>\n<li>English version: &#8220;About&#8221; page.<\/li>\n<li>French version: &#8220;\u00c0 propos de nous&#8221; page.<\/li>\n<\/ul>\n<p>When creating the preloader for the English version (&#8220;About&#8221;), we enter custom messages in English. Then generate the shortcode and add to this page. Save the changes.<\/p>\n<p>Then, in LoftLoader Pro settings panel, we customize a preloader for the French version, this time we enter custom messages in French, generate the shortcode, and paste the shortcode to the French version of the page (&#8220;\u00c0 propos de nous&#8221;).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If your website is a bilingual \/ multilingual website, you need to translate the custom message (and random messages) that appear in the loading screen so that the corresponding language version of messages can be displayed. The custom messages you typed in LoftLoader Pro Settings panel are &#8220;Dynamic content&#8220;, like posts, pages, categories, and other [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":101,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-531","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/comments?post=531"}],"version-history":[{"count":6,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/531\/revisions"}],"predecessor-version":[{"id":545,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/531\/revisions\/545"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/101"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}