Introduction

Theme Name: Selfblog
Created: 13/01/2016
Latest update: 26/03/2016
By: PalThemes
Email: deo.hoshi@gmail.com

We would like to thank you for purchasing Selfblog! We are very pleased you have chosen Selfblog for your website, you won’t be disappointed!

Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information and provide you with all the details you need to use Selfblog.

Selfblog can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.

Last updated on Mar 26, 2016

Installation

There are two methods to install the theme. If the normal installation method (1) is not supported by your web host, you will have to use the alternate option (2).

  1. Normal Installation

    1. Login to WordPress Admin and browse to Appearance > Themes.
    2. Click on the Add New Theme (or “Install Themes” tab for older versions) and click Upload.
    3. Browse your computer to select “selfblog.zip” (it’s in the zip file you downloaded from ThemeForest). Click “Install Now” button.
    4. Once it’s uploaded, click the Activate link.
  2. FTP Installation (Alternate option)

    1. Use your FTP software to browse to wp-content/themes folder.
    2. Extract selfblog.zip and upload the selfblog folder.
    3. Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
    4. Click the Activate link.
After activation, you will be presented with several plugins that you have to activate. Do not forget to activate them all or not all of the theme features will be available.
If you have existing content and featured images, you will have to install Regenerate Thumbnails plugin and run it from Tools > Regen. Thumbnails.
Last updated on Jan 05, 2016

Demo Content Install

We highly recommend against using this method in production. Please only use on a an extra copy for testing or experimenting.

Things you need to check to make demo installer works:

  1. Navigate to unyson, pay attention to compatible extensions, you will see Backup & Demo Content extension. Download it and activate that extension
    backup_and_demo_content
  2. Now Go to Tools » Demo Content Install and click Install on Selfblog Demo
  3. You will see that the demo installation is in progress.
    screenshot-www palthemes com 2016-01-11 01-31-34
  4. After the demo content installer did the job, you’ll be logged out because the database is just refreshed. Please do the login again. (Some site will get a notice: Not Acceptable, it’s because your server fails to do the self-logout. Just ignore it, and go to your /wp-admin)
  5. When you successfully logged in, please go to Settings » Permalink. HIT the save button. This action is REQUIRED to prevent permalinks error.
  6. Congratulations, you’ve successfully installed the demo content.Notes:
    1. The images for demo content are from unsplash and Which is free for commercial themes.
    2. You CAN’T SELL the stock yourself.
Last updated on Jan 13, 2016

Theme Settings

This section will show you how to customize selfblog theme through theme settings, which you can find by navigating to Appearance >> Theme Settings

Last updated on Jan 15, 2016

General

general

Branding

Logo
At this section, you can upload your own logo (and for the retina version one). You can Show or Hide your site description by turn Yes/No in Show Site tagline Option.

Show Site Tagline
This option is to configure either you want to show or hide your site tagline.

Last updated on Jan 13, 2016

Page Layouts

 

This section allows you to customize for each templates. The pages included that could be custimomized are: index, single, page, archive, author, category, search, tags and 404.

You can set the sidebar position for each page layout.

Except single and page tabs, all page settings have Featured Content Slideshow configuration. Weather you want to turn on or off. It’s up to you.

And special for 404 tab, it has custom title/headline and the not found message (with WordPress WYSIWYG editor).

Last updated on Jan 12, 2016

Design And Color

design_and_color

This section will teach you how to customize color and background.

1. How to change Accent Color
In Design and color menu, look up to Accent Color Options. Pick your desired color, and hit save to save the options.

2. Customize Site Background.
Allows you to customize the main background of the site. From the base color to background image.

3. Main Footer Color Settings
Please see the screenshot below , it’s easier to read the explanations with picture.

4. Copyright Bar Color Settings
This section contains options that almost same with Main Footer Color scheme, only it has not widget title color option.

Last updated on Jan 13, 2016

Typography

typography

If you feel that default theme’s typography style isn’t nice enough, then this typography configurations could allows you to play with.

To enable, please turn the switcher to “Yes” at “Enable Custom Typography? ” option

Last updated on Jan 13, 2016

Advanced

advanced

  1. Search Input Placeholder
    This means the default/placeholder text inside the input field.
    Default: “Please type and press enter”
  2. Sticky Menu
    Stick the navmenu when scroll, Switch Yes to enable or No to disable.
    Default: Yes
  3. Sticky Sidebar
    Sticky sidebar that will stuck in smart way when visitors scroll your website.
    Default: yes
  4. Social Share
    This is the social sharer icon that placed at the most bottom of article box. Switch Yes to enable or No to disable.
    Default: Yes
  5. Related Posts
    The related posts will appear in post article page.
    Default: Yes
  6. Custom CSS
    You can add your own CSS code to customize your theme style. Please write your CSS code without <style></style> tag.
  7. Custom JavaScript
    You can add your own JavaScript like Google Analytics code, or whatever you need. Please write your JavaScript code without <script></script> tag.
Last updated on Jan 13, 2016

Setup Navigation & Menus

Selfblog comes with 2 (two) menu locations:

  1. Primary Menu
    This primary navigation located on top of page.
  2. Footer Menu
    This navigation located in the bottom of page (after footer widgetized area).

Creating Menu

Things to create a new menu:

  1. Go to to Appearance > Menus.
  2. Enter a menu name and click Create Menu.
  3. Using the Custom Links and Pages boxes at the left, add items to the menu and drag/drop to arrange them.
  4. (optional) If you would like to use this menu in navigation, in the “Manage Locations” area, under Main Navigation, select your newly created menu. Click Save.
  5. Click Save Menu and that is all.

Mega Menu

Mega Menu used to create an organized multi-column list of links. This Mega Menu ONLY supported on Primary Menu location. Before creating a mega menu, you must install Mega Menu extention from Unyson. Go to Unyson tab on admin menu, download Mega Menu extention and Activate.

Add Mega Menu

To add mega menu to your menu item:

  1. Go to to Appearance > Menus and select your menu.
  2. Expand the item you wish to add mega menu to by clicking the arrow icon.
  3. Check  Use as Mega Menu.
  4. Save Menu. Next configure sub-items (below).

Mega Menu is configured by adding Custom Links to be used as headings. You can use 4 of these headings. Then, a 3rd-level sub-items are added which are displayed as links, under each heading. Example:

mega_menu

Last updated on Jan 13, 2016

Writing Post Format

After you’ve done all required actions when installing Selfblog theme. Now you’re ready to write your blog posts.

There are 7 Post Formats that supported to use with Selfblog theme.
Those are:

  1. Standard
  2. Image
  3. Video
  4. Audio
  5. Quote
  6. Link
  7. Gallery

To select what post format you like, you just need to look up to Format box that positioned right below Publish box.

However, we recommend you to upload featured image for each post. So that the posts have thumbnails that will show great in several widgets. Such as recent posts, post slideer, etc.

Now. Let’s learn how to write the format types.

Last updated on Jan 05, 2016

Image

To create image post format, you just need to create post like standard post and you have to upload the featured image, and this is mandatory (of course, we’re going to publish image format right?). The result on the front-end will make the uploaded featured image available to zoom-in.  And don’t forget to select “Image” on the Format Options box.

Last updated on Jan 05, 2016

Video and Audio

Create a post just like the standard post, choose “Video” on the Format Options box.  To add video content, for example, if you want to show vimeo videos, you just need to put the vimeo link… WordPress oEmbed system will automatically render the video player. It’s the same way to put the youtube videos and soundcloud audio, even you can embed self-hosted video and audio too… Just paste the file url to the text editor.

Last updated on Jan 05, 2016

Quote

To make quote post format, just pick “Quote” on format option while you’re creating a new post.

To write the quote post properly, please use this code snippet (you need to switch the WordPress text editor type tab to “Text”):

<blockquote>
<p style="text-align: center;">I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel</p>
&nbsp;
<p style="text-align: center;"><cite>Maya Angelou</cite></p>
</blockquote>
Last updated on Jan 05, 2016

Credits

Last updated on Jan 12, 2016

Changelog

Version 1.0.4 / (24.03.2016)
============================
- Fixed some bugs
- Added menu on topbar area
- Added option to enable or disable image filter on whole site

Version 1.0.3 / (01.03.2016)
============================
- Added option turn on/off parallax page banner
- Fixed Tagline overflow

Version 1.0.2 / (25.02.2016)
============================
- Fixed Single Slider bugs

Version 1.0.1 / (17.02.2016)
============================
- Fixed not working custom CSS Code
- Fixed not showing fontawesome icon
- Fixed wrong styles

Version 1.0.0 / (12.01.2016)
============================
Initial release
Last updated on Mar 26, 2016