, well At first, you may think that we may share some health reminders or skills about the virus. But this is what we are going to discuss today. Instead, we will discuss a completely different topic. This is how you use your free time at home by using the Elementor page to build a design website when you feel bored. But before we continued, let us briefly remind ourselves of the devastating and destructive disaster of COVID-19. Yes, we all know that it has become the most dangerous outbreak since the Spanish flue in the 1920s? And this life -threatening virus eruption is also the main reason for people to work at home. Almost every country is strictly prohibited from going out.
However, what should you do now when people around the world are trapped at home? Yes, despite being bored at home, you can also do some creative work at this free time. Of course, this will help develop your skills and knowledge when you return to normal. So at this moment of panic is that we can use free time instead of just wasting time by eating and sleeping.
Now talk about the Elementor page builder of the free design website. Build a plug -in, it replaces the main WordPress editor with a real -time front -end editor. Therefore, if it is correctly implemented, you can design some real and magical web design content at home. In addition, it will help you quickly design, redesigned, edit, update, or reorganize your website.
No matter what, the introduction is enough! Let’s see how Elementor and its powerful additional components make your website construction experience a pleasant experience, even in your comfortable home?
How to improve the website design at home during the outbreak of the electric halo
Improve your Elements website
Well, whenever you consider designing any WordPress website or webpage, obviously Elements is the first tool we think of. There are many reasons for people to trust using this plug -in. Obviously, the answer is simple, because its simple drag and drop options and detailed customization capabilities have becomeMost people’s default choices.
Therefore, if you are looking for design or providing professional appearance for your WordPress website, then this section It will show that you can easily use Elementor to do this easily. Let’s take a look at what the starting website design exercises are required:
Please make sure you have successfully installed WordPress And Elementor. If you have already done this, you just need to follow the instructions step by step.
For beginners, today we will show how to quickly create simple investment portfolio websites.
First of all, let us find the basic content of Elementor you may need to design a website.
Add title
It is easy to use Elementor to create a header or footer. You can create it in various ways. But you must consider a more easy way for you. However, you can view the following tutorials to understand how to create a title for the Elementor website.
How to use Elementor to create an amazing top -top title (Elementor tutorial)
Use the first template
When creating any website or page, you need to choose the template you choose. You can customize it manually or insert it directly. There are many built -in templates in the Elements template library.
However, if you want to add a template to design an investment portfolio or any other website, click the \”Folder\” button.
From here you will get many built -in templates. You can choose any one that suits you. In this case, we chose the one below.
After selecting the template, it will automatically appear on your screen. Then you can make the next step. It looks like?
Related article: Select the best for your websiteElementor template
Custom title part
Now you are ready to use the template. You can retain the current template, or you can customize it according to your design needs.
First, you need to change the title text. For this, please click \”Title Text\”. Then type the required title text.
Is it the same after the custom title part?
Add counting components
as part of the web beautification process, you can add \”
counter widget
\”\”. It will make your investment portfolio look amazing and professional than ever. Let’s see how to add it.
Just select a small part from the left sidebar and drag it to the mark area. Then copy it to save time.
Add a counter component in this section, your entire design will be shown below.
Customized \”About Me\” part
Like the previous part, you can perform the same process here. For this reason, first add a title small part. Then give a title.
In this case, we will customize the existing part of the selected template.
According to your investment portfolio Web demand, just click the icon, you will get the icon list in the Elmentor icon library. From there, you can choose the right icon for your investment portpack webpage.
Add the skill bar (optional)
Who doesn’t want their website to look attractive, right? Using the skill bar in the webpage, you can fully enhance your website appearance, especially on the portfolio website.
In any case, let’s take a look at how to use it. First, the navigation to the previous part, and then add a part to the counter section. Select the small components from the left sidebar. Then drag it to the mark area. simple!
Note: You can add it directly to the countler’s components, or create a separate part and add it.
In this case, we directly added small components.
, it will appear below the first counter area. This operation is performed in the same way.
Custom photo library [ 123]
Okay, today, the website design is very fascinated by people of all ages. WordPress and its large opportunities make their tasks easier. As competition is becoming more and more intense, you must show your work in a unique way. Therefore, you must put some tasks in your work in a very professional way. For this reason, you can choose image rotation component , and then drag it to the mark area. Or you can customize existing components.
Next, add some of your work images here.
After adding the image, it will appear on the screen well. But remember that you use the correct image ratio. If not, you can adjust from the settings at any time.
Custom \”Contact Me\” part
This is the most important part of the website. Most interaction or transformation is produced from here. So you should be extra careful when customizing it. Just keep it simple, easy to navigate and user -friendly.
Let us see how to add or customize it. First, roll down to the webpage. Then give a title (if necessary). Add contact page small parts from the left sidebar. Add background images on the contact page before.
Next, add \”contact page small parts\” from the left sidebar.
Then select the form type here.
Related articles: How to create a contact form [
It will appear on your screen. Just.
However, you can use the advanced version of Elementor to do something more magical. For example, you can add Google Maps next to the contact table. The same is true for adding \”Google Map Widget\”. Just choose a small part and drag it to the part.
Then it will be displayed on the screen as before. You only need to put the information in the field. Just.
The final preview after the definition
Therefore, after the perfect use of all programs, you can preview your final work, As follows.
Website Design Materials (Elements plug -in and features)
Select Elements as a website page construct device Design website No longer such a difficult task. Especially in this digital world, you can easily create any type of website in a short time. We all know that Elementor has played an important role in encouraging WordPress users to establish a website, even if they don’t know a line of code. However, in this section, we will discuss some useful website design materials in the form of Elementor plug -in and functions. I hope you can better understand how to use Elementor and its additional component design websites from here.
The Elementor plug -in and features used for website design
Only a few examples, here are some of the most popular Elementor plugins. Let’s briefly understand them.
The ultimate plug -in
Basic plug -in
Happy Plug -in
Ultimate plug -in
\”The ultimate plug -in \”is a cool feature and function that enables Elements to work more suitable. This plug -in helps create a website with excellent design and fastest loading speed. Let’s take a look Some of its unique functions and options
Endless customization and combination options
use top UX methods to build
The same friendly to developers, designers, and beginners is also friendly
Complete response
Provide translation
14 -day refund guarantee
Basic plug -in
\”Basic Plug -in\” enables you to use a ready -made block to form your website. It has more than 57 elements, which can help you simply design the WordPress page and posts. Let’s look at some of its basic functions and options
200,000+
Active installation
Compatible with WordPress 4.0 and higher version
100 Multiple ready -made blocks
ultra -light and can be loaded in real time
completely customized
Elemental control option to minimize loading time
Happy happy Plug -in
Happyaddons is a set of useful, well -organized and powerful small components. It is designed to work with Elementor Page Builder. 123]
This prominent additional component of Elements can help you complete the following majors
] Advanced tab: To use Elements for more advanced design, you can choose this function of Happy Addons. You only need to use it to do something extraordinary.
Infinite part of the noodle: You can be inside some inside Custom or edit more deeply. Although you can use the built -in options to do anything. In this case, this function of Happy Addons can help you break down this part and allow you to edit. bar chart diagram Small components: Use this custom function, you can create some amazing charts on your website. Rolling image: Using the \”Rolling Image\” function, you can easily vertically and vertically and Horizontal animation styleShow your products, logo, projects. Function list: You can use this fashion list small component to allocate your product function in style.
This is three first -class Elementor plug -in and its functions. Therefore, if you want to improve Elements and web design workflows, you can use these features on your website to make it look more elegant and professional.
Related articles: The first 12 Elementor plugins you should understand
Introduce the happy Elementor plug -in
As mentioned above, it is easy to design any type of website now. No matter what your business type is, you can quickly create any website for your business, blog or any content you want. With the help of WordPress and its collaboration with Elementor page, it makes the user’s task more pleasant.
However, we have discussed Elementor and its functions in the previous part of this article. Now we will discuss happiness Elements and how to help anyone quickly create some amazing websites. Simply put, HAPPY Addons can be used as an Elements enhancer, which means that it can enhance your webpage construction to support Elementor and its functions. This can indeed help you improve the website design experience to a new level.
Now, let’s take a look at some unique happy plug -in functions
Preset: In fact, designing any website requires a lot of time. However, if you have already started to use the pre -built design. Of course, this will be very helpful. Yes, the preset will allow you to use the pre -constructed design option to start your website design. Therefore, you can save time and energy.
Live Copy: This is another useful feature of Happy Addons. With the Live Copy function, you can directly copy the design and paste it to your website without any trouble.
Custom column control: With this function, you can copy any small components and all its data to another site in the blink of an eye. Copy and paste, that’s it!
Display conditions: Condition display is a unique feature that helps you set accurate rules or conditions to display various types of content according to your needs.
Happy clonTor Finder cloned post/page.
These are only the most unique features of Happy Addons, which can easily help you do more things when using Elements to design a website.
Understand more information about happy plug -ins
So when do you plan to design a website at free time?
So are you interested in establishing your own website?We really want to do so, because in the entire article, we all try to show how to use Elementor to build a professional website with professional appearance during free time when you stay at home.We really hope that you can get some interesting information to stimulate the motivation of designing your website from this article.
Therefore, if you are still not sure what to do and feel bored at home, then this article will encourage you and provide you with a better ideaDesign a website.
Custom title part 
Customized \”About Me\” part 
Just select a small part from the left sidebar and drag it to the mark area. Then copy it to save time. 
Only a few examples, here are some of the most popular Elementor plugins. Let’s briefly understand them. 