Overview

Documentation Update: 21 Dec 2017

Thankyou for downloading this amazing free WordPress theme. This theme is specially for you. You can create professional blogs for yourself or for your friends & clients with it. The below documentation for dBlogger will help you install, manage and customize your website with ease. WordPress is awesome, Trust me.

1 - Installation

There are two ways to install this theme - one of it is straight forward through wordpress dashboard and the second one is by using FTP or cpanel.

1.1 Through WordPress Dashboard
  1. Go to your WordPress admin panel, Appearance -> Themes section.
  2. Click the Add New button.
  3. Click Upload and Choose File “dBlogger.zip” you have downloaded.
  4. Click Install Now.
  5. Now go ahead and click Activate to use your new theme. Simple isn't it.:) Have fun.
1.2 FTP or Cpanel upload (Manual process)
  1. Download & Unzip "dBlogger.zip" to your desktop.
  2. Upload the folder dBlogger to /wp-content/themes/ directory.
  3. Use Filezilla(Windows) or Cyberduck(Mac) to upload the folder.
  4. Now go to your WordPress admin panel, Appearance -> Themes and activate dBlogger.

There are 3 easy steps for creating a navigation menu for the theme.

2.1 Custom Menus
  1. Go to Appearance -> Menus, add a Menu Name and then click Create Menu.
  2. creating menu with dBlogger theme
  3. Set Menu to the Desired location `Primary` for Top Navigation menu and `Footer` for Footer menu.
  4. setting menu with dBlogger theme
  5. Using WordPress drag and drop interface you can now add Pages, Categories, Custom links, Tags to your menu. Click SAVE once done. Cool ain't it? The menus will appear on your website by now.
  6. editing menu with our wordpress theme

Just like adding pages, posts, categories to menu you can link to internal and external websites.

A) An example for linking to internal & external websites. This is very useful linking method.

custom links

B) Here's an example for linking to pages with IDs(Advanced level)

custom links
2.3 Font Awesome Icons (Advanced Level)

Go to Appearance -> Menus as usual. Prefix icons to your navigation menu by adding font awesome CSS class before the title of menu item. Check the image.

Note: On top of the dashboard you can toggle Screen Options for more "Advanced menu properties" as well.
add font awesome icons to navigation menu

3 - Live Customizer

WordPress Live customizer is the heart of dBlogger. All core features like changing fonts, managing homepage template, changing website colors can be done here. Go to Appearance -> Customize to start. The changes are previewed in realtime so you know what the setting does. Once done click the publish button. add settings and preview live changes in wp customizer

3.1 Branding
Appearance -> Customize -> Branding.

Change the Site Title, favicon, logo of your website from this section.

changing logo through wordpress live customizer
3.2 Colors
Go to Appearance -> Customize -> Colors

Change colors to match your website logo and branding.

Change colors for the website
3.3 Global Settings
Go to Appearance -> Customize -> Global Settings

Make sitewide changes to your website by chaging fonts, top banners, adding social links in top navigation bar, enabing post sharing etc.

A) Font Settings

I think the image tells the story. Have fun playing around with 600+ fonts.

change font settings here

You can add image banner with a URL as well as Adsense script from this section.

adsense banner settings for  wp theme C) Social Links

This option lets you add your social media pages of Facebook, Twitter, Instagram, Google, Pinterest, Linkedin, RSS with ease onto the navigation bar.

social links settings for navigation bar D) Post Settings

The post settings let you Enable/Disable sharing of posts and control the number of related posts to show on any article post.

post settings for wp theme
3.4 Custom Header Image
Go to Appearance -> Customize -> Custom Header Image

This section lets you change the banner of categories, 404, search pages.

Change colors for the website

By now you already know how to change the menu as we mentioned it in “2.1 Custom Menus”. However, this section in customizer also give you complete control for adding your header and footer navigation menu and the changes can be previewed as you go.

Change colors for the website
3.6 Widgets
Go to Appearance -> Customize -> Widgets

to manage widgets on your website.

Change colors for the website
3.7 Frontpage Sections
This is where you change the appearance of frontpage. There is only one homepage template(Template Name: Frontpage). You will be informed on new updates. Go to Appearance -> Customize -> Frontpage Sections to get a feel of whats in store. Go to Appearance -> Customize -> Frontpage Sections -> Header Intro

Manage header section of your website from this section. You can change the heading, add description, buttons and background image of this section.

Change colors for the website
B) Category Section
Go to Appearance -> Customize -> Frontpage Sections -> Category Section

Select any category and set the no of posts to show in this section. You can change the heading, icon, description of this section. There is also option to disable this section.

Change colors for the website
C) Page Section
Go to Appearance -> Customize -> Frontpage Sections -> Page Section

As the name goes this section lets you show all your latest `PAGES` on the homepage as well as add global tag names.

Change colors for the website
D) Our Blog Section
Go to Appearance -> Customize -> Frontpage Sections -> Our Blog Section

Add a custom title for your blog from here. You can also set no of posts to show in homepage.

Change colors for the website
E) Subscribe
Go to Appearance -> Customize -> Frontpage Sections -> Subscribe

Disabled by default. Enable to setup mailchimp lead generation right from your website. Add mailchimp mailing list and you are done.

Change colors for the website
3.8 Homepage Settings
Go to Appearance -> Customize -> Homepage Settings

Set Front page displays to “Your latest posts“ to show latest posts. Select a static page for Frontpage to set your website homepage. Also there is option to select a static page for showing latest posts. Pretty confusing eh ? Check FAQ to find more on how to setup blog and template Frontpage.

Change colors for the website
3.9 Additional Css
Go to Appearance -> Customize -> Additional CSS

Add your custom css markup in this section. It will show you live changes for any markup. This feature is only available from WordPress 4.7.3 and above. So please update your wordpress version if you haven't done so.

Change colors for the website

4. FAQ

Some simple steps to setup blog, shop, forum as promised.

    A) How to setup a blog?

    dBlogger is a blog theme to start with. So what this all about? You are right dBlogger is a blog theme but WordPress lets you create a different homepage by using page templates.

    Wait a minute!

    Why have a different homepage? Good question.. Let me explain. The purpose of a blog in simple terms is to show Latest Posts. Having a homepage filled with latest posts can be boring and you might want to show more to a visitor when they visit your website. dBlogger let you do just that. You can have a homepage with banners, category posts, pages list and even latest posts.

    WordPress has a nice feature for having a different homepage(with page template) as well have a seperate page as blog.

    Check this Image: Change colors for the website You can access these setting from Appearance -> Customize -> Homepage Settings
    or from
    WordPress Dashboard -> Settings -> Reading

    Your Latest Posts

    Once you have selected this option your homepage will show all the latest posts with paginated links and sidebar etc.

    A Static Page

    This is where the magic happens. As you can see there are two options and both of them lets you select a page.

    1) First option(Homepage) lets you select a page template for homepage

    URL will be http://yourwebsite.com/

    2) Second option(Posts page) lets you select a page for showing your latest posts.

    URL to access you blog is thus http://yourwebsite.com/pagename

    If you create page named blog and select it in Posts page option then the URL to access blog will be http://yourwebsite.com/blog


    Now you can link this blog from the navgiation menu using custom links. Pretty neat! Eh. So what is this Page template am talking about? Creating a page is easy so is assigning a page with a page template. Here's how its done. In WordPress Dasboard -> Add New Page -> Under page attributes -> Select Frontpage(this is dblogger's page template we created). Now you can use this newly created page in A static Page as we talked before. Change colors for the website I hope you get the whole idea. Good luck.
    B) How to create online shop?

    It is pretty straightforward to create an online shop on dBlogger theme.

    Install & activate WooCommerce plugin.
    Search plugins from WordPress Dashboard -> Plugins -> Add new
    You will be able to access shop from this URL once you have done the installation. http://yourwebsite.com/shop/
    C) How to setup forums?
    Install & activate bbpress plugin. URL will be http://yourwebsite.com/forums/

5. Essential Plugins

Is it your first time with WordPress? Like to know which plugins you should have for dBlogger? This is just a recommendation list as you can also find alternatives.

  • Yoast SEO Plugin - My personal favorite for a long time. It feels good. Seriously all seo plugins are the same when it comes to performance.
  • Simple 301 Redirects - Handy tool to redirect dead/removed pages & posts to homepage.
  • Thirsty Affiliates - Manage/Mask your affiliate product links with your own website url(better seo ranking).
  • WP reCaptcha Integration - Block that spam before it enters.
  • Antispam Bee - A second firewall to block spam if they pass the WP reCaptcha Integration which is unlikely.
  • Security Plugin - Get a better hosting & update WordPress regularly. Oh you can use login limit plugins to secure your website.
  • Caching Plugin - Get a better hosting. Alternatively W3 Total cache will do the trick if your hosting has no inbuilt caching support.