{"id":381,"date":"2021-07-30T15:18:41","date_gmt":"2021-07-30T15:18:41","guid":{"rendered":"https:\/\/leverage.codings.dev\/docs\/?p=381"},"modified":"2021-07-30T15:21:19","modified_gmt":"2021-07-30T15:21:19","slug":"multi-language-website-with-gtranslate-plugin","status":"publish","type":"post","link":"https:\/\/leverage.codings.dev\/docs\/multi-language-website-with-gtranslate-plugin\/","title":{"rendered":"Multi-language website with GTranslate plugin"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Overview<\/h4>

As much as modern browsers currently provide instant translation to users, it can be useful to have this feature directly in the website navigation bar.<\/p>

In this article we will show you how to do this with a free plugin that is very simple to use. The famous GTranslate<\/a>.<\/p>

Installing Plugins<\/h4>

From Dashboard go to Plugins > Add New<\/span>, look for GTranslate, install and activate it.<\/p>

Also install and activate the Shortcode in Menus<\/a> plugin. It will be useful to add the “Language Selector” in the navigation bar.<\/p>

Configuring Gtranslate<\/h4>

From Dashboard go to Settings > GTranslate<\/span> and configure as desired. Where it says “Widget look” we recommend that you select “Flags”. Check the checkboxes for the languages you need and save the settings.<\/p>

If you need more information see the plugin support page<\/a>.<\/em><\/p>

Adding a Language Selector<\/h4>

From Dashboard go to Appearance > Menu<\/span> and add a menu item of type “Shortcode”, in it type a title and in the larger field type [gtranslate]. Save the menu and it will appear on your website.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Styling the flags<\/h4>

To get a better appearance of the flags, we have prepared the Custom CSS that can be useful.<\/p>

From Dashboard go to Theme Settings > Advanced<\/span> and add it to Custom CSS<\/span>:<\/p>

.navbar-nav .glink {
 \u00a0margin:\u00a00\u00a05px;
}

.menu .menu-item-object-gs_sim {
 \u00a0display:\u00a0flex;
 \u00a0padding:\u00a015px\u00a00;
}<\/pre>
Conclusion<\/h4>
We hope this helps somehow users of the [Leverage] theme and also other themes to get multi-lingual sites incredibly easily.<\/p>
If you have any questions or suggestions send us a message to adm.codings@gmail.com<\/a><\/p>
Greetings \ud83d\ude42<\/p>
.<\/p><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"
Overview As much as modern browsers currently provide instant translation to users, it can be useful to have this feature…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,12],"tags":[],"class_list":["post-381","post","type-post","status-publish","format-standard","hentry","category-forms","category-theme-settings"],"acf":[],"_links":{"self":[{"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":6,"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/381\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/381\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/media?parent=381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/categories?post=381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leverage.codings.dev\/docs\/wp-json\/wp\/v2\/tags?post=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}