{"id":624083,"date":"2015-05-22T12:34:06","date_gmt":"2015-05-22T12:34:06","guid":{"rendered":"https:\/\/wpml.org\/?p=624083"},"modified":"2016-06-20T14:44:45","modified_gmt":"2016-06-20T14:44:45","slug":"build-a-multilingual-site-with-the-divi-theme","status":"publish","type":"post","link":"https:\/\/wpml.org\/es\/tutorials\/2015\/05\/build-a-multilingual-site-with-the-divi-theme\/","title":{"rendered":"Build a multilingual site with the Divi theme"},"content":{"rendered":"<h3><img decoding=\"async\" class=\"aligncenter wp-image-882783 size-full\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-divi-theme-with-wpml.png\" alt=\"Translate divi theme with wpml\" width=\"680\" height=\"205\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-divi-theme-with-wpml.png 680w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-divi-theme-with-wpml-150x45.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-divi-theme-with-wpml-300x90.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/h3>\n<h3>Introduction<\/h3>\n<p>Divi is a smart and flexible multipurpose theme, it comes with an easy to use page builder and a handful of pre-made layouts that will help you create the website that suits your needs.If you are willing to have a multilingual site, Divi\u2019s integration with WPML will \u00a0allow you to translate all the theme elements effortlessly.<\/p>\n<h3>What you will need<\/h3>\n<ul>\n<li>The <a href=\"http:\/\/www.elegantthemes.com\/gallery\/divi\/\">Divi theme<\/a> (version 2.7.3 or above).<\/li>\n<li>A recent version of <a href=\"https:\/\/wpml.org\/purchase\/\">WPML<\/a> (version 3.3.7 or above), including the String Translation, Translation Management and Media translation add-ons.<\/li>\n<\/ul>\n<h3>Essential resources<\/h3>\n<ul>\n<li>WPML\u2019s <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/\">Getting Started Guide<\/a> will help you in setting up WPML in a few minutes. You will want to refer later to some of its subtopics, such as <a href=\"\/?page_id=2717\">Theme and Plugin Localization<\/a> and <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/string-translation\/\">String Translation<\/a>. We recommend that you keep this guide open while following this tutorial.<\/li>\n<li><a href=\"http:\/\/www.elegantthemes.com\/gallery\/divi\/documentation\/\">Divi\u2019s documentation<\/a> will provide you with all the information needed to set it up and using its different features.<\/li>\n<\/ul>\n<h3>Content<\/h3>\n<ul>\n<li><a href=\"#1\">Getting started<\/a><\/li>\n<li><a href=\"#2\">Translating Divi\u2019s home page\/ any page created with Divi page builder.<\/a><\/li>\n<li><a href=\"#3\">Translating other pages, posts, custom post types, and taxonomies<\/a><\/li>\n<li><a href=\"#4\">Translating other theme and site texts<\/a><\/li>\n<li><a href=\"#5\">Translating Divi\u2019s theme options<\/a><\/li>\n<li><a href=\"#6\">Translating Divi\u2019s custom layouts<\/a><\/li>\n<li><a href=\"#7\">Translating Divi\u2019s menus<\/a><\/li>\n<li><a href=\"#8\">Getting help<\/a><\/li>\n<li><a href=\"#9\">Conclusion<\/a><\/li>\n<\/ul>\n<h3 id=\"1\">Getting started<\/h3>\n<ul>\n<li>Install the Divi theme and activate it.<\/li>\n<li>Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management) first, followed by other WPML plugins that may depend on them.<\/li>\n<li>Set up WPML from WPML &gt; Languages. See our WPML <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/\">Getting Started Guide<\/a> for complete reference. The initial, simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector. (For starters, choose the footer language selector; you can change this later.)<\/li>\n<li>For this tutorial we will be creating our home page using the predefined layouts that comes with Divi.<\/li>\n<\/ul>\n<ol>\n<li>On your WordPress dashboard click on \u201cPages\u201d, then \u201c Add New\u201d.<\/li>\n<li>Click on \u201cUse The Divi Builder\u201d button.<\/li>\n<li>Click on \u201cLoad From Library\u201d.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-from-library.png\"><img decoding=\"async\" class=\"aligncenter wp-image-881988\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-from-library-300x142.png\" alt=\"Load from library\" width=\"500\" height=\"236\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-from-library-300x142.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-from-library-150x71.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-from-library-768x362.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-from-library.png 835w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"4\">\n<li>Scroll down and click on the \u201cLoad\u201d button next to \u00a0\u201cHomepage Corporate\u201d , you can choose any layout you prefer.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Choose-your-predefined-layout.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882007\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Choose-your-predefined-layout-300x159.png\" alt=\"Choose your predefined layout\" width=\"500\" height=\"266\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Choose-your-predefined-layout-300x159.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Choose-your-predefined-layout-150x80.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Choose-your-predefined-layout-768x408.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Choose-your-predefined-layout.png 994w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"5\">\n<li>Now, You can click on the preview link to see your home page.<\/li>\n<\/ol>\n<h3 id=\"2\">Translating Divi home page<\/h3>\n<p>https:\/\/youtu.be\/euR6YI-ROiU<\/p>\n<ol>\n<li>Navigate to \u201cPages\u201d &gt; \u201cAll Pages\u201d on your WordPress dashboard, You will see columns for each active language, with a <img decoding=\"async\" class=\"alignnone size-full wp-image-882073\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Pen-icon.png\" alt=\"Pen icon\" width=\"17\" height=\"16\" \/>\u00a0icon (for \u2018edit translation\u2019) or a <img decoding=\"async\" class=\"alignnone size-full wp-image-882074\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Plus-icon.png\" alt=\"Plus icon\" width=\"16\" height=\"16\" \/>\u00a0icon (for \u2018add translation\u2019) next to each page. Go ahead and Click on the <img decoding=\"async\" class=\"alignnone size-full wp-image-882074\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Plus-icon.png\" alt=\"Plus icon\" width=\"16\" height=\"16\" \/>\u00a0icon to edit the translation for the home page that you have created.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882011\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-1-300x115.png\" alt=\"Home page translation-1\" width=\"500\" height=\"191\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-1-300x115.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-1-150x57.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-1-768x293.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-1-1024x391.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-1.png 1331w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"2\">\n<li>Click on the \u201cCopy content from English\u201d found on the language meta-box on the right, then click on \u201cUse the Divi Builder \u201d button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882015\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-2-300x131.png\" alt=\"Home page translation-2\" width=\"500\" height=\"218\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-2-300x131.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-2-150x65.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-2-768x335.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-2-1024x446.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-2.png 1331w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"3\">\n<li>Add the translated text to the page title and the different theme elements and click on the \u201cSave\u201d button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-3.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882016\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-3-300x160.png\" alt=\"Home page translation-3\" width=\"500\" height=\"267\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-3-300x160.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-3-150x80.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-3-768x409.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Home-page-translation-3.png 994w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Note that these steps apply to any page created using the \u201cDivi Page Builder\u201d.<\/p>\n<h3 id=\"3\">Translating pages, posts, post categories, custom post types and custom taxonomies<\/h3>\n<p>In a similar manner, you can translate all other pages and posts, including the custom post types \u201cProjects\u201d. For example, here is how to translate a post :<\/p>\n<ol>\n<li>Navigate to \u201cPosts\u201d and click on the <img decoding=\"async\" class=\"alignnone size-full wp-image-882074\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Plus-icon.png\" alt=\"Plus icon\" width=\"16\" height=\"16\" \/>\u00a0icon.<\/li>\n<li>Click on the \u201cCopy content from\u201d button to load your default language post content.<\/li>\n<li>Add the translated content.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Post-translation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882022\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Post-translation-300x134.png\" alt=\"Post translation\" width=\"500\" height=\"224\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Post-translation-300x134.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Post-translation-150x67.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Post-translation-768x344.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Post-translation-1024x459.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Post-translation.png 1326w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3>Translating post categories<\/h3>\n<ol>\n<li>Navigating to Posts &gt; Categories, as an example we will create a category and name it \u201cEn-Category\u201d and click on the \u201cAdd New Category\u201d button.<\/li>\n<li>Click on the category that we have created.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Catagory-translation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882025\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Catagory-translation-300x137.png\" alt=\"Catagory translation\" width=\"500\" height=\"228\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Catagory-translation-300x137.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Catagory-translation-150x68.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Catagory-translation-768x350.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Catagory-translation-1024x467.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Catagory-translation.png 1319w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"3\">\n<li>Click on the \u201cadd\u201d link to add the translation of the category.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-tranalation-to-catagory.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882028\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-tranalation-to-catagory-300x119.png\" alt=\"add tranalation to catagory\" width=\"500\" height=\"198\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-tranalation-to-catagory-300x119.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-tranalation-to-catagory-150x59.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-tranalation-to-catagory-768x304.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-tranalation-to-catagory-1024x406.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-tranalation-to-catagory.png 1320w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"4\">\n<li>Fill the Name, Slug and Description fields with the category translation and click on the \u201cAdd New Category\u201d button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-translated-content-to-the-catagory.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882030\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-translated-content-to-the-catagory-300x251.png\" alt=\"add translated content to the catagory\" width=\"500\" height=\"418\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-translated-content-to-the-catagory-300x251.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-translated-content-to-the-catagory-150x126.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-translated-content-to-the-catagory-768x643.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-translated-content-to-the-catagory-1024x857.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/add-translated-content-to-the-catagory.png 1366w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3>Translating custom post types (Project) and Project categories<\/h3>\n<p>The custom post type \u201cProject\u201d can be translated using the same steps followed to translate the regular post. Also, the post project categories can be translated in the same manner as we translated the regular post categories.<\/p>\n<h3>Translating custom taxonomies<\/h3>\n<ol>\n<li>Go to WPML &gt; Taxonomy Translation<\/li>\n<li>Select \u201cProject Categories\u201d from the \u201cSelect the taxonomy to translate\u201d drop-down menu.<\/li>\n<li>Click on the \u201ctranslate\u201d button to add the custom taxonomy translation by filling the required fields and then click on the \u201cOK\u201d button, as shown below.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Taxonomy-Translation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882033\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Taxonomy-Translation-300x134.png\" alt=\"Taxonomy Translation\" width=\"500\" height=\"223\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Taxonomy-Translation-300x134.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Taxonomy-Translation-150x67.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Taxonomy-Translation-768x343.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Taxonomy-Translation-1024x457.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Taxonomy-Translation.png 1336w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3 id=\"4\">Translating Divi\u2019s theme text and other strings on your website<\/h3>\n<p>To translate the theme strings, you will need to scan it for strings. This will register the strings for translation on the string translation screen. (Read more about <a href=\"\/?page_id=2717\">Theme and Plugin Localization<\/a>.)<\/p>\n<p>This can be done by following the steps below:<\/p>\n<ol>\n<li>Go to WPML &gt; Theme and plugin localization.<\/li>\n<li>Choose the \u201cTranslate the theme and plugins using WPML&#8217;s String Translation\u201d option and click the \u201cSave\u201d button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-the-theme-and-plugins-using-WPMLs-String-Translation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882034\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-the-theme-and-plugins-using-WPMLs-String-Translation-300x127.png\" alt=\"Translate the theme and plugins using WPML's String Translation\" width=\"500\" height=\"212\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-the-theme-and-plugins-using-WPMLs-String-Translation-300x127.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-the-theme-and-plugins-using-WPMLs-String-Translation-150x64.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-the-theme-and-plugins-using-WPMLs-String-Translation-768x326.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-the-theme-and-plugins-using-WPMLs-String-Translation-1024x435.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Translate-the-theme-and-plugins-using-WPMLs-String-Translation.png 1332w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"3\">\n<li><span style=\"font-weight: 400;\">Click on the \u201cScan the theme for strings\u201d button. This will register the theme texts for translation on the string translation screen. Check the illustration below.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Scan-theme-for-strings.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882035\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Scan-theme-for-strings-300x125.png\" alt=\"Scan theme for strings\" width=\"500\" height=\"209\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Scan-theme-for-strings-300x125.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Scan-theme-for-strings-150x63.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Scan-theme-for-strings-768x321.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Scan-theme-for-strings-1024x428.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Scan-theme-for-strings.png 1330w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"4\">\n<li>Now you can navigate to WPML &gt;&gt; String translation<\/li>\n<\/ol>\n<p>Strings can be filtered by:<\/p>\n<ul>\n<li>Select which strings to display (Translation complete, Translation needed, Waiting for translator).<\/li>\n<li>Select a specific text domain.<\/li>\n<li>Search for a specific string by typing it in the \u201csearch for:\u201d field and click the \u201csearch\u201d button.<\/li>\n<\/ul>\n<ol start=\"5\">\n<li>Click on \u201ctranslations\u201d and add your translated text. Then choose the \u201cTranslation is complete\u201d option and click \u201cSave.\u201d<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/String-translation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882040\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/String-translation-300x134.png\" alt=\"String translation\" width=\"500\" height=\"223\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/String-translation-300x134.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/String-translation-150x67.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/String-translation-768x342.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/String-translation-1024x456.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/String-translation.png 1328w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Note that translating the theme options can be achieved by choosing \u201cadmin_texts_et_divi\u201d string domain on the string translation screen.<\/p>\n<h3 id=\"5\">Translating Divi\u2019s theme options<\/h3>\n<p>Theme options can be translated using the string translation page. For example if we want to translate the \u201cHomepage custom title\u201d available in Divi\u2019s SEO theme options.<\/p>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882041\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-1-300x292.png\" alt=\"theme options translation 1\" width=\"500\" height=\"486\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-1-300x292.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-1-150x146.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-1-768x747.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-1-1024x996.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-1.png 1135w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Navigate to the \u201cString Translation\u201d page and choose the string domain \u201cadmin_texts_theme_Divi\u201d, find your Homepage custom title and add the translated content then click on the \u201cSave\u201d button as shown below.<\/p>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882042\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-2-300x134.png\" alt=\"theme options translation 2\" width=\"500\" height=\"223\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-2-300x134.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-2-150x67.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-2-768x342.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-2-1024x456.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/theme-options-translation-2.png 1319w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3 id=\"6\">Translating Divi\u2019s custom layouts<\/h3>\n<p>With Divi you can create your own layouts and save them to be used in different pages or posts. Check Divi\u2019s documentation of <a href=\"http:\/\/www.elegantthemes.com\/gallery\/divi\/documentation\/loading\/\">Saving and Loading Custom Layouts<\/a>. These layouts can be translated using WPML, you can even have different layouts for your languages. Follow these steps to create, save, translate and load your custom layouts:<\/p>\n<ol>\n<li>On your WordPress dashboard navigate to Divi &gt; Divi Library and click on the add new button. <strong>Ensure that the main language switched in your WordPress dashboard is set to be your default language.<\/strong><\/li>\n<li>Fill in the layout name and choose the \u201cTemplate Type:\u201d to be \u201cLayout\u201d<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/English-Layout.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882044 size-medium\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/English-Layout-300x292.png\" alt=\"English Layout\" width=\"300\" height=\"292\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/English-Layout-300x292.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/English-Layout-150x146.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/English-Layout.png 389w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ol start=\"3\">\n<li>Create the layout structure that you prefer, in our example we will add a text module to the left and an image module to the right, then click on the \u201cPublish\u201d button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Crearting-English-layout.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882048\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Crearting-English-layout-300x135.png\" alt=\"Crearting English layout\" width=\"500\" height=\"224\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Crearting-English-layout-300x135.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Crearting-English-layout-150x67.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Crearting-English-layout-768x345.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Crearting-English-layout-1024x460.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Crearting-English-layout.png 1330w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ol start=\"4\">\n<li>Click on the <img decoding=\"async\" class=\"alignnone size-full wp-image-882074\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Plus-icon.png\" alt=\"Plus icon\" width=\"16\" height=\"16\" \/>\u00a0icon in the language meta-box found on the right to create the translated layout.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Add-translation-to-the-layout.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882057 size-medium\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Add-translation-to-the-layout-225x300.png\" alt=\"Add translation to the layout\" width=\"225\" height=\"300\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Add-translation-to-the-layout-225x300.png 225w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Add-translation-to-the-layout-113x150.png 113w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Add-translation-to-the-layout.png 268w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/a><\/p>\n<ol start=\"5\">\n<li>Add the title for the translated layout, in our case it will be \u201cSpanish Layout\u201d. You can choose a different layout structure. For example we set the text module to be on the right and the image module to be on the left. You can choose any layout you prefer then click on the \u201cPublish\u201d button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Spanish-Layout.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882064\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Spanish-Layout-300x135.png\" alt=\"Spanish Layout\" width=\"500\" height=\"226\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Spanish-Layout-300x135.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Spanish-Layout-150x68.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Spanish-Layout-768x347.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Spanish-Layout-1024x463.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Spanish-Layout.png 1324w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>When loading these layout templates to your pages, you can load the English layout to your English pages and the Spanish Layouts to the spanish pages. This can be done by:<\/p>\n<ol>\n<li>adding a new page &gt; Click on the \u201cUse Divi Builder\u201d button &gt; Click in \u201cLoad From Library\u201d tab.<\/li>\n<li>Click on the the \u201cAdd From Library\u201d tab and click on the \u201cLoad\u201d button to load the English layout.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-English-Layout-template.png\"><img decoding=\"async\" class=\"aligncenter wp-image-882068\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-English-Layout-template-300x117.png\" alt=\"Load English Layout template\" width=\"500\" height=\"194\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-English-Layout-template-300x117.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-English-Layout-template-150x58.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-English-Layout-template-768x299.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2015\/05\/Load-English-Layout-template.png 972w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>The same steps can be followed to add the translated layout to your secondary language(s) page(s).<\/p>\n<h3 id=\"7\">Translating Divi\u2019s menus<\/h3>\n<p>With WPML, you can easily synchronize between your languages\u2019 menus. For more information, please check our full <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/translating-menus\/\">menus translation<\/a> tutorial.<\/p>\n<h3 id=\"8\">Getting help<\/h3>\n<p>If you need help using WPML with Divi \u00a0theme, please navigate to our<a href=\"https:\/\/wpml.org\/forums\/forum\/english-support\/\"> technical forum<\/a>.<\/p>\n<p>Before posting your concerns, we recommend that you review the following:<\/p>\n<ol>\n<li>Ensure you have the latest versions of the theme and WPML plugins, and that they are all activated. These include WPML Multilingual CMS, WPML String Translation, and WPML Translation Management.<\/li>\n<li>Confirm that your issue does not arise when the WPML plugins are deactivated, but does arise when only the core WPML plugins are activated. In other words, ensure that it is an issue of compatibility of Divi with WPML. Otherwise, Divi\u2019s support can offer better assistance.<\/li>\n<\/ol>\n<h3 id=\"9\">Conclusion<\/h3>\n<p>Divi theme has many features, with WPML integration you will be able to easily translate all its different elements. The detailed instructions introduced in this tutorial will allow you to build your localized website smartly using Divi theme and WPML.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Divi is a smart and flexible multipurpose theme, it comes with an easy to use page builder and a handful of pre-made layouts that will help you create the website that suits your needs.If you are willing to have a multilingual site, Divi\u2019s integration with WPML will \u00a0allow you to translate all the theme [&hellip;]<\/p>\n","protected":false},"author":10760,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-624083","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts\/624083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/users\/10760"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/comments?post=624083"}],"version-history":[{"count":8,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts\/624083\/revisions"}],"predecessor-version":[{"id":920229,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts\/624083\/revisions\/920229"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/media?parent=624083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/categories?post=624083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/tags?post=624083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}