Optimisitc Blog


There are two methods to install Optimistic Blog theme.  You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

Method 1 ( Recommended) : Install theme using the WordPress theme installer

  1. Log into your WordPress site and you'll see your admin dashboard.
  2. Go to Appearance > Themes in the dashboard.
  3. Click on the Add New button.
  4. Then click on Upload Theme button.
  5. Click on Choose File button. Search and select optimistic-blog.zip theme file.
  6. Click on Install Now button.

Method 2: Install theme using File Transfer Protocol (FTP)

  1. Unzip “optimistic-blog.zip” file on your computer.
  2. Login using FTP client to access your host web server.
  3. Locate the wp-content folder in your WordPress installed files.
  4. Upload the un-zipped optimistic-blog folder into the: wp-content/themes folder.

Activate the theme

  1. Log in to the WordPress Administration Panel.
  2. Go to Appearance > Themes in the WordPress menu
  3. Hover over the theme thumbnail and click the Activate button.

Additional information : WordPress Codex – Using Themes

Demo Import is recommended only if you're finding it difficult to set up your site. You'll provided with the files using which you can import demo contents. The files are inside your theme package under folder name demo-import-files. The folder includes three files, demo-content.xml, demo-customize.dat and demo-widget.wie.

To import demo content, you've to install "One Click Demo Import" plugin which is recommended. Once you've installed the plugin, you'll see 'Import Demo Data' when you hover on Appearance on your dashboard. Click on it, and it will take you to page to import your demo contents. Upload necessary files and click on Import Demo Data button to import demo contents.

Demo Import

Note : For customizing, you must be logged into your site's dashboard. Every Customization options are included in customizer. So you must go to theme customizer for customizing.

  1. Click on Theme Options.
  2. Click on Header. There you'll see two options, Choose Header Layout and Enable Top Header.
    Header Option
  3. You'll get option to choose one header out of four header layouts. The layouts look like following:
    Header Layout One:
    Header Layout One
    Header Layout Two:(Available in Pro)
    Header Layout Two
    Header Layout Three:(Available in Pro)
    Header Layout Three
    Header Layout Four:
    Header Layout Four
  4. By default, option, Enable Top Header is enabled. The option is active only if any one of two, Header Layout One or Header Layout Two, header layouts are active.
  5. To save the configuration, click on Publish button.

  1. Click on Theme Options.
  2. Click on Home Page. There you'll see following options:
    • Select Post Listing Layout

    Home Page Posts Layout
  3. There are five layouts for listing posts.
    • One Column List Layout
    • Two Columns List Layout
    • Two Columns Grid Layout(Available In Pro)
    • Masonry Grid Layout
    • Masonry Grid Layout(No Sidebar)(Available in Pro)
    Select any one layout.
  4. To save the configuration, click on Publish button.

The changes made in this section are visible in all the archive pages such as category page, author page, tag page etc...

  1. Click on Theme Options.
  2. Click on Archive Page. There you'll see following options:
    • Select Post Listing Layout

    Home Page Posts Layout
  3. There are five layouts for listing posts.
    • One Column List Layout
    • Two Columns List Layout
    • Two Columns Grid Layout(Available In Pro)
    • Masonry Grid Layout
    • Masonry Grid Layout(No Sidebar)(Available In Pro)
    Select any one layout.
  4. To save the configuration, click on Publish button.

  1. Click on Theme Options.
  2. Click on Post Page. There you'll see following options:
    • Show Author and Date
    • Show Post Tags and Views Count
    • Show Related Posts
    • Numbers of Related Posts

    Post Page Option
  3. Check on Show Author and Date, to show author name and post date.
  4. Check on Show Post Tags and Views Count, to show post tags and number of post views.
  5. Check on Show Related Posts, to show relatd posts. If this option is active, then option, Numbers of Related Posts will be active.
  6. Set the number of related posts to be displayed from, Numbers of Relted Posts option.
  7. To save the configuration, click on Publish button.

Post Page Configuration
  1. Click on Theme Options.
  2. Click on Others. There you'll see following options:
    • Enable Social Post Sharing(Available In Pro)
    • Post Link Button Title(Available In Pro)
    • Excerpt Length
    • Default Image(Available In Pro)

    Other Settings
  3. Check on Enable Social Post Sharing, to display option to share post via social sites.
  4. Set title of post link from Post Link Button Title option.
  5. Excerpt legth is the no of words of content of post that is displayed. Excerpt is used in blog page, archive pages, search page etc... Set the lenght of excerpt from, Excerpt Length option.
  6. Set default image which is displayed when featured image is not set for a post. Set it from, Default Image option.
  7. To save the configuration, click on Publish button.

Other Configuration
  1. Click on Site Identity
  2. There are following options:
    • Logo: Set Logo of your site.
    • Site Title: Set the title of your site.
    • Tagline: Set short description of your site.
    • Display Site Title and Tagline: Check to display site title and tagline. Uncheck to hide.
    • Site Icon: Set the favicon of your site. It is displayed on the tab of your browser.
    • To save the configuration, click on Publish button.

Site Identity
  1. Click on Colors. There you'll see following options:
    • Header Text Color
    • Background Color
    • Theme Color(Available In Pro)
  2. Set color of site's title from, Header Text Color option.
  3. Set site's background color from, Background Color option.
  4. Set theme color from, Theme Color option.
  5. To save the configuration, click on Publish button.

Color Option

Header Image is used as background image of breadcrumb.

  1. Click on Header Image
  2. There are following options:
    • Current Header: Click on Add new image to add header image.
    • To remove the header image, Hover on image in Previously uploaded and click on Cross Button.
    • If there are more than one header image, to randomly select header image, click on Randomize uploaded headers button.
    • To save the configuration, click on Publish button.

Header Image
  1. Click on Background Image
  2. There are following options:
    • Background Image: Click on Select image to add background image.
    • To remove the background image, click on Remove button.
    • To change the background image, click on Change button.
    • Choose background property from options Preset and Image Position.
    • Check on Repeat Background Image option, if you want your background image to be repeated.
    • To save the configuration, click on Publish button.

Background Image
There are two types of menu in Optimistic Blog. One for the primary navigation menu and another for footer. Primary navigation menu is displayed besides or below the logo with respect to header layout selected. Footer menu is displayed at the bottom footer section.

Set Up Primary Menu

  1. Log into your WordPress site and then you'll see your dashboard.
  2. Go to Appearance > Menus in the dashboard menu
  3. Click on create a new menu link
  4. Give a name to your menu in Menu Name and click Create Menu button
  5. Now choose the pages, categories, custom links from the left side of your screen by selecting the checkbox and click on Add Menu
  6. Set Theme Location to primary.
  7. Click Save Menu button after adding required pages, categories in the menu

Primary Menu

Set Up Footer Menu

  1. Log into your WordPress site and then you'll see your dashboard.
  2. Go to Appearance > Menus in the dashboard menu
  3. Click on create a new menu link
  4. Give a name to your menu in Menu Name and click Create Menu button
  5. Now choose the pages, categories, custom links from the left side of your screen by selecting the checkbox and click on Add Menu
  6. Set Theme Location to Footer Menu.
  7. Click Save Menu button after adding required pages, categories in the menu

Footer Menu

Set Up Social Menu

  1. Log into your WordPress site and then you'll see your dashboard.
  2. Go to Appearance > Menus in the dashboard menu
  3. Click on create a new menu link
  4. Give a name to your menu in Menu Name and click Create Menu button
  5. Now click on Custom Links. Enter the link of social site in URL field and set the title in Link Text field.
  6. After that Click on Add to Menu button to add it to menu.
  7. Set Theme Location to social.
  8. Click Save Menu button
Note: This menu is used in widget- OP: Social

Social Menu

Additional information : WordPress Custom Menu

Instagram Feed is displayed just above footer section. The section of instagram feed is a widget area called Instagram Widget Area.
  1. Log into your WordPress site and then you'll see your dashboard.
  2. Go to Appearance > Widgets in the dashboard menu
  3. There you'll see list of available widgets and three widget areas, Sidebar, Instagram Widget Area and Footer. There are 6 custom widgets, OB: Author, OB: Instagram Feed, OB: Popular Posts, OB: Recent Posts, OB: Social and OB: Trending Posts.
  4. Drag and Drop OB: Instagram Feed in Instagram Widget Area
  5. Enter Access Token, select Image Size and No of Images to be displayed. Then save the widget.

Instagram Feed
Sidebar and Footer are two widget areas used in this theme. In order to enable Sidebar and Footer, widgets must be included in them.
  1. Log into your WordPress site and then you'll see your dashboard.
  2. Go to Appearance > Widgets in the dashboard menu
  3. There you'll see list of available widgets and two widget areas, Sidebar and Footer. The custom widgets that are used in this theme are:
    • OP: Author
    • OP: Popular Posts (Available in Pro)
    • OP: Trending Posts
    • OP: Social
    • OP: Recent Posts

Sidebar & Footer Widget Area
This theme supports the Custom CSS, which overwrites the CSS of the main stylesheet file, so that you can apply some CSS to change the look of the site as you desire. Also, this changes will still remain even if you update the theme.

Additional CSS

  1. Go to Appearance > Customize > Additional CSS
  2. Open > Additional CSS and Add Custom CSS as per your requirement
  3. Click Publish to save the changes.

Additional CSS
  1. Normal(Sidebar Right)
  2. Normal(Sidebar Left)
  3. Image Background
  4. Video Background

  1. Right
  2. Left
  3. None