BNM WordPress Theme Documentation

1. Introduction

This is the documentation page for the BNM WordPress theme.

2. Theme Installation

  1. Visit your site’s dashboard.
  2. Navigate to Appearance Themes.
  3. Click on the “Add New” button at the top.
  4. Then enter the text “bnm” in the “Search themes” search input.
  5. When the theme “BNM” appears hover over it to find the “Install” button. Click on the Install button and then click on the “Activate” button.

3. Adding a Custom Logo

  • Go to Appearance Customize Site Identity
  • Click on the “Select Logo” button which is under the “Logo” title.
  • After selecting or uploading the logo image it will take you to a screen where you can crop the image as you see fit. If you do not want to crop the logo image proceed by just clicking on the “Skip Cropping” button.
  • After adding a logo image there will be two controls to set the logo Max width and Max height in the site identity section of the customizer, just below the “Logo” control. These controls give you the option to choose different logo sizes for different devices.

4. General Settings

If you want to change the overall site layout site width or sidebar width you need to go to the “General Settings” section of the customizer.

Site Layout

Site layout control has two options, Boxed Layout and Wide Layout. Boxed layout means the whole site displays in a boxed container whereas the wide layout option takes the whole width of the browser.

Layout Width

Layout width gives you the ability to change the container width of the site layout.

Sidebar Width

When you give a sidebar width it applies to the posts or pages those displays the main sidebar.

5. Header Settings

Social Menu – How to add a social Menu?

You can display a social menu at the Top Bar of the header. To create a social menu using the customizer please follow the steps below.

  1. Visit your site’s dashboard.
  2. Navigate to Appearance Customize Menus.
  3. If you see a Social menu has already been created, you can click it to begin editing. If not, click “Create New Menu” instead and type in a name, such as “Social” for example.
  4. After giving a menu name make sure that the checkbox for “Social Menu” is checked under “Menu Locations:”
  5. To add your first social media link to the menu, click + Add Items:
  6. Next, select the “Custom Links” menu item type.
  7. Here, fill in the two fields:
    • URL: Add the link address for one of your social media profiles. For example, if the link to your Facebook profile is https://www.facebook.com/ThemezHut, you would paste that into the URL field.
    • Link Text: Type a name for the social media site, such as Facebook or Instagram.
  8. Once you have filled in both fields, click “Add to Menu“.
  9. Repeat the above steps until all the social media profiles you wish to use have been added to the menu.
  10. Finally, click Save Changes. Check your site to see your brand new social media icons!
Adding a social Menu

Header Settings : Appearance

You can change your site’s header appearance by navigating to Appearance Customize Header Settings Appearance

Header Layout

Currently there are two header layouts for you to choose from.

  1. Default Layout – Displays the the site branding before the primary menu.
  2. Single Layout – Displays the site title/logo(branding) and the primary menu side by side in a horizontal layout.

Header Padding

You can use the Header Padding Top and Header Padding Bottom controls to change the height of the header. You can add values separately for desktops, tablets and mobiles.

Note: Since most of the controls on the settings sections are self explanatory all of them are not explained.

6. Magazine Homepage

BNM has provided a “Magazine” sidebar along with “Magazine Posts Style” widgets which can be used to create a magazine style homepage easily. All you have to do is add “Magazine Posts Style” Widget in the “Magazine” widget area.

This is how to make your website to look like the demo.

Adding Separate pages for “Magazine” and “Blog” pages.

Normally your blog posts will display at the bottom of the “Magazine” Widget area. If you want to create two separate pages for “Magazine” Homepage and “Blog” listing page please do the following.

  1. Create a new page from Dashboard Pages Add New.
  2. Give that page a any name you prefer. eg: Home, Front page etc.
  3. Then select the “Magazine Homepage” option for the “Template” setting which is in the “Summary” section of the “Page” Tab Panel.
  4. Then Go to Dashboard Settings Reading and select the “A Static Page” option which is under the heading “Front Page Displays”.
  5. Then Select the page that you created earlier from the “Front Page” drop down . eg: Home

– Adding a blog post page when magazine homepage is activated.

  1. Go to Dashboard Pages Add New in the WordPress Dashboard.
  2. Give it a name whatever you want. eg : Blog.
  3. Then Go to Settings Reading in the WordPress Dashboard and select the option “A static page” which is under the heading “Front Page Displays”.
  4. Then Select the page that you created from the “Posts Page” drop down . eg: Blog.