Note: Please read carefully Theme Installation / Plugin Configuration before performing these follow configurations.
1. General WordPress Settings
– WordPress Configuration
First step to build your site is to set your site name, site link and set up homepage.
- You can change Site Title in Settings > General in admin sidebar.
- In Settings > Reading page, you can set the number of posts to show in blog pages and select page for Front Page and Posts Page .
- Discussion settings in Settings > Discussion provide a lot of options for you to explore such as “Default article settings”, “Other comment settings”. Also, you should choose max 3 levels deep for nested comment display effectively.
- In Settings > Permalinks, you can select “Post name” option.
2. Setup menu
– Create New Menu
Detail steps:
1. Navigate to Appearance > Menus in admin sidebar then click Create a new menu link. Give your new menu a name and click “Create Menu” button.
2. Add menu item to your new menu by checking the box before item name and click “Add to Menu”.
3. Add menu icon or tip label if you want. For menu icon, you can find a lot of icons in some following link. Linearicons , Pe stroke icon7. After finding the icon you want, copy icon class to Icon Class field
4. If you want to use mega menu, you should check the box Mega Menu to enable mega menu. Select number of column in mega menu
5. Drag menu item you want into the mega menu
6. In order to add shortcode to menu such as Product list. You should click “Save Menu” to save menu and see the option for adding menu block. You should follow the step below to add it.
- First, you should add a static block content. Go to Static Block > Add New
- Adding block title. Make sure the name of block is not the same with other posts, pages or any other content.
- Adding content. You can use Visual Composer to add shortcode. Make sure to turn on Visual Composer for static block content. If you don’t know how to enable Visual Composer for block, please see Plugin Configuration > Visual Composer
- Click Publish button
- Add static block name to Block Name field.
7. Assign menu to “Primary Menu” location.
3. Header Setup
1. Logo Image
Go to Theme Options > General > Logo, Favicon, Js Custom and upload your desired logo image.
If the logo in header don’t change or you can’t find logo option in Theme Options > General > Logo, Favicon, Js Custom, you should go to Theme Options > Header > Select header type you use and upload your desired logo image.
2. Menu setup
If you haven’t setup your menu, you should see Build your site > Setup Menu for detail guide.
3. Search, Mini cart, Account menu
You can see options for it in Theme Options > Header > select header type you use.
– Hide/display search, mini cart and account menu.
– Change icon. You can find a lot of icon classes in some following websites. Linearicons , Pe stroke icon7.
– Choose header search style and search type.
4. Header Side Information
– You can change the content in Theme Options > Header > Side Header Information.
– For social link, you can change the link in Theme Options > Header
3. How to
– Create Blog Posts
Bonfire support several post formats such as: Video, blockquote, link, audio, gallery.
Step 1 – Navigate to Posts in your WordPress admin sidebar.
Step 2 – Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field.
Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.
Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.
Step 5 – Click the first Featured Image Box, select an image and click the Set Featured Image button.
Step 6 – Add content for “Short description” and select single blog layouts in Blog Options. The “Short description” content will display as the summary in blog list.
Step 7 – Select Post Format and enter suitable content for post format in Post Format box.
– Video and audio format: you will need to enter embed link of youtube, vimeo or soundcloud or paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field in Video & Audio Embed Code.
– Gallery format: If you choose Gallery format, you will see Image Gallery box display in the right of page. Image in gallery will be shown as slider.
– Blockquote format: If you choose Blockquote format, you will need enter quote and quote author
– Link format: For Link format, you will need enter title and link
Step 8 – Select options in Layout Options box.
Step 9 – Once you are finished, click Publish to save the post.
– Create Gallery
Step 1 – Navigate to Gallery in your WordPress admin sidebar. Click Add New to make a new post.
Step 2 – Enter title.
Step 3 – Insert your post content in the editing field.
Step 4 – Add Categories from the right side. To assign it to the post, check the box next to the category name.
Step 5 – Add Featured Image. In order to add featured image for your post, click the first Featured Image Box, select an image and click the Set Featured Image button.
You should use big size image (min width and height is 1230px) for featured image so it can crop image size and work perfectly with each gallery layout.
Step 6 – Adding gallery image.
Step 7 – Select options in Layout Options box.
Step 8 – Once you are finished, click Publish or Update in the right side to save the post.
– Create a static block content
In order to add or edit static block content, you can follow these basic steps below.
Step 1 – Navigate to Static Block in your WordPress admin sidebar. Click Add new if you want to create new, otherwise, click Static Block and select post if you want to edit.
Step 2 – Enter title
Step 3 – Enter content. You can use Visual Composer to add shortcode to content.
Make sure to enable Visual Composer for static block in Visual Composer > Role Manager > check the box “block”. Please see Plugin Configuration > Visual Composer.
Step 4 – Once you are finished, click Publish or Update in the right side to save changes.
– Create a page
You can use Visual Composer to add shortcode into page content. For detail option of each Bonfire shortcode, please see Shortcode section.
Step 1 – Navigate to Pages in your WordPress admin sidebar. Click Add new if you want to create new, otherwise, click All Pages and select post if you want to edit.
Step 2 – Enter page title
Step 3 – Enter content. You can use Visual Composer to add shortcode to content. Make sure to enable Visual Composer for page. Please see Plugin Configuration > Visual Composer for more detail.
Step 5 Select options in Layout Options.
Note: Header and Footer selection in Layout Options will have higher priority than General Theme Options.
Step 5 – Once you are finished, click Publish or Update in the right side to save changes.
– Set Up Coming Soon Page
1. Navigate to Theme Options > Coming Soon and change the title, content and select the options to what you want.
2. Go to Pages > Add New
3. Add page title and select page template: Coming Soon.
4. Click Publish.
5. Go to Settings > Reading and set coming soon page is the homepage.
– Create Page with fixed header
1. Create or edit a page in Pages. Go to Pages > Add new to create new page.
2. Scroll down until you see Skin Options box.
3. Check the box Header fixed.
4. Click Publish or Update.
– Change footer content
You can change almost content in footer in Theme Options > Footer > select footer you use and Appearance > Widget. Go to Appeareance > Widget, you can find footer sidebar for each footer. Below will be detail guide for each footer type.
1. Footer 1:
– Footer column 1, 2,3,4
To change the content of footer column 1, you should go to Appearance > Widget and edit content in Footer 1 widget 1 sidebar.
For Footer column 2,3 and 4 you can change the content in Footer 1 Widget 2, footer 1 widget 3 and footer 1 widget 4.s
2. Footer 2:
– Changing logo.
To change logo for footer 2, you should follow the steps:
- Go to Theme Options > Footer > select Footer 2
- Scroll down > upload other logo image.
- Click Save changes.
If after that, you see the footer logo don’t change or you want to change logo for only a page, you can edit page > scroll down and change logo in Skin Optionsbox
– Footer NewsLetter content
- After importing demo content, you should connect MailChimp to your MailChimp account in MailChimp For WP > MailChimp. If you are already done this, you can skip this step.
- Create or edit MailChimp Form. Please see Plugin Configuration > MailChimp For WP for more detail.
- Go to Appearance > Widget and add MailChimp widget to Footer 2 widget 2 sidebar
- Click Save
– Changing footer copyright text.
- Go to Theme Options > footer > select footer you use.
- Change footer copyright
- Click Save Changes
– Changing footer content in footer column 1.
- Go to Appearance > Widget.
- Change the content of Footer2 widget 1 sidebar. You can add another widget to footer sidebar or edit existing widget in sidebar.
- In demo content, the custom menu widget will be used in Footer 2 widget 1 sidebar. You can go to Appearance > Menu and edit or create new menu to use.
– Changing social icons
- Go to Theme Options > Footer > Footer social.
- Enter social links which you want to show
- Click Save Changes
3. Footer 3:
– Changing logo.
To change logo for footer 3, you should follow the same steps as for footer 2 (Change logo steps)but for first step, you should choose footer 3 in Theme Options > Footer.
– Changing footer description.
- Go to Theme Options > footer > select footer 3.
- Change footer description
- Click Save Changes
– Changing social icons
- Go to Theme Options > Footer > Footer social.
- Enter social links which you want to show
- Click Save Changes
– Changing footer content in footer sidebar.
- Go to Appearance > Widget.
- Change the content of Footer 3 widget 1,2. You can add other widget to footer sidebar or edit existing widget in sidebar.