[copy_inline text=”abcdsfadsf”]
I noticed that many of you are interested in the issue of how to build a multilingual website without using multilingual plugins. In this article, Bii will guide you through a sequence of steps that will help you build a multilingual website by yourself without relying on any supporting plugins like Polylang, WPML, TranslatePress… Let’s take a look at a demo of the experience of a multilingual website without using plugins in the video below!.
Video introducing the multi-language feature without using plugins on the Biiviet.com website.
As we know, on the WordPress platform, there are many plugins that support creating multiple languages for posts. Some of the most notable plugins include Polylang and WPML. These are all plugins that WordPress users trust and use. However, using multilingual plugins can cause issues that affect the website, such as slowing down page loading speed and conflicting with other themes and plugins.
Building a website without using multilingual plugins will help you solve the issue of page loading speed and optimize the website structure as desired. Additionally, it will minimize conflicts with other plugins, making your website operate smoothly and effectively.
Let’s take a look at the criteria comparison table for you to consider whether or not to build a multilingual website without using plugins.
Comparison point
Use plugins (Polylang, WPML…)
Do not use plugins
Speed performance
Using plugins will significantly slow down your website, for example, WPML is a powerful multilingual plugin, but it’s also a reason that greatly reduces the page loading speed of your website.
It does not affect the page loading speed, ensuring the best performance for your website. This is also the reason why Bii has used it instead of a multilingual support plugin
Easy to use and manage
Most multilingual plugins are relatively easy to configure. Your task is to copy the shortcode and paste it into the places where you want it to be displayed on your website.
In the plugin configuration, there are also default display settings for the language switch buttons. In general, using a multilingual plugin is quite simple, and almost anyone can set it up themselves.
It is more difficult to use, and you need to spend a lot of time designing, editing, and customizing the interface to achieve the desired effect. This requires you to have some knowledge of code and spend more time getting familiar with it.
More challenging to use, you will need to invest a considerable amount of time in designing, editing, and customizing the interface to achieve the desired results. This requires you to have a bit of coding knowledge and spend more time to become familiar with it.
The ability to customize and expand
Customization is limited. Most multilingual plugins have been configured according to certain standards provided by the manufacturer. It will be difficult to change icons, images, fonts, layouts, and display styles for the language switch button on the website.
Comprehensive and diverse customization, the ability to customize depends on your aesthetics. If you want your website to be different from most other websites using multilingual plugins, this is a perfect choice.
System conflict
It can easily cause conflicts with the theme and other plugins, damaging the website structure and affecting the actual page loading performance as well as reducing the user experience.
It does not break the website’s interface layout. Fully compatible with versions on computers, mobiles, and tablets. Does not affect the theme and plugins installed on the website.
Based on the comparison features above, you can see the benefits and limitations of building a multilingual WordPress website without using multilingual support plugins. Let’s learn about the operating principles and implementation methods of the steps below.
To create a multilingual website without using support plugins, you need to spend more time and effort. The way a multilingual website works is as follows:
See more: On-page SEO optimization – a solid foundation for sustainable website growth.
As Bii mentioned above, building a multilingual website manually has many clear benefits, including high speed performance and superior customization capabilities without damaging the layout or breaking the website structure. However, this method is more complex and difficult to implement than installing multilingual support plugins such as Polylang or WPML.
To build a multilingual website manually, you need to prepare the following requirements. This is also the way that Bii used to create the multilingual website biiviet.com that you are currently reading and experiencing.
If you meet the above two conditions, you are qualified to build your own multilingual website in your own style. Let’s take a look at the journey of building a multilingual website that Bii has applied to the website system below.
Note: The simplest method to fulfill the aforementioned two conditions, as advocated by Bii, is to utilize the Cwicly Toolkit. This comprehensive toolkit consists of a theme and an integrated plugin that includes the ACF Pro, provided within the service package. This eliminates the necessity of installing and purchasing additional plugins such as ACF or Meta Box.
See more: Cwicly, a modern toolkit for building comprehensive WordPress websites.
To manually build a complete multi-language website, you need to follow these specific 3 steps:
This is the step for setting up dynamic URLs for the language switch button on each post. This means you will create a link field for the posts that require additional language versions. This ACF Pro field is configured to be displayed in the post section of the website, similar to the illustration in step number 3.
Note: You can use any plugin that supports creating custom fields, such as Metabox, Jetengine, etc. In the demo, Bii uses ACF Pro because it’s seamlessly integrated for free into the Cwicly theme, which is something that Bii highly appreciates in this toolkit.
The first thing to do is to set up a language switch button. The language switch button can be designed and placed at the top of the website header, similar to the demo video of Bii.
You can also set up a language switch button for the website on the sidebar or at the bottom of the footer page. All of this depends on your ability to customize your design.
The design of the language switch button depends on personal preferences and requires a strong editing theme such as Flatsome or using a page builder such as Elementor, Oxy, Divi, or you can also use Cwicly like Bii to do this.
If you use a different theme that is not Cwicly, you can still design it like Bii. The mechanism of operation is similar.
This is the step to set up a dynamic URL for the language switch button on each post, meaning you will create a link field for posts that need to add more languages. This ACF Pro field is set to display in the post section on the website, similar to setting up the data field in Step 1.
In the image, you only see one language change link because Bii’s website only has two languages: Vietnamese and English. In case you want to set up a third language such as French (Fr), create an additional dynamic link in ACF Pro like in step 1.
With the aforementioned 3 steps, Bii has successfully set up a multilingual website and created a demo video for you to observe, as shown above. This outlines the process of establishing a multilingual website without relying on plugins like Polylang or WPML, which Bii has implemented on the website. It is our hope that this article aids you in comprehending the operational mechanism and enables you to tailor it to your individual preferences.
Bii Nguyen
Hello everyone, I’m Bii Nguyen – the founder of this website. The website was created with the desire to spread useful knowledge to everyone.
Nội dung – Table Of Content
Table of content
Share
Simplify
Nội dung – Table Of Content
Cwicly Toolkit
With over 7 years of experience in the field of Digital Marketing, Biiviet.com is a blog that shares knowledge on building a personal brand and making money through websites and social media. All the knowledge provided is free and based on real-life experiences.
General information
© 2023 Biiviet.com | All rights reserved