Getting Started
This is the official Sublime Blog Pro theme documentation page. Unlike free themes, there are lots of features on the Pro Version. Let me guide you with all the features that the pro theme has to offer.
Installation
You can easily install our theme.
Upload theme
- Go to Appearance > Themes in the WordPress Dashboard
- Click on the Add New button
- Click on the Upload link and select sublimeblogpro.zip
- Click on Install Now button
Activate Theme
Go to Appearance > Themes in the WordPress Dashboard.
Now, hover over the theme thumbnail and press the Activate button
Additional information: WordPress Codex – Using Themes
Site Identity
This theme supports the default site identity given by WordPress. You can use Logo, Site Title, Tagline & Site Icon Upload which is supported in our Theme. Additionally, we have added a Logo width option as well. Logo width helps you to increase/decrease your logo width from the Customizer.
Site Title Font
Additionally, in Pro Theme we have added the option of choosing Site Title Font and its weight along with Site Title Font size as well.
Homepage Settings
A static home page is like you are customizing the front door of your website. By default, your home page is your blog, but you can change this to any page you’ve created!
Set a Static Front Page
- Go to Appearance > Customizer > Homepage Settings.
- Locate the Homepage Settings option. (To see this option the site needs to have at least one published page).
- Select the A static page option, then choose your new page from the Homepage drop down.The preview window will display your newly selected page as the front page of your site.
- Click on the Save Changes button to save your homepage settings.
By default, the menus will fall back to Pages. You will only see all the pages as menus right after activation of the theme. You can select all the posts, pages, archives, categories, and custom post types as well.
- Go to Appearance > Menus in the WordPress menu
- Click on Create a new menu link
- Give a name to your menu in Menu Name and click Create Menu button
- Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
- Click Save Menu after adding required pages, categories in the menu
Still having trouble with the menus! Check this out WordPress Custom Menu
Colors
The Sublime Blog Pro supports the background Color feature. For this
- Go to Appearance > Customize > Colors section.
- Now, choose the required colors for your site there.You can choose Primary Color, Header Text Color,Background Color,Footer Text Color & Footer Background Color.
- Save & Publish button to save the changes in your site.
Background Image
The Sublime Blog Pro supports the Background image feature as well. For this
- Go to Appearance > Customize > Background Image > Background Image section.
- Now, choose the required background image for your site there.
- After you have chosen the required background image for your site here, you can now click on Save & Publish button to save the changes in your site.
Theme Options
Well, Sublime Blog Pro extensively provides Premium features from this section.
- Go to Appearance > Customize > Theme Option section.
- Now, navigate to the respective features.
Header Options
Header Options includes all the options that are there in the header of our Pro theme. Basically, we have divided this into two different parts Settings and Layouts.
Header Option Settings
Enable Sticky Header: Here you can make your header sticky so that it sticks at the top of the screen whenever you scroll down the website. You can hit Publish button once you have selected this.
Enable Header Search: Here you can enable/disable Header Search that appears on the header of different header layouts on the pro theme. You can hit Publish button once you have selected this.
Header Option Layouts
Navigate to the Header Option in layouts to change the overall layouts of the header. There are 4 header layouts in total in this pro theme. You can select one of them and hit publish on the top to reflect changes on the Front end of the theme.
Ad Widget
Add “Custom HTML or Image” widget in header AD section. Recommended size is 728px X 90px. This widget only displays in header layout three. For this navigate to
- Go to Appearance > Customize > Theme Options > Header AD Widget.
- Now as shown in the image below add “Custom HTML or Image” widget in header AD section. Recommended size is 728px X 90px. This widget only display in header layout three.
- You can now click on Save & Publish button to save the changes in your site
Sublime Blog Pro offers a wide variety of options on the Banner Section of the theme. You have three options in the Banner Option as shown in the image below.
You can select Static/Video CTA Banner from the Banner Options. You will land up in the sections where you can change your static image with text, a short description Button, and alignments. You can choose Header Video as well where you can upload your own video(.mp4 extension) or you can add YouTube Video URL as well.
For static images, you can upload the image in the Header Image part.
There are options for Title, Subtitle, Banner Label, Banner Link, and Banner Content Alignment as well. You can change them as per your need and hit publish button on the top.
If you want to enable the Banner Slider type then you have to choose Slider Banner as an option in Banner Options. There are 4 options to choose from as shown in the image below.
Latest Posts
If you choose Latest Posts, all the recent posts you have published will be selected in the slider.
Category
If you go with Category, you can choose to select a category from which you can display the sliders as shown in the image below.
Pages
If you go with Pages, you can select pages from the list of pages in the repeater as shown in the image below.
Custom Slider
If you choose Custom Slider, then you can just create your own slider by adding an Image Title and Link.
Slider Options
You have numerous options in the slider. You can play with the slider settings and choose which fits you the best. You can check the below image to get some idea about the slider options.
Number of Slides: You can choose the number of slides on the slider from these settings
Include Repetitive Posts: You can enable this option to add posts included in the slider in the blog page too.
Slider Auto: Enable if you want your slider auto transition.
Slider Loop: Enable if you want to loop your slider from the very beginning.
Slider Caption: Enable Slider Caption to show the Title, Subtitle, and Button Link.
Full Image: This option allows you to render the full image size that you have uploaded on the Media. Remember this might make your slider a little bit inconsistent if you have not properly cropped your image when uploading to the Media.
Slider Animation: If you want to animate your slider Choose some of the cool animations from the drop-down
Slider Autoplay Speed: Enable this to control the Autoplay of the slider. This speed is calculated in milliseconds.
Slider Autoplay Timeout: Enable this to control the Autoplay interval timeout of the slider. This speed is calculated in milliseconds.
Once you have played around with these options. Hit the publish button on the top of the customizer.
Slider Layout
There are 4 slider layouts in the theme right now. You can choose between one of them and hit publish.
Featured Section
Premium Version of the Sublime Blog allows you to add an additional section called Featured Section where you can add your featured posts. For this navigate to
- Go to Appearance > Customize > Theme Options > Featured Section.
- Now, enable the featured section as you can see there is a toggle to switch on and off the section.
- After you have enable the section you can add your Title and add some posts from the selector drop down as in the screenshot below, you can now click on Save & Publish button to save the changes in your site
Ad Widget
You can now add your own advert to this theme as well. For this navigate to
- Go to Appearance > Customize > Theme Options > AD Widget.
- Now as shown in the image below Add “Custom HTML or Image” widget in AD section. Recommended size is 1170 X 154px.
- You can now click on Save & Publish button to save the changes in your site
Blog & Archive Settings
All the settings that involve Blog and archives pages are explained in this Blog & Archive Settings. For this navigate to
- Go to Appearance > Customize > Theme Options > Blog & Archive Settings.
- You can see numerous options where you can play around with the settings.
- You can now click on Save & Publish button to save the changes in your site.
Blog & Archive Settings
Archive Prefix: You can disable this option to hide the prefix in the archive pages.
Original Image Size: You can enable this option to show the uploaded original size image as a featured image in home, archive, and search posts.
Modified Post Date: You can enable this option to show modified post date in posts.
Author Avatar: You can enable this option to show the author avatar in post meta.
Drop Cap: You can enable this option to show the first letter of the word in post content.
Excerpt: You can enable this option to show excerpts. If you want to show full post content disable this option.
Excerpt Length: Choose a number of words in an automatically generated excerpt.
Read More Text: You can write your own Read More text in archive pages.
Meta Order: You can now Drag & Drop items to re-arrange the order. To hide the element click on the eye icon.
After you have played around with the options you can hit Publish Button at the top of the customizer.
Blog Layouts
Navigate to the Layouts option to change the overall layouts of Blog/Archive Layout. There are 4 different blog/archive layouts in total in this pro theme. You can select one of them and hit publish on the top to reflect changes on the front end of the theme.
Instagram Section
Instagram Section allows you to display all the photos you have uploaded on Instagram from your account. Please add the “Instagram Feed” widget in the Instagram section.
Breadcrumbs are integrated with the theme by default. You just have to enable the option to show the breadcrumbs. To do that
- Navigate to Appearance > Customizer > Theme Options > Breadcrumbs Settings.
- You can then enable the option and configure Home Text and Separator from the settings.
- Hit Publish whenever you have finished your changes.
Single Post Page Settings
All the settings that involve posts and pages are listed in this Single Post Page Settings. For this navigate to
- Go to Appearance > Customize > Theme Options > Single Post Page Settings.
- You can see numerous options where you can play around with the settings for posts and pages.
- You can now click on Save & Publish button to save the changes in your site.
Post/Pages Settings
Original Image Size: You can enable this option to show the original size uploaded image as featured image in post and page.
Modified Post Date: You can enable this option to show modified post date in single posts and pages.
Author Avatar: You can enable this option to show the author avatar in a single post and page.
Drop Cap: You can enable this option to show the first letter of the word in single post content.
Categories: You can enable this option to show post categories in a single post.
Tags: You can enable this option to show tags in a single post.
Meta Order: You can now Drag & Drop items to re-arrange the order. To hide the element click on the eye icon.
Related Posts Section Title: You can write your own title in the related section on the single post.
Related Post Taxonomy: This option allows you to display your related posts which are displayed via Category/Tags.
Element Order: You can now Drag & Drop items to re-arrange the order. To hide the element click on the eye icon.
After you have played around with the options you can hit Publish Button at the top of the customizer.
Blog Layouts
Navigate to the Layouts option to change the overall layouts of Single Post Layout. There are 5 different Single Post layouts in total in this pro theme. You can select one of them and hit publish on the top to reflect changes on the front end of the theme.
Here the theme allows you to add social links as well. For this
- Go to Appearance > Customize > Theme Option > Social Links.
- Enable if you want to show the social links on the Header.
- Create your own social links from the repeater as shown in the image below.
Here the theme allows you to add social sharing as well. For this
- Go to Appearance > Customize > Theme Option > Social Sharing.
- Enable to show social sharing buttons on single post page.
- Enable to show floating social sharing buttons on single post page.
- Enable to show open graph tags. Note:If you’re using Jetpack, Yoast or other plugin to maintain Open Graph meta tags then disable this option.
- Create your own social sharing. You can Drag & Drop items to re-arrange the order of social sharing buttons. To hide the social share click on the eye icon.
Add dynamic sidebars. To use the added sidebars in the drop-downs below you need to save the changes and reload the customizer. You can add content to the sidebars in Appearance->Widgets. For this
- Go to Appearance > Customize > Theme Option > Dynamic Sidebar.
- You can add new sidebars and select a sidebar in different Sidebars.
We offer several sidebar layouts in our theme. For this
- Navigate to Appearance > Customize > Theme Option > Sidebar Layouts.
- There are 4 different layouts for page and post. There are 3 different layouts for blog and default.
- Hit Publish after the changes.
Typography Settings
One of the major benefits of the theme is we offer Typography settings for Body and Headings. For this
- Navigate to Appearance > Customize > Theme Option > Typography Settings.
- If you want to to load google fonts from your own server instead of google’s CDN, enable this option. This solves privacy concerns with Google’s CDN and their sometimes less-than-transparent policies.
- You can change Body fonts and size from the Body Font settings.
- Hit Publish after the changes.
Performance Settings
If you want to make your website faster then there are some options you can explore. For this
- Navigate to Appearance > Customize > Theme Option > Performance Settings..
- Hit Publish after the changes.
Lazy Load: Enable this option to lazy load featured images.
Lazy Load Content Images: Enable this option to lazy load images inside page/post content.
Lazy Load Gravatar: Enable to lazy load gravatar image.
Defer JavaScript: Enable to add “defer” attribute to script tags enable this option which improves page download speed.
Ver parameters: Enable to remove “ver” parameter from CSS and JS file calls enable this option.
Combined JS: Enable to call one minified JS file enable this option. Remember this option can break your site therefore backup of your site is recommended.
Combined CSS: Enable to To call one minified CSS file to enable this option.
Analytics Code
Paste your Google Analytics or other JavaScript code here. Please make sure your code is wrapped with < script > tags.
In Footer: If you want to add google analytics on the footer then tick this option.
Misc Settings
There are several miscellaneous settings. For this
- Navigate to Appearance > Customize > Theme Option > Misc Settings.
- Hit Publish after the changes.
Admin Bar: Enable to hide Admin Bar in front-end when logged in enable this option.
Lightbox: Enable to show a larger version of the image in a stylized pop-up box without leaving the current page to enable this option.
Last Widget Sticky: Enable to stick the last widget in the sidebar enable this option.
Drop Cap: Enable to show the first letter of the word in page content enable this option.
PreLoader: Enable to show preloader on page load enable this option.
Back To Top: Enable to show back to top option in the site.
Dark Mode: Enable to show dar mode option.
Pagination: Select Pagination Type.
You can change the footer copyright and use your own custom text from here. Use [the-year] shortcode to display current year & [the-site-link] shortcode to display site link.
Hide Author Link: You can disable the author link.
Hide WordPress Link: You can disable the WordPress link.
Widgets
By default, WordPress supports widgets. You can edit widgets in WordPress in two ways. You can either open a Dashboard and go to Widgets under Appearance Tab or you can do this with the help of Customizer. Here are tips on how you can do it with a customizer.
Adding Widgets via Customizer
- Go to Appearance > Customizer > Widgets in the WordPress menu
- To add a widget, first click on a widget area. In the panel, click on Add a Widget. The Customizer will show all of the available widgets that you can add.
- Scroll the alphabetized list of widgets on customizer, or else you can use the search field at the top to find the desired widget. Then, click on a widget to add it. The Customizer will then display a box to configure the widget’s settings.
- When you’ve finished updating these fields, click Close on the bottom left of the widget box. You can also reopen and update a widget using the small down-facing arrow, or remove it by clicking Delete.
- You can reorder these widget panels as well — hover over one and mouse-click to select and drag it up or down, depending on where you’d like it to display. After making your changes, don’t forget to save them by hitting the blue Save & Publish button at the top of the panel.
Still having trouble with the widgets! Check this out WordPress Widget.
Additional CSS
You can just add your own CSS in Additional CSS.
- Go to Appearance > Customize > Additional CSS section.
- Now add your own CSS on Additional CSS section.
- After that click Publish.
Need help setting everything up?
We have dedicated services designed to help you start off on the right foot.
