How to Build a Beautiful WebsiteFor friends who are building foreign trade websites or corporate websites, many people are definitely aware of the Avada Theme. After all, this theme is powerful, and many tutorials on building foreign trade websites recommend using this Avada Theme. Therefore, this article by Naibabiji teaches you how to use the Avada Theme to build a beautiful website.
Preliminary Preparation
To set up a WordPress website, those who don't know how can refer to the previous article:
Steps to Build a Website、
Website building video tutorial. The installation file for the new version of the Avada Theme (Purchase the genuine version yourself. Naibabiji uses a PJ version here, available in the group via the QR code at the end.)
Theme Package Introduction
After downloading the theme file, extract it. After extraction, it looks like the image below:
Inside the extracted folder, the 'Avada Theme' folder contains two files: Avada.zip and Avada-Child-Theme.zip. Upload both theme zip files to your website's themes, then activate the Avada-Child-Theme Child Theme. If you don't know how to install a theme, please refer to:
How to Install a WordPress Theme - WordPress Theme Installation TutorialThe 'Languages' folder contains language pack files, including language files for the theme and plugins. You just need to upload the corresponding theme files to the respective theme or plugin folder on your website. For example, to install the Chinese language pack for Avada, simply upload Avada-zh_CN.mo and Avada-zh_CN.po to the wp-content/themes/Avada/languages folder.
Install Plugin
After the theme is installed, go to the theme's plugins page to install the required plugins.
Click 'GoManage Plugins' to enter the plugins page. (You can also enter by clicking 'Plugins' in the left navigation.)
The plugins marked 'REQUIRED' on the theme are mandatory. Other plugins are optional. If you are using it for the first time, it is recommended to install all plugins; you can delete them later if not needed.
Import Demo
For beginners, the easiest way to quickly learn how to use the Avada Theme is to directly use their Demo data and then modify it. As shown in the image below:
Switch to the 'Demos' interface, select any Demo theme you want to import, click 'import' to import it, and the preview button is to view the Demo.
Different Demo themes require different plugin support. 'Import content' imports the demo data; it is recommended to check this option. (If the website already has operational content, it is advised to back up the database first before importing. After testing, restore the data or perform tests on a separate website.)
After clicking import, there is another prompt; click 'OK'.
After importing, a progress bar appears below. When it prompts 'DONE', it means the import was successful. You can then visit the website Frontend to see the effect.
Modify Theme Content
You can preview the website's appearance on the frontend, but some data directly references Avada's official materials, so the loading speed may be slower in China. We need to replace them with images from our own server to improve the loading speed (of course, access for overseas customers won't be slow; it's only slower within China).
Click the Fusion Builder Live button in the admin bar at the top of the website to enter the theme editing mode.
Move your mouse over the content you want to modify, and buttons like those shown in the image above will appear. Click the pen icon to edit (the editing content is on the left side of the screen). You can modify the display content of the Avada theme according to your needs, and then create the website appearance you want.
New Version Avada Theme Download
Avada 6.11 Chinese Localized Version Download_Demo Tutorial_WordPress ThemeThis concludes the tutorial on how to use Avada to build a website. If you find the Avada theme difficult to manage, or if you feel that pirated versions are unsafe but cannot afford the official theme, we recommend using a customizable WordPress multifunctional free theme: Zakra. This Zakra theme is also very powerful and, most importantly, free.
Inside the extracted folder, the 'Avada Theme' folder contains two files: Avada.zip and Avada-Child-Theme.zip. Upload both theme zip files to your website's themes, then activate the Avada-Child-Theme Child Theme. If you don't know how to install a theme, please refer to:How to Install a WordPress Theme - WordPress Theme Installation TutorialThe 'Languages' folder contains language pack files, including language files for the theme and plugins. You just need to upload the corresponding theme files to the respective theme or plugin folder on your website. For example, to install the Chinese language pack for Avada, simply upload Avada-zh_CN.mo and Avada-zh_CN.po to the wp-content/themes/Avada/languages folder.
Click 'GoManage Plugins' to enter the plugins page. (You can also enter by clicking 'Plugins' in the left navigation.)
The plugins marked 'REQUIRED' on the theme are mandatory. Other plugins are optional. If you are using it for the first time, it is recommended to install all plugins; you can delete them later if not needed.
Switch to the 'Demos' interface, select any Demo theme you want to import, click 'import' to import it, and the preview button is to view the Demo.
Different Demo themes require different plugin support. 'Import content' imports the demo data; it is recommended to check this option. (If the website already has operational content, it is advised to back up the database first before importing. After testing, restore the data or perform tests on a separate website.)
After clicking import, there is another prompt; click 'OK'.
After importing, a progress bar appears below. When it prompts 'DONE', it means the import was successful. You can then visit the website Frontend to see the effect.
Click the Fusion Builder Live button in the admin bar at the top of the website to enter the theme editing mode.
Move your mouse over the content you want to modify, and buttons like those shown in the image above will appear. Click the pen icon to edit (the editing content is on the left side of the screen). You can modify the display content of the Avada theme according to your needs, and then create the website appearance you want.
Comments are closed
The comment function for this article is closed. If you have any questions, please feel free to contact us through other channels.