Brandsa Theme
Version 1.0.0
Installing Brandsa FSE Themes
Installing FSE Themes is quite easy. Basically installing this theme is almost the same as installing other themes. This part will guide you on how to install FSE Themes for a few minutes only.
You can download the FSE Themes through the Themeforest Download dashboard. You have 2 options for downloading your theme as shown below:
1. All files & documentation
When you choose to download the All files & documentation option, you should unzip the downloaded file first. Then open the folder and find the brandsa-theme.zip to upload into your website.
A common issue that can occur when installing WordPress themes is “The package could not be installed. The theme is missing the style.css stylesheet “ error message being displayed when uploading or activating the theme.
In this case, the reason you may receive this error is if you have uploaded directly the downloaded file without unzipping them first or you may upload the incorrect file.
After you unzip the downloaded file and find the filename-theme.zip now you are ready to install FSE Themes to your website. You can choose to install via WordPress admin or via FTP.
Installation via WordPress
- Go to Appearance → Themes on your WordPress Admin Dashboard.
- Click the Add New button at the top of the page and then choose Upload Theme option.
- After that upload file filename-theme.zip (look at the image above) and click Install Now button.
- If the upload process has finished, click the Activate button.
- Right after installing the theme, a wizard page will appeared
Install via FTP
- Login into your FTP client.
- Then access wp-content/themes/ directory on your host web server.
- After that browse to find the filename-theme.zip file (look at the image above) and unzip the file.
- Upload the filename-theme folder into wp-content/themes/ directory.
- After uploading process finishes, go to your WordPress Admin Dashboard → Appearance → Themes and hit the Activate button.
- Right after installing the theme, a wizard page will appeared
2. Installable WordPress file only
When you choose to download the Installable WordPress file only option, you can directly use the downloaded file to upload to your website. You can choose to install via WordPress admin or via FTP.
Installation via WordPress
- Go to Appearance → Themes on your WordPress Admin Dashboard.
- Click the Add New button at the top of the page and then choose Upload Theme option.
- After that upload the downloaded file and click Install Now button.
- If the upload process has finished, click the Activate button.
- Right after installing the theme, a wizard page will appeared.
Install via FTP
- Login into your FTP client.
- Then access wp-content/themes/ directory on your host web server.
- After that browse to find the downloaded file and unzip the file.
- Upload the filename-theme folder into wp-content/themes/ directory.
- After uploading process finishes, go to your WordPress Admin Dashboard → Appearance → Themes and hit the Activate button.
- Right after installing the theme, a wizard page will appeared.
Setup Brandsa FSE Theme
Wizard Setup
After installing the FSE theme, you will be redirected to the Wizard setup page. This setup wizard is crucial for configuring your theme and ensuring all its features work seamlessly. It will guide you through the necessary steps to customize and optimize your theme according to your needs. Following the wizard’s instructions will help you get the most out of your FSE theme and ensure everything is set up correctly.
Common occurrence: “I skipped the wizard setup, how do I get back?”
Don’t worry if you skipped the wizard setup; you can easily return to it later. Just click the “Complete Wizard Setup” button on the notice banner in your admin dashboard to resume the setup process.
1. Install Required Plugins
To access your FSE theme’s features, please install the required plugins.
Once you’ve installed the required plugins, click the Next button to proceed to the next step.
2. Import Demo
In this step, you have the option to select which page template you would like to import based on your preferences and needs.
You can choose a single template that best fits your website or, if you prefer, import all available templates at once.
After you’ve finished importing your selected page templates, click the Next button to proceed.
3. Final
You can click the “Next” button to proceed to the final page of the wizard.
On this final page, click the “Visit Dashboard” button to be redirected to the FSE theme dashboard.
Your theme setup is now complete.
Setup Form Action
Configuring the form action is a crucial step if your FSE theme includes a contact form. This setting specifies the destination where form data will be sent and processed when users submit their information.
1. SMTP Setup
SMTP which stands for Simple Mail Transfer Protocol is an email protocol used to send email messages from one email account to another. Without this setup, you won’t be able to send email messages to other email accounts.
The easiest way to use this protocol in WordPress is by installing a plugin from WordPress.org. You can go to Plugins -> Add New and search for the keyword “SMTP”. There are many SMTP plugins you can choose from.
For example, you can use WP Mail SMTP to set up SMTP for your site.
To set it up, you can check on their article which explains in detail how to set SMTP using many choices of mailer services, including the popular Google/Gmail
2. Create A Form Setting
After you set up SMTP, you can start creating a form.
1. From the admin dashboard, click on the Form menu on the left sidebar.
2. Click the “New Form Action” button to add a new form setting.
3. Then a popup will appear with three tabs: General, Confirmation, and Notification.
4. Input your basic form setting in the General tab, such as form name, success & error message, form requirement, then create form.
3. Assign the Form Setting
After you create a form setting, go to the Page or Template where your form is located. Then click on the Form Builder block and choose/assign a form.
Your form is now ready to use!
Modifying Patterns
A pattern is a collection of blocks built into one single group. What makes it useful is that the pattern is reusable everywhere.
There are two types of patterns, normal patterns and synchronized patterns.
The most commonly used is usually synchronized patterns.
If you modify the pattern on the page, it will synchronize wherever it is used.
You can find sync patterns by looking at the block with a purple rhombus icon.
Modifying patterns is almost similar to modifying blocks.
The difference is you can’t directly edit it inside the pages.
First, you need to select the pattern block, and on the toolbar click the Edit Original button to edit it.
That’s all the basics on how to modify blocks and patterns.
Happy editing!
How to Modify Header & Footer?
The header and footer are essential components of your website.
The header typically contains your logo, navigation menu, and key contact details, while the footer often includes copyright information, additional links, and social media icons.
There are two ways to modify the header and footer:
- Directly from pages,
- From template editor
Modify Directly from Pages
From the admin dashboard, go to Pages→All Pages and open any page you want to edit its header/footer.
Inside the Page editor, click the ≡ icon to open the block navigation panel.
A left sidebar panel will appear, then select either the header block pattern or the footer block pattern (please check the image below).
After the block pattern is selected, click on the Edit Original button on the toolbar to edit the header/footer.
A pattern editor will open, and you can start editing the header/footer.
Click on the ≡ icon to open the block navigation menu.
Select the block you want to edit.
A sidebar panel will appear on the right and you can modify any settings for the selected block.
These changes will be reflected in all pages/templates that use that same header/footer.
Modify from Template Editor
Another way to modify the header/footer is through the template editor.
From the admin dashboard, go to Appearance→Editor.
You will enter the template selection screen (please check the image below).
On the template selection screen, select the Patterns option.
A pattern editor will open, and you can start editing the header/footer.
Click on the ≡ icon to open the block navigation menu.
Select the block you want to edit.
A sidebar panel will appear on the right and you can modify any settings for the selected block.
Now you can start customizing your header/footer appearance to better suit your needs.
Happy editing!