Categories
Website Design

How to Create a Multilingual WordPress Site (Translate site into multiple languages) [Video]

How to Create a Multilingual WordPress Site (Translate site into multiple languages)

Get our NEW Course ➜ https://link.websitelearners.com/Word

Learn WordPress and create any Website in less than 7 days with our “Make A Pro Website” WordPress course

Hire a professional from Fiverr ➜ https://websitelearners.com/fiverr-wordpress

Learn how you can make your WordPress website multilingual.

Let’s say you’ve a website and when your visitor visits your website,

They get an option to view the site in their preferred language.

You can do this by following our 2 simple steps.

So let’s get started.

Table of contents:

0:00 Intro

0:40 Install ‘GTranslate’ plugin

1:34 Add the translate option to your website

3:26 Add the translate option to the footer area

4:37 Make your website change automatically to the viewer’s browser language.

6:06 Display languages in native names

6:48 Add country flags next to languages

Step 1 : Install ‘GTranslate’ plugin

To install the plugin

Go to WordPress Dashboard ► Plugin’s ► Add New

Now search for ‘GTranslate’ plugin.

This is the plugin which helps you translate your website into multiple languages.

Now click ‘Install’ & ‘Activate’.

Once you’ve installed the plugin, you can go to the next step.

Step 2 : Add the translate option to your website

So to add the translate option,

Go to WordPress Dashboard ► Settings ► GTranslate

Now here you need to select the languages which are available to translate your website.

Once you’ve selected the languages,

Next you need to choose where you want to display the translate option on your website.

If you want to display the translate option on menu,

Go to WordPress Dashboard ► Settings ► GTranslate

Under widgets, right next to ‘show in menu’, choose ‘Primary Menu’.

If you want to display translate option in footer section,

Go to WordPress Dashboard ► Appearance ► Widgets

Now just drag & drop the GTranslate widget to the Footer Widget Area.

So this is how you can add the translate option to your website.

Now let’s say a person from a different country visits your website.

Now instead of he/she changing the language manually to their native language,

You can make your website change automatically to the viewer’s browser language.

To do that, go to WordPress Dashboard ► Settings ► GTranslate

Now just enable the ‘Auto switch to browser language’ option.

Now if you want to display the languages in the native names,

Go to WordPress Dashboard ► Settings ► GTranslate

And enable the ‘Show native language names’ option.

You can also display the country flags next to the languages,

By changing the widget look option to ‘dropdown with flags’.

That’s it guys.

This is how you can make your WordPress website multilingual.

——————————
📢 The Tools we use:

Get the best tools for your website ➜ https://websitelearners.com/tools/

Video Gear We Use ➜ https://kit.co/websitelearners/video-gear-we-use/

Our Video Editing Tool ➜ https://bit.ly/2Od546p

🙌 Officially:

We’re Hiring: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to contact@websitelearners.com

💬 Follow & Chat with us:
———————————-

Instagram: https://www.instagram.com/websitelearners/

Facebook: https://www.facebook.com/websitelearners/

Twitter: https://twitter.com/websitelearners/

If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Watch/Read More
Categories
Website Design

Adobe XD vs Figma The Ultimate Battle! [Video]

Check out my courses to become a PRO!https://developedbyed.com/Today we are going to compare two of the most popular design/prototyping apps out there, Figma and Adobe XD.We are going to put them to a test and declare my personal winner.🎁Support me on Patreon for exclusive episodes, discord and more!https://www.patreon.com/dev_ed🛴 Follow me on:Twitch: https://www.twitch.tv/developedbyedTwitter: https://twitter.com/developedbyedInstagram: https://www.instagram.com/developedbyed/Github: https://github.com/developedbyed/

Categories
Website Design

Scrolling animation with Background color changing While Scroll using HTML CSS JavaScript [Video]

Offering Today9+ Responsive Website Design course in bundle (inside one course just)Enroll here - https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=LATEST_DESIGN----------------------------Full course is here - https://www.udemy.com/course/make-a-responsive-portfolio-website-javascript-html-css/?couponCode=LEARN_BEST---------------------Top 20 Website design animation tutorials herehttps://youtu.be/KE8ypBdUVUs----------------Full Tutorial Free for now - https://youtu.be/ElBizYh0_dsand this - https://youtu.be/ttLGwockCao Like our page - https://www.facebook.com/indiandesignrJoin our group - https://www.facebook.com/groups/328971707545530

Categories
Website Design

Hi, I am a professional website designer for more than 2years. I am working as a front-end designer at Fiverr. In this Playlist, I will show you the full web design tutorial in 30 days. You are going to learn-1. Html52. Css33. Bootstrap54. Basic JavascriptThis Is my very first video, Please Ignore my mistakes and support me to get inspired. Please Let me know if you want to learn how to code on mobile. Comment me if you are getting any issues. If you want to join my live course Please pre-register here: https://nextcoders.fasterning.comThank you so much.

Categories
Website Design

Offering Today9+ Responsive Website Design course in bundle (inside one course just)Enroll here - https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=LATEST_DESIGN----------------------------Full course is here - https://www.udemy.com/course/make-a-responsive-portfolio-website-javascript-html-css/?couponCode=LEARN_BEST---------------------Top 20 Website design animation tutorials herehttps://youtu.be/KE8ypBdUVUs----------------Full Tutorial Free for now - https://youtu.be/ElBizYh0_dsand this - https://youtu.be/ttLGwockCaoLike our page - https://www.facebook.com/indiandesignrJoin our group - https://www.facebook.com/groups/328971707545530