Blogistic Theme Documentation
- 1. Getting Started
- 2. Installation
- 3. License Integration
- 4. Pre-Built Websites
- 5. Demo Import
- 6. Color Presets
- 7. Colors
- 8. Global Option
- 9. Site Identity
- 10. Top Header
- 11. Theme Header
- 12. Main Banner
- 13. Carousel
- 14. Category Collection
- 15. Video Playlist
- 16. Theme Footer
- 17. Bottom Footer
- 18. Blog / Archive
- 19. Single Post
- 20. Pages
- 21. You May Have Missed
- 22. Instagram Section
- 23. Typography
- 24. Background
- 25. Menu
- 26. Widgets
- 27. Homepage Settings
1. Getting Started
We would like to thank you for choosing Blogistic.
Now, it’s so easy to make each website unique with Blogistic. Theme is suitable WordPress Theme for blog, lifestyle, fashion, photography, food, beauty, helps you to write articles and blog posts in a specific niche. We’ve added incredible, premium, and customizable features for a high-quality browsing experience from all types of devices. The sophisticated design, clean coding, responsive and multiple layouts, intelligent ads, and spectacular grid system will make your digital experience smooth and satisfying.
Blogistic is also built with input from SEO Experts. To make the theme Search Engine and Mobile friendly features have been enabled that will help rank your web pages on search engines and load the pages faster on user’s devices. Check out our beautiful pre-built demos now: All pre-built demos
2. Installation
- Log in to your WordPress Administration Panel.
- Click on Appearance -> Themes -> Add New
- Search for “Blogistic” in the search field.
- You can upload the theme zip file if you have downloaded before.
- Click on Install button and then Activate the theme.
Pro Version
Buy Blogistic premium version from the blazethemes store https://blazethemes.com/theme/blogistic-pro you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page
- Log in to your WordPress Administration Panel.
- Click on Appearance -> Themes -> Add New
- Upload the theme zip file that you have downloaded.
- Click on Install button and then Activate the theme.
Download the latest version of the Blogistic from https://wordpress.org/themes/blogistic/ page.
- Unzip the downloaded zip file.
- Upload the unzipped file inside public_html/wp-content/themes/.
- Now, activate the theme through Dashboard > Appearance -> Themes
- Activate the Blogistic and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.
Pro Version
Buy Blogistic from the blazethemes store https://blazethemes.com/theme/Blogistic-pro you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page
- Unzip the downloaded zip file.
- Upload the unzipped file inside public_html/wp-content/themes/.
- Now, activate the theme through Dashboard > Appearance -> Themes
- Activate the Blogistic Pro and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.
3. License Integration
Pro Version
You need to activate the license key in order to receive Automatic Theme Updates which includes featured updates, security updates and bug fixes. To activate the license key,
- First you have to find the license key that you will get in your purchase confirmation email.
- You can also find your license key in “My Account” page of blazethemes.com
- Now, go through your Dashboard > Appearance > Blogistic Info
- Paste the license key in the input field and click “Activate License”
4. Pre-Built Websites
It is hard to mix all the right elements when you try to create the perfect site. So we have created some beautiful and flexible pre-built websites that make you easier. Pre-built websites are easy and quick to install in your WordPress. Our Pre-built websites were carefully tested so you don’t have to create your site everything from scratch. Just one click and you are good to start.
5. Demo Import
After you activate Blogistic in your website. You can use demo import to make your site look like one of our available demos.
- Go to Appearance > Blogistic Info
- You can see list of all demos in this page
- If you have not install/activate the Blazethemes Demo Importer plugin Click on install/activate demo importer button just above the demos listing section
6. Color Presets
Theme/gradient colors, basically, are the initialization of a particular color that will be used a number of times. Therefore, you can choose from other color pickers available in various parts of the theme customizer.
- Dashboard > Appearance > Customize > Color > Theme Colors / Presets
Solid Presets colors, basically, are the initialization of a particular solid color that will be used a number of times. Therefore, you can choose from other solid color pickers available in various parts of the theme customizer.
Gradient Presets colors, basically, are the initialization of a particular gradient color that will be used a number of times. Therefore, you can choose from other gradient color pickers available in various parts of the theme customizer.
7. Colors
To work on Category Colors
- Dashboard > Appearance > Customize > Colors > Category Colors
- Change category colors and hover colors
- Change category background colors and hover colors
To work on Tag Colors
- Dashboard > Appearance > Customize > Colors > Tag Colors
- Change tag colors and hover colors
- Change tag background colors and hover colors
8. Global Option
To work on SEO / Miscs
- Dashboard > Appearance > Customize > Global Option > SEO / Miscs
- Toggle to make website schema ready
- Choose published or modified date to show from dropdown
- choose date format applied to single and archive pages from dropdown
To work on Preloader
- Dashboard > Appearance > Customize > Global Option > Preloader
- Toggle to enable site preloader
Pro Version
- Toggle to enable site preloader
- Choose available preloader layouts
The layout of your website can define its success. Get the wrong design and people will be confused and destroying the user experience.
To work on Website Layout
- Dashboard > Appearance > Customize > Global Option > Website Layout
- Choose website layout to box-width or full width
Pro Version
- Change container background, box shadow, horizontal gap and vertical gap
Animation / Hover Effects can personalize your site and create delightful experiences for your visitors. When a website visitor or user hovers over an animated element like a link or button for example, it can change color, grow, rotate and more. This is enjoyable for the visitor or user and shows that your site is working. We have provided five post title hover effects and five image hover effects in pro version and one each in free version.
To work on Animation / Hover Effects
- Dashboard > Appearance > Customize > Global Option > Animation / Hover Effects
- Choose available post title hover effects and image hover effects from dropdown
- Choose cursor animation to show / hide
Pro Version
- Toggle to enable site wow animation
- Change post title hover effects from dropdown
- Change image hover effects from dropdown
- Change Cursor animation from dropdown
Breadcrumbs are a secondary navigation aid that helps users easily understand the relation between their location on a page. It can show users how the page they are on is categorized on the site or the path the user took to find it.
To work on Breadcrumb Option
- Dashboard > Appearance > Customize > Global Option > Breadcrumb Option
- Toggle to show breadcrumb
- Choose breadcrumb type from dropdown after installing respective plugins
Pro Version
- Choose breadcrumb seperator icon
- Click to Design Option
- Change breadcrumb typography, text color, link color, background color and box shadow
Adding a sticky scroll-to-top button to your website adds further ease of navigation to your website by allowing a user to scroll to the top of any given web page with the click of a button.
To work on Scroll To Top
- Dashboard > Appearance > Customize > Global Option > Scroll To Top
- Select scroll to top visibility on different devices
- Choose button icons and button label
- Change button font size
- Choose scroll to top button alignment
- Click to Design Option
- Choose scroll to top icon text color / hover color and background color / hover color
A proper sidebar can be very useful to your website as it can: Contain navigation menus to quickly guide the visitors. Highlight key information, such as ads, contact form, or recent news.
To work on Sidebar Options
- Dashboard > Appearance > Customize > Global Option > Sidebar Sticky
Pro Version
A social share can be very useful to your website as it can allow the visitors to share your articles in single click which will make you gain more visitors.
- Dashboard > Appearance > Customize > Global Option > Social Share
- Add more social shares
- Toggle to inherit official color
- Toggle to show social share on click
- Choose social share display type
- Choose social share position
9. Site Identity
To work on Logo & Site Icon
- Dashboard > Appearance > Customize > Site Identity > Logo & Site Icon
- Upload the logo and site icon you want to set for your site.
- Upload the logo for site icon as recommended it should be square and at least 512 * 512 pixels.
To work on Site Title & Tagline
- Dashboard > Appearance > Customize > Site Identity > Site Title & Tagline
- Under Site title input field add your site title
- Under Site title input field add your site description
- Uncheck to hide site title under “Display site title” checkbox field
- Uncheck to hide site title under “Display site description” checkbox field
- Change site title typography
- Choose site title color and hover color
- Choose site title description color
10. Top Header
To work on top header
- Toggle to show / hide top header
- Toggle to show / hide date and time
- Toggle to show / hide social icons
- Toggle to show / hide search
Pro Version
General
- Toggle to show / hide social icons hover animation
Design
- Choose section background color
- Select border bottom to show
- Choose date/time color
- Choose date/time background color
- Choose social icon color
11. Theme Header
You can customize various design and content with your choice in general settings
General
- Enable or disable header section sticky
- Re-order header wedgets
Design
- Select background color
- Change vertical padding
Pro Version
General
- Dashboard > Appearance > Customize > Theme Header > General Settings
- Select header layout
Design
- Select box shadow
- Select border bottom
- Change vertical padding and margin bottom
A navigation menu is an organized list of links to other web pages, usually internal pages. Navigation menus appear most commonly in page headers or sidebars across a website, allowing visitors to quickly access the most useful pages.
To work on Menu Options
- Dashboard > Appearance > Customize > Theme Header > Menu Options
Design
- Choose main menu items typography
- Choose sub menu items typography
- Change menu / sub menu items text initial and hover colors
General
- Customizer the menu text alignments
- Choose menu hover effects from dropdown
- Enable / disable menu cutoff
- Choose menu cutoff
Pro Version
Design
- Choose menu background color
- Choose menu active color
- Choose active menu items text color / hover color
- Choose sub menu background color
- Choose sub menu box shadow
To work on search
- Dashboard > Appearance > Customize > Theme Header > Menu Options
- Toggle to show / hide enable search
- Select search icon color
Pro Version
- Choose search type from dropdown
- Change search icon size
- Choose number of post to display
- Write view all button text
- Toggle to show / hide post image
- Toggle to show / hide post date
- Change modal background color
- Change view all button text color
- Change view all button background color
To work on Custom Button
- Dashboard > Appearance > Customize > Theme Header > Custom Button
- Add url for the button to redirect
- Modify the typography as your choice and also change icon and text color
Pro Version
- You can choose icon you like from icon picker
- Choose icon size, icon distance, icon context, also animation effect
- Under Design tab change background, border type, border radius and box shadow and padding
To work on Random News
- Dashboard > Appearance > Customize > Theme Header > Theme Mode
- Toggle to show theme mode button
Pro Version
- Choose respective icon for dark and light mode.
- Toggle to set dark mode as default
- Change icon size
- Pick a suitable color or dark and light icon color
To work on canvas menu
- Dashboard > Appearance > Customize > Theme Header > Canvas Menu
- Toggle to show canvas menu
- Pick color for canvas menu icon color
Pro Version
- Choose canvas menu position and width
- Under Design Tab > Change canvas menu icon color, background , border and box shadow
To work on Advertisement Banner
Pro Version
- Toggle to enable advertisement banner
- Upload advertisement banner image
- Add url for the advertisement banner to redirect
- Choose link to open in new tab or same tab
- Choose rel attribute
To work on Header Image
- Dashboard > Appearance > Customize > Theme Header > Header Image
- Click to add new image
- Choose previously uploaded header image by clicking randomize uploaded headers
12. Main Banner
Your website banner is the main imagery that takes top billing on your homepage. Your homepage banner is the gatekeeper of your website, with a very important job.
To work on Main Banner
- Dashboard > Appearance > Customize > Main Banner
- Toggle to show / hide main banner
- Choose posts categories, posts to include from dropdown
- Change order of posts from dropdown
- Choose number of posts to display
- Toggle to show / hide posts with no featured image
- Toggle to show / hide title, categories, date, author, excerpt
- Choose elements alignment
- Choose image sizes from dropdown
- Customize image ratio
- Modify the typography as your choice
Pre Version
- Toggle to show main banner
- Choose available banner layouts
- Choose main banner to show in post or page from dropdown
- Select offset
- Change date icon size
- Choose excerpt length to show
- Toggle to show / hide slider arrows
- Change slider arrow
- Change icon size
- Toggle to show / hide fade, infinite loop and autoplay
- Choose slider autoplay speed and fade animation speed
- Toggle to show / hide arrow on hover
- Select image border type, border radius and box shadow
- Choose content background
13. Carousel
To work on Carousel
- Dashboard > Appearance > Customize > Carousel
- Toggle to show / hide carousel
- Choose number of columns to show
- Choose post categories, post to include from dropdown
- Choose post order from dropdown
- Choose number of posts to show
- Toggle to show / hide posts with no featured image
- Toggle to show / hide title, categories, date, author and excerpt
- Choose elements alignment
- Choose image size
- Customize image ratio
- Modify the typography as your choice
Pre Version
- Choose available layouts
- Choose carousel to show in post or page from dropdown
- Choose number of columns to show
- Choose post to exclude
- Change date icon size
- Choose date icon
- Choose excerpt length to show
- Toggle to show / hide slider arrow
- Change slider arrow
- Change icon size
- Toggle to fade, infinite loop and autoplay carousel slider
- Choose slider autoplay speed and slider/fade speed
- Choose slides to scroll
- Toggle to show / hide arrow on hover
- Choose border type, border radius, padding and box shadow
- Choose content background
14. Category Collection
To work on Category Collection
- Dashboard > Appearance > Customize > Category Collection
- Toggle to show / hide category collection
- Choose category to include, exclude
- Choose number of category to show
- Choose order of category to show
- Toggle to hide empty category
- Change image ratio, image size
- Choose image hover effects
- Modify the typography as your choice
Pre Version
- Choose available layouts
- Choose category to show in post or page from dropdown
- Toggle to show / hide category count
- Choose number of category to show
- Toggle to show / hide slider, slider arrows and autoplay
- Toggle to fade, infinite loop and autoplay category slider
- Choose slider autoplay speed and slider/fade speed
- Choose slides to show and slides to scroll
- Change text color, content background and box shadow
15. Video Playlist
Pre Version
To work on video playlist
- Dashboard > Appearance > Customize > Video Playlist
- Toggle to show / hide video playlist
- Paste youtube API key
- Choose available video playlist layout
- Add new video
- Choose position to display video playlist
- Change play and pause icon
- Change play / pause icon size
- Modify the typography as your choice
- Change active title color, title color, video time color, active background color, content background and play / pause icon color
- Change border radius and box shadow
- Change icon color
16. Theme Footer
To work on Theme Footer
- Dashboard > Appearance > Customize > Theme Footer
- Toggle to enable footer section
- Choose available footer columns
- Choose section width to full width or boxed width
- Click to Design Option
- Choose border top style, width and color
- Choose text color / hover color
- Choose footer background color
17. Bottom Footer
To work on Bottom Footer
- Dashboard > Appearance > Customize > Bottom Footer
- Toggle to enable bottom footer
- Toggle to show bottom social icons and footer menu
- Change copyright text
- Click to Design Option
- Choose bottom footer width layout to global, boxed width or full width
Pro Version
- Toggle to enable bottom footer
- Toggle to show bottom social icons and footer menu
- Change copyright text
- Click to Design Option
- Choose bottom footer width layout to global, boxed width or full width
- Change test color
- Choose link color / hover color
- Change background color
18. Blog / Archive
To work on general
- Dashboard > Appearance > Customize > Blog / Archive > General Settings
- Choose number of columns to show
- Choose available archive layouts
- Choose sidebar layout
- Choose elements alignment
- Toggle to show / hide post title, post excerpt, post category, post date, post read time, comments number, author and button
- Choose image size and image ratio
Pro Version
- Toggle to show / hide social share
- Select excerpt length
- Choose post date icon, read time icon and comments number icon
- Toggle to hide image placeholder
- Change border type, border radius and box shadow
To work on category page
- Dashboard > Appearance > Customize > Blog / Archive > Category Page
- Toggle to show / hide category info box
- Modify the typography as your choice
Pro Version
- Toggle to show / hide category icon
- Choose category icon
- Toggle to show / hide category title
- Toggle to show / hide category description
- Change background color and box shadow
To work on tag page
- Dashboard > Appearance > Customize > Blog / Archive > tag page
- Toggle to show / hide tag info box
- Modify the typography as your choice
Pro Version
- Toggle to show tag icon
- Choose tag icon
- Toggle to show / hide tag title
- Toggle to show /hide tag description
- Change background color and box shadow
To work on author page
- Dashboard > Appearance > Customize > Blog / Archive > author page
- Toggle to show / hide author info box
- Modify the typography as your choice
Pro Version
- Toggle to show / hide author image, author title and author description
- Change background color and box shadow
To work on pagination settings
- Dashboard > Appearance > Customize > Blog / Archive > pagination settings
- Choose pagination type
- Choose text color
Pro Version
- Toggle to show / hide author image, author title and author description
- Change background color and box shadow
19. Single Post
To work on general settings
- Dashboard > Appearance > Customize > Single > General Settings
- Choose available single layouts
- Choose single sidebar layout
- Customize image size and image ratio
- Modify the typography as your choice
- Change background color
Pro Version
- Change article width
- Toggle to show / hide author box, author image, author title and author description
- Toggle to show / hide post navigation, post thumbnail and date
- Choose border type, border radius and box shadow
- Customize box shadow
To work on elements settings
- Dashboard > Appearance > Customize > Single > Elements Settings
- Toggle to show / hide post title, post thumbnail, post category, post date, post read time, comments number
- Change post content alignment
Pro Version
- Change date icon, read time icon, comments icon
- Toggle to show / hide author, author image and lightbox
To work on table of content
Pro Version
- Dashboard > Appearance > Customize > Single > Table of Content
- Toggle to enable table of content
- Choose table of content view
- Choose list type and display type
- Toggle to enable accordion
- Toggle to default toggle open
- Choose open icon and close icon
To work on related posts
- Dashboard > Appearance > Customize > Single > Related Posts
- Toggle to show related articles
Pro Version
- Choose available related posts layout
- Choose number of columns to show
- Choose filter by
- Toggle to show author, date and comments
20. Pages
To work on page settings
- Dashboard > Appearance > Customize > Page Settings
- Choose sidebar layout
- Toggle to show page title, page thumbnail, post content
- Choose image size and image ratio
- Modify the typography as your choice
- Change background color
Pro Version
- Customize border type, border radius and box shadow
- Toggle to enable table of content
- Customize box shadow
To work on 404
- Dashboard > Appearance > Customize > Pages > 404
- Choose content sidebar layout
- Upload 404 image
Pro Version
- Change 404 page title
- Change 404 content text
- Toggle to show 404 button
- Change 404 button label
- Change 404 button icon
- Change 404 button icon size
- Change icon context
- Choose content background solid color, gradient color or image
- Change button background color
To work on Search Page
- Dashboard > Appearance > Customize > Pages > Search Page
- Choose sidebar layout
Pro Version
- Toggle to show search form
- Change search page prefix title
- Add search page title if nothing was found
- Type search page content if nothing was found
- Change button text
- Customize box shadow
21. You May Have Missed
To work on You May Have Missed
- Dashboard > Appearance > Customize > You May Have Missed
- Toggle to enable you may have missed section
- Toggle to show section title
- Write section title
- Choose posts categories, post to include, post order and number of posts to show
- Toggle to show post with no featured image
- Toggle to show title, categories, date and author
- Choose date icon
- Choose elements alignment
- Customize image size and image ratio
- Change section title color
- Modify the typography as your choice
Pro Version
- Choose available layouts
- Choose number of columns to show
- Choose offset
- Customize image border type, border radius and box shadow
- Customize section border type, border radius, box shadow and padding
- Change post background color, post title border, border radius and box shadow
22. Instagram Section
Pro Version
To work on Instagram Section
- Dashboard > Appearance > Customize > Instagram Section
- Choose available layouts
- Select to show Instagram section in header and footer
- Click to add new post
- Toggle to link url with image
- Choose open link in
- Choose rel attribute
- Choose number of columns to show
- Toggle to show Instagram button
- Choose button icon
- Write button label
- Add button url
- Toggle to show image caption
- Choose Instagram setup to boxed or full width
- Select to enable slider in header and footer
- Toggle to show arrows, autoplay and infinite slide
- Choose slider autoplay speed, slider speed, slides to show and slides to scroll
- Customize image ratio, image radius, image sizes and hover effects
- Modify the typography as your choice
- Customize section padding and item gap
23. Typography
Typography design serves many purposes, from making words legible to evoking emotion to creating a consistent brand identity. A brand logo that incorporates good typographic elements can result in consumers viewing the brand positively, and visually pleasing font pairings can make presentations more dynamic.
To work on Typography
- Dashboard > Appearance > Customize > Typography
24. Background
To work on Background
- Dashboard > Appearance > Customize > Background
- Change theme background color
- Choose background animation to show
- Select background image
Pro Version
- Choose available background animation to show
- Change animation object color
26. Widgets
To work on Header Image
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Author Info” in search area
- Drag and drop the widget in sidebar
- Choose author to display
- Add the widget title, author name, author image, author tag, url and description
To work on Carousel Posts
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Carousel Posts” in search area
- Drag and drop the widget in sidebar
- Add Widget title
- Choose the category from dropdown
- Enable slider item to auto slide
- Show slider controller arrows
- Enable infinite loop
Pro Version
- Choose slider direction
To work on Category Collection
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Category Collection” in search area
- Drag and drop the widget in sidebar
- Add widget title
- Choose the categories to display
To work on Post List
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Post List” in search area
- Drag and drop the widget in sidebar
- Add widget title
- Select category, tags, authors, post to include, post to exclude from dropdown
- Choose number of posts to show
- Chose image size
Pro Version
- Choose available layouts
- Choose to show load more button from checkbox
To work on Social Icons
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Social Icons” in search area
- Drag and drop the widget in sidebar
- Customize Social Icons widget with available controls
To work on Post Grid
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Post Grid” in search area
- Drag and drop the widget in sidebar
- Add widget title
- Select category, tags, authors, post to include, post to exclude from dropdown
- Choose number of posts to show
- Choose image size and image ratio
Pro Version
- Choose to show load more button from checkbox
To work on Widget Title
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Widget Title” in search area
- Drag and drop the widget in sidebar
- Add the widget title in title field
To work on Posts Grid 2 Column
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Posts Grid 2 Column” in search area
- Drag and drop the widget in sidebar
- Add widget title
- Choose category
- Choose number of posts to show
- Choose post categories to show
Pro Version
- Choose to show load more button
To work on Tags Collection
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Tags Collection” in search area
- Drag and drop the widget in sidebar
- Add widget title
- Choose tags to display
To work on Instagram
Pro Version
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Instagram” in search area
- Drag and drop the widget in sidebar
- Add widget title
- Choose to enable slider
To work on Instagram
Pro Version
- Dashboard > Appearance > Widgets
- Click to add new widgets
- Search for “Instagram” in search area
- Drag and drop the widget in sidebar
- Add widget title
Social icons will invite your web guests to company’s profiles where they could follow you and be aware of the latest offers, products and trends. Your audience gets the access to your brand in an entertaining and convenient way. Make so that they won’t forget about you.
To work on Social Icons
Pro Version