How to install Bricks Template in WordPress website
You have to register first in BricksPlus.
For downloading your favorite template from BricksPlus we have to register first in BricksPlus.
In the registration form, we have to give a unique username then the user’s fast and last name then a valid email address that you can access. In that email, a confirmation email will be sent with the username and password.
We will access our account with that username and password. We can change our username & password anytime.
Now you have an account in BricksPlus.
Now choose a membership plan. You can choose the best deal from our plan. We are offering some best deals for you.
Alternate way
You can directly select one package from the pricing section and directly sign up from there.
After signing up you can download any template anytime. Just choose your preferred template and click "Download file".
A zip file will be downloaded with all the JSON files of the templates.
Import JSON/ZIP file
Now go to your WordPress Dashboard. You need to install Bricks Builder or if you have Bricks Builder pre installed click on “Bricks” or hover over it. Then click on “Templates”.
You will see your template library. Click on “Import templates”.
Click on “Choose Files”. In this field, you can upload single JSON files one by one or you can upload the full zip file. Both will work.
After importing JSON files you will see your template library is showing all your templates.
How to insert template in pages
Now you can use these templates for your individual pages. Like in the pictures below.
Go to pages from WordPress “Pages” - Click “Add New”
– Give a name to your Page, Then first click ”Publish” & then “Edit With Bricks”.
Bricks Page builder will be opened. Click on the template file icon,
Now Click on the “Insert Template” for inserting your template. Don’t forget to click on your “Import Images” button otherwise template images won’t be uploaded.
After inserting the template you will see the full contents of your template are uploaded. Now click on the save icon.
Now your template is uploaded and your page is saved and ready. You can customize also and insert your content and images.
Now Follow these steps and insert your other templates in your pages and make your website ready.
How to set Header in your website
Go to Bricks Template and click on “Template”
Click on “Add New”
For Header give your header template a name and select Header from “Select template type: ”. Now Publish your template and click on “Edit With Bricks”
Click on the Templates icon.
Select the Header template and insert your Header template. Don’t forget to click on “Import images”.
Your Header will be inserted. But your header won’t find any Menu. For that you have to create your menu and manually have to add that menu. Just click on “Nav Menu” from content select the nav menu you created. Click the save button.
The next step is to tell your header where it has to display.
Now Click on the setting icon.
Click Template Setting.
Next click on Condition.
Add New Condition.
From here select “Entire website” if you want to show this header on your full website or you show on individual pages from here if you want. Click “Save” after finishing these steps.
How to set Footer in your website
Go to Bricks Template and click on “Template”
Click on “Add New”
For Footer give your footer template a name and select Footer from “Select template type: ”. Now Publish your template and click on “Edit With Bricks”
Click on the Templates icon.
Select the Footer template and insert your Footer template. Don’t forget to click on “Import images”.
When your footer template is inserted click on the setting icon.
Then go to the template setting.
Click Conditions.
From here select “Entire website” if you want to show this footer on your full website or you can show it on individual pages from here if you want. Click “Save” after finishing these steps.
Now reload your website or pages and check if everything is working perfectly.
Now let's talk about your dynamic data.
-Posts
For showing your post dynamically, your post needs to have a category. If you do not give your post a category it will be under the “Uncategorized” category.
Let’s see in the editor.
In this Posts widget, some uncategorized posts are showing. We have to choose our category from “Query”.
In the query, we will select our category from “Terms(Includes)”. After selecting our category our posts will be visible in the post section.
Like this.
- Query Loop:
First, find and select the block in which the query loop is used. The block used a query loop will have an infinity(∞) sign beside it.
Click “Query”.
From “Query” select “Terms(Includes)”.
From the Terms search and select your category.
After selecting your category your post or posts will be visible.
Now save and preview your website all your dynamic data will be showing perfectly.
- Blog Single Page
Select blog single template from Bricks → Templates and click “Edit with Bricks”.
From the editor, we will goto Setting.
Then “Template Settings”.
Click “Conditions”
Now Add Condition.
From Condition select “Terms”
Now select your category from the terms and click save.
Now select any element you want to change dynamically and click the dynamic data icon (⚡). Select the type of data you want to show dynamically.
This way you can show all your dynamic data.
Entrance Animation Solution
since 1.6, the entrance animation for the inserted templates has changed. That is why our customers are facing a problem with entrance animation in our templates. Here is the solution to your Entrance Animation Problem. Goto Bricks > Setting > General > Converter > Make sure "Entry animation to interaction" is Selected.