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

Create this Awesome AI Parallax Effect [Video]

http://bit.ly/3YeXzeU 👈 Learn UI/UX & CSS Today. Use "UI2023" for 23% Off!https://designcourse.com/af 👈 My upcoming "Advanced Frontends" Course-- Today, I'm going to show you exactly how to generate a piece of AI art from midjourney, and then use it on the web for an interactive scrolling parallax effect with the help of GSAP (https://greensock.com). Codepen demo:https://codepen.io/designcourse/pen/rNrbQMd0:00 - Intro0:39 - Cutting out the layers2:45 - Initial HTML & CSS Explanation3:50 - Finishing the CSS8:20 - JavaScript & GSAP16:26 - Final ProjectLet's get started!#ai #parallax #frontenddeveloper - - - - - - - - - - - - - - - - - - - - - -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro's Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- - - - - - - - - - - - - - - - - - - - - -Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

#webdesign NAV tips to increase site conversions [Video]

#webdesign NAV tips to increase site conversions While there are exceptions (especially on larger sites with more links) it is always a good idea to simplify your sites and decrease overwhelm by placing less links in the navigation of your website. This will help you out more focus on your main CTA and get site visitors to focus on one specific action.