We operate in 4 steps:
- How to install the Flatsome theme;
- How to install the necessary plug-ins for the Flatsome theme;
- How to import Flatsome theme demo data;
- How to modify and edit the Flatsome theme page;
Below, we will give you a detailed demonstration of how to operate each step.
Flatsome theme installation:
First, we install it. We have prepared a theme, Flatsome. There is a main theme and a sub-theme. Normally, we only need to install one theme. We can install this sub-theme, and you don’t need to install it either.
Its main function is that we can carry out secondary development of this theme later. If you don’t have such a need, just reduce the amount of code. So, this is the theme. It doesn’t matter if you can’t understand all the files. Later, we will explain the template file’s template structure for this theme to everyone.
Then, the compressed format of all template uploads must be .zip, so you must ensure it is .zip. If it is .rar, it cannot be uploaded or recognized. Please understand.
Flatsome theme upload;
Back to our backend, I have switched it to the English interface. The English and Chinese interfaces are exactly the same, so there is not much difference. We find its appearance. Our current theme style is a default style. Now, we find the appearance. There is a theme in the appearance. After opening it, we click Add New. These are some themes you have installed before. This is the default theme. Then click Add New Theme, then directly upload the selected file, find the theme you have prepared on your computer, then click Open, click Install, because this theme only has 6 MB, so it is very fast, basically you install it It will be fine soon.
After installation, we can click the preview of the first button or go directly to this template’s official website. Of course, we can do it directly by clicking to activate.
Well, after activation, some themes will have an installation panel. Just like when you install woocommerce, it will have a quick configuration wizard like this. Of course, you can jump directly to your backend, but we will just follow it. For this step, because we are using this template now, we will demonstrate all the steps of this template.
Flatsome installation wizard：
We see that it is welcome, so don’t worry about it. Then, let’s start directly. This template has been greened, so you don’t need to buy an activation code anymore and then directly agree. After agreeing, click Continue, and it will Let’s install this sub-template. We don’t need to install it, so just skip it.
Then why is this template so fast? It is the first template we use because it is faster. I have several customers who use this template to make them, so the style of this template is relatively The speed itself is relatively fast, so it is easier for us to optimize the speed later. We see that this theme only needs to install three plug-ins: one is the panel plug-in, the second is a social media login plug-in, and the third is a favorite plug-in of woocommerce.
It doesn’t matter if you install these three plug-ins; you can see which one you need. For example, we may use Contact Us for this panel. We may need to use this panel to install it. We also install others at the same time. Later, we will optimize or delete these unnecessary plug-ins, then click Continue directly, and he will help us install these three plug-ins. All three plug-ins are free.
Flatsome data import：
The next step is to help us import its content. For some templates, it will directly help you import content when you install it. But for some templates, it may be like what we demonstrated to you before. We need to import data into the demo separately. There is no difference. Then, let’s take a look at the modules in it. For example, the first is a form to contact our panel, then our article Emblem, and our module; we can install these by default and then click Continue. It may be a little slow while importing data, so we wait a moment.
After the installation is successful, it will go to the next step. Here, we will be asked to upload a logo. If not, we will use the default one first. Next, we can choose different template styles. There are many template styles here. You can choose according to your own needs. For example, we will choose the first default style, the others will be the same, and then click Continue.
Flatsome installation page preview：
Our site is ready. Now, let’s visit it. To refresh, we can click this button or go back to our homepage.
Now, we find that our template and independent station’s style have changed drastically. It is the same as some of the templates we imported before. These pictures use the default placeholder images, which have not been imported into the official website. The main purpose of some pictures like this is to prevent infringement. We just need to understand it because we need to use its framework, and we can modify the content we want based on this framework.
This is a template. Let’s also look at other pages. For example, let’s look at the About Us page and then let’s look at Contact Us.
This is Contact Us. Of course, we still need to edit the content here. Then, we can check to see if there is a store page. We return to the home page. Fortunately, when we open a product on the home page, we see that The interface has also been imported directly. Although the picture is not displayed, all the styles have been completed. On this basis, it is very simple for us to fill in and modify the content.
Okay, this is about importing a template like Flatsome. All the templates on Themeforest are basically used in the same way, but sometimes, they may not have an installation wizard, and we need to operate step by step in the background. As for other commonly used topics, we will talk to you later, but now we will only explain how to use it for this topic.
Okay, this is the import of Flatsome theme data, and our independent station has taken shape.
