{"id":234,"date":"2025-01-08T06:26:22","date_gmt":"2025-01-08T06:26:22","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit\/?p=234"},"modified":"2025-02-03T06:14:13","modified_gmt":"2025-02-03T06:14:13","slug":"loco-translate","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit\/2025\/01\/08\/loco-translate\/","title":{"rendered":"Loco Translate"},"content":{"rendered":"<div class=\"nolwrap\">\n<h5 class=\"wp-block-heading\">What is Loco Translate?<\/h5>\n\n\n\n<p>Loco Translate is a WordPress plugin that enables you to edit PO (Portable Object) translation files directly in your browser. It lets you create and update language files for themes and plugins, integrating with automatic translation services (like DeepL, Google, Microsoft, or Lecto AI) if desired. Its in-dashboard editor replaces the need to use external tools like Poedit, offering a more convenient solution for translating static (non-dynamic) content such as user interface strings.<\/p>\n\n\n\n<p>Below is a simple, non-developer step\u2010by\u2010step guide for using your existing .pot files with Loco Translate to translate your theme or plugin texts:<\/p>\n\n\n\n<p>You can Download it from here: (<a href=\"https:\/\/wordpress.org\/plugins\/loco-translate\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/loco-translate\/<\/a>).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 1: Install and Activate Loco Translate<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress Dashboard:<br>Navigate to Plugins &gt; Add New.<\/li>\n\n\n\n<li>Search for \u201cLoco Translate\u201d:<br>Click Install Now and then Activate.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1900\" height=\"956\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/loco-translate-1.png\" alt=\"\" class=\"wp-image-1276\" \/><\/figure>\n\n\n\n<p>Once activated, a new menu item called \u201cLoco Translate\u201d appears on your left-hand sidebar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2: Access Your Theme or Plugin Translations<\/h4>\n\n\n\n<p>Since your theme and plugins already have a .pot file (the template for translations), you can create your own translation files:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Themes:\n<ul class=\"wp-block-list\">\n<li>In the WordPress admin sidebar, click <strong>Loco Translate &gt; Themes<\/strong>.<\/li>\n\n\n\n<li>Find and click on the theme you want to translate.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>For Plugins:\n<ul class=\"wp-block-list\">\n<li>Click <strong>Loco Translate &gt; Plugins<\/strong>.<\/li>\n\n\n\n<li>Select the plugin you wish to translate.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1733\" height=\"319\" data-id=\"1287\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/loco-translate-theme.png\" alt=\"\" class=\"wp-image-1287\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1733\" height=\"628\" data-id=\"1286\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/loco-translate-plugin.png\" alt=\"\" class=\"wp-image-1286\" \/><\/figure>\n<\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 3: Add a New Language Translation<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click \u201cNew language\u201d:<br>When you open your theme or plugin in Loco Translate, you\u2019ll see a button labeled <strong>New language<\/strong>.<\/li>\n\n\n\n<li>Select Your Desired Language: <br>Choose the language you want to translate into from the dropdown list (for example, Spanish, French, etc.).<\/li>\n\n\n\n<li>Choose a Storage Location: <br>For safety (to avoid losing your translations during updates), select the option labeled \u201cCustom\u201d. This will store your translations in a safe folder (for example, in <strong>wp-content\/languages\/loco\/themes\/your-theme-{locale}.po<\/strong>).<\/li>\n\n\n\n<li>Click \u201cStart Translating\u201d: <br>This action will create a new translation file (a .po file) from your .pot file and open the translation editor.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1736\" height=\"620\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/loco-translate-language.png\" alt=\"\" class=\"wp-image-1305\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 4: Translate the Strings<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>See the List of Strings: <br>You\u2019ll see all the texts (strings) from your theme or plugin that can be translated.<\/li>\n\n\n\n<li>Select a String to Translate:<br>Click on any string in the list. The original text (usually in English) appears on the left.<\/li>\n\n\n\n<li>Enter Your Translation:<br>In the box on the right, type in your translation.<\/li>\n\n\n\n<li>Use the Search Box:<br>If you are looking for a specific piece of text, use the search field to find it quickly.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1733\" height=\"823\" data-id=\"1317\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/loco-translate-language-search.png\" alt=\"\" class=\"wp-image-1317\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1726\" height=\"809\" data-id=\"1316\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/loco-translate-language-result.png\" alt=\"\" class=\"wp-image-1316\" \/><\/figure>\n<\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 5: Save Your Work<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click \u201cSave\u201d:<br>After you\u2019ve added your translation, click the <strong>Save<\/strong> button in the toolbar (or use the keyboard shortcut if available).<\/li>\n\n\n\n<li>Automatic File Generation:<br>Loco Translate will automatically generate the corresponding .mo file (the file WordPress uses to show the translations).<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Step 6: Verify Your Translations<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Switch Your Site Language (if needed):<br>To see your translations in action, go to <strong>Settings &gt; General<\/strong> in your WordPress Dashboard and change the <strong>Site Language<\/strong> to the language you just translated.<\/li>\n\n\n\n<li>Check Your Site\u2019s Front End:<br>Visit your site pages to ensure the translated texts are now showing as expected.<\/li>\n<\/ul>\n\n\n\n<p>This process uses your existing .pot file as the source for all translatable texts and creates a new language file that holds your translations. With these steps, you can update all texts to your desired language without any need for coding. Enjoy your newly translated site!<\/p>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>What is Loco Translate? Loco Translate is a WordPress plugin that enables you to edit PO (Portable Object) translation files directly in your browser. It lets you create and update language files for themes and plugins, integrating with automatic translation services (like DeepL, Google, Microsoft, or Lecto AI) if desired. Its in-dashboard editor replaces the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1059,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-234","post","type-post","status-publish","format-standard","hentry","category-streamit"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/streamit\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/comments?post=234"}],"version-history":[{"count":23,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/234\/revisions"}],"predecessor-version":[{"id":1320,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/234\/revisions\/1320"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/1059"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/media?parent=234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/categories?post=234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/tags?post=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}