Juju Blog Pro

After you purchase and download your theme from Theme Palace, you can choose either of the approaches given below to install your theme:

1. Log in to the WordPress Administration Panels.
2. Select the Appearance panel, then Themes.
3. Select Add New.
4. Then, select Upload Theme.
5. Click Browse. Locate juju-blog-pro.zip theme in your computer.
6. Select juju-blog-pro.zip and click Install Now.

You can use FTP client like FileZilla to connect your web server.

1. Unzip juju-blog-pro.zip to your Desktop.
2. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Juju Blog Pro theme.
3. Now, log into the WordPress Dashboard with your login details.
4. Select the Appearance panel, then Themes.
5. You will see the theme in the list.
6. Then, click Activate button.
7. Now, the theme will be activated and go through the following options to set up the theme step wise.

From Customize section, go to Homepage Setting you will see two option.

• Your Latest Posts Title : This option only works if Static Front Page is set to “Your latest posts.” This option allows to set the title.
• A static page: you will be able to set a page as Front Page and you will find Post Page option as well.

Note: All the custom sections of homepage will only be visible on Homepage setting once you set a page for the Homepage Setting option.

From Homepage : you can set any page as Homepage .

From Posts Page : you can set any page as Blog.

• Enable content : Check to display Homepage’s content. If this option is enable then the content of homepage is displayed. For Example “Home” is set as the front page then content of home is displayed at home page design after enable this option.

1. From Customize section, go to Site Identity.

2. From Site Identity, you will be able to add various options related to site identity like:

• Logo( Only available in WordPress version greater than or equal to 4.5 ): It changes the main logo of the site.
• Site Title : It changes the main site title of the site.
• Tagline : It changes the tagline (i.e:Description) of the site.Just below site title.
• Display Site Title and Tagline: This enables/disables the site title and tagline from the site



• Site Identity Extra Options
  • Hide All: If you don’t want to display anything in header then click this option.
  • Show All: If you want to display logo title tagline in header then click this option.
  • Title Only: If you want to display only title in header then click this option.
  • Tagline Only: If you want to display only tagline in header then click this option.
  • Logo + Title: If you want to display logo and title in header then click this option.
  • Logo + Tagline: If you want to display logo and tagline in header then click this option.
• Site Icon : The Site Icon is used as a browser and app icon for your site.Icon must be square and at least 512px wide and tall.

1. From Customize section, go to Colors.

2. From Colors, you will have these options:

• Header Title Color: This changes the header text color.
• Header Tagline Color : This changes the header tagline text color.
• Background Color: This changes the background color of the site.



• Theme Version: This changes the theme version of the site.
• Color Scheme: This changes the theme color of the site.

1. From Customize section, go to Header Image
2. From Header Image, you will have these options:

• Header Image This changes the header image.

1. From Customize section, go to Background Image.

2. From Background Image, you will see:

Background Image: This will change the background image for the entire site.

Note: Load free theme has three menu location provided as Primary,Footer and Social.

• Menu Options :

To create menu, you need to go to Admin Panel / Appearance / Menu .

OR

You need to create menu from / Customize / Menus / Create Menu .

You can create more menus in similar way. After creating menu, you need to add pages to that menu.

To add pages to the menu, you need to create some pages (For e.g: “About Us” , “Contact”). After creating pages you need to add that pages to the menu.

After you added the pages to the menu set the menu location from / Customize / Menus / Menu Locations /.
Three locations are available:

• Primary: This setting allows user to change or set Primary/Main menu.
• Social: This setting allows user to change or set social menu.
• Footer Menu: This setting allows user to change or set footer menu.





• Header Menu:
  • Make Menu Sticky : This option is for menu sticky. If menu sticky is enable then the menu is fixed when user scroll.
  • Menu Search Enable : If enable search is enable then the search icon will be shown in last of the primarymenu bar.
  • Social Menu Enable :Check to enable on social menu otherwise Uncheck to hide.

  

1. From Customize section, go to.

2. From Widgets, you will be able to Add and Remove widgets.
Note:
If you want to add widget area in footer then you must add widgets in Footer Widget 1, Footer Widget 2, Footer Widget 3, and Footer Widget 4
Sidebar: This sidebar is default sidebar area. This sidebar area is dispaly at blog page, single blog pages, pages.

Primary Content Sidebar : This sidebar area is display on Front Page in Recent Posts section

The demo of the front page can be divided into different sections as shown below.

1. Home Page Layout
2. Topbar
3. Main Slider
4. Trending Topics
5. Top Stories
6. About us
7. Recent Posts
8. Most Read
9. Subscription
10. Instagram

These section’s content are display when you choose a static page option on Homepage Setting.

Catch Themes Demo Import Plugins are high recommended Plugins in this theme. Catch Themes Demo Import Import is recommended for demo import of this theme. To import the dummy demo data:

Note: You need to import demo data in fresh wordpress otherwise existing posts, pages, categories, images, custom post types or any other data will be deleted or modified.

You can see the divided sections in the image below :

The image below shows customizer options for the sections shown above :

To configure Home Page Layout section, you need to go to Admin Panel / Appearance / Customize / Front Page / Home Page Layout.

In this panel, you will find:

• Select Homepage layout: This setting allows user to changes the home page layout.



• Homepage Sortable: In this Option you can change position of section. If you want Blog section above of About us Section you can drag Blog section and drop on above About us Section.

To configure Topbar section, you need to go to Admin Panel / Appearance / Customize / Front Page / Tobbar.

In this panel, you will find these options:

• Topbar Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Topbar section is enabled, you will see following options

• Topbar Notice : This setting allow user to set/change notice text display on topbar section.
• Email Id : This setting allow user to set/change email on topbar section.

To configure Main Slider section, you need to go to Admin Panel / Appearance / Customize / Front Page / Main Slider.

In this panel, you will find these options:

• Main Slider Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Main Slider section is enabled, you will see following options

• Auto Play Enable : Check to enable autoplay slider posts otherwise Uncheck to disable.
• Number of Slides : This setting allow user to set number of slider posts to show.



• Content Type : It contains select options ( Pages, Post, Category ) which allow user to select title from one of those.
• Pages: Selecting Pages as Content Type allows user to choose Pages from Select Page setting where title of that selected Pages is displayed.

Pages Options : It contains following settings

• Select Page: This setting allows user to select page to get featured image and content of that page.



• Posts: Selecting Posts as Content Type allows user to choose Posts from Select Post setting where featured image and content of that selected posts is displayed.

Posts Options : It contains following settings

• Select Post : This setting allows user to select post to get featured image and content of that post.



• Category: Selecting Category as Content Type allows user to choose Category from Select category setting where featured image and content of that selected Category is displayed as section content.

Category Options : It contains following settings

• Select Category : This setting allows user to select category to get the featured image and content of that category.

To configure Trending Topics section, you need to go to Admin Panel / Appearance / Customize / Front Page / Trending Topics.

In this panel, you will find these options:

• Trending Topics Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Trending Topics section is enabled, you will see following options

• Topics Autoplay : Check to enable autoplay posts otherwise Uncheck to disable.
• Section Title : This setting allow user to set title of this section.
• Number of Posts : This setting allow user to set number of posts to slides.



• Content Type : It contains select options ( Pages, Post, Category) which allow user to select title from one of those.
• Pages: Selecting Pages as Content Type allows user to choose Pages from Select Page setting where title of that selected Pages is displayed.

Pages Options : It contains following settings

• Select Page: This setting allows user to select page to get featured image and content of that page.



• Posts: Selecting Posts as Content Type allows user to choose Posts from Select Post setting where featured image and content of that selected posts is displayed.

Posts Options : It contains following settings

• Select Post : This setting allows user to select post to get featured image and content of that post.



• Category: Selecting Category as Content Type allows user to choose Category from Select category setting where featured image and content of that selected Category is displayed as section content.

Category Options : It contains following settings

• Select Category : This setting allows user to select category to get the featured image and content of that category.

To configure Top Stories section, you need to go to Admin Panel / Appearance / Customize / Front Page / Top Stories.

In this panel, you will find these options:

• Top Stories Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Top Stories section is enabled, you will see following options

• Title : This setting allow user to set title of this section.
• Select Multiple Category : This setting allows user to select Multiple category to get the featured image and content of the selected category..

To configure About Us section, you need to go to Admin Panel / Appearance / Customize / Front Page / About Us.

In this panel, you will find these options:

• About Us Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After About Us section is enabled, you will see following options

• Button Label : This setting allow user to set Button Text of About section content.
• About Excerpt Length : This setting allow user to set total description words to be displayed in about posts.



• Content Type : It contains select options ( Pages, Post ) which allow user to select title from one of those.
• Pages: Selecting Pages as Content Type allows user to choose Pages from Select Page setting where title of that selected Pages is displayed.

Pages Options : It contains following settings

• Select Page: This setting allows user to select page to get featured image and content of that page.



• Posts: Selecting Posts as Content Type allows user to choose Posts from Select Post setting where featured image and content of that selected posts is displayed.

Posts Options : It contains following settings

• Select Post : This setting allows user to select post to get featured image and content of that post.

To configure Recent Posts section, you need to go to Admin Panel / Appearance / Customize / Front Page / Recent Posts.

In this panel, you will find these options:

• Recent Posts Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Recent Posts section is enabled, you will see following options

• Section Title : This setting allow user to set title of this section.
• Number of Posts : This setting allow user to set number of slider posts to show.
• Recent Posts Excerpt Length : This setting allow user to set total content words to be displayed for posts in this section.



• Content Type : It contains select options ( Pages, Post, Category) which allow user to select title from one of those.
• Pages: Selecting Pages as Content Type allows user to choose Pages from Select Page setting where title of that selected Pages is displayed.

Pages Options : It contains following settings

• Select Page: This setting allows user to select page to get featured image and content of that page.



• Posts: Selecting Posts as Content Type allows user to choose Posts from Select Post setting where featured image and content of that selected posts is displayed.

Posts Options : It contains following settings

• Select Post : This setting allows user to select post to get featured image and content of that post.



• Category: Selecting Category as Content Type allows user to choose Category from Select category setting where featured image and content of that selected Category is displayed as section content.

Category Options : It contains following settings

• Select Category : This setting allows user to select category to get the featured image and content of that category.

To configure Most Read section, you need to go to Admin Panel / Appearance / Customize / Front Page / Most Read.

In this panel, you will find these options:

• Most Read Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Most Read section is enabled, you will see following options

• Section Title : This setting allow user to set title of this section.
• Number of Posts : This setting allow user to set number of slider posts to show.



• Content Type : It contains select options ( Pages, Post, Category) which allow user to select title from one of those.
• Pages: Selecting Pages as Content Type allows user to choose Pages from Select Page setting where title of that selected Pages is displayed.

Pages Options : It contains following settings

• Select Page: This setting allows user to select page to get featured image and content of that page.



• Posts: Selecting Posts as Content Type allows user to choose Posts from Select Post setting where featured image and content of that selected posts is displayed.

Posts Options : It contains following settings

• Select Post : This setting allows user to select post to get featured image and content of that post.



• Category: Selecting Category as Content Type allows user to choose Category from Select category setting where featured image and content of that selected Category is displayed as section content.

Category Options : It contains following settings

• Select Category : This setting allows user to select category to get the featured image and content of that category.

To configure Subscription section, you need to go to Admin Panel / Appearance / Customize / Front Page / Subscription.

In this panel, you will find these options:

Note: To activate this section you need to install Jetpack Plugin and activate subscription module.
• Subscription Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Subscription section is enabled, you will see following options

• Section Title : This setting allow user to set title of this section.
• Description : This setting allow user to set title of this section.
• Button Label : This setting allow user to set Button Text of subscription section content.

To configure Instagram section, you need to go to Admin Panel / Appearance / Customize / Front Page / Instagram.

In this panel, you will find these options:

Note: To activate this section you need to install Smash Balloon Instagram Feed and link Instagram account.
• Instagram Section Enable: Check to enable on home-page otherwise Uncheck to hide.



After Instagram section is enabled, you will see following options

• Enter Shortcode : This setting allow user Shortcode from instagram feed plugin to display instagram post.

You will see following sections under Theme Options:

1. Loader
2. Breadcrumb
3. Layout
4. Blog/Archive
5. Single Post
6. Pagination
7. Typography
8. Footer Option

The above sections are described below.

This option is used to enable/disable loader.

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Loader.
3. In Loader you will see:

• Enable Loader : This enables the loader image when the page is fully not loaded.

  

• After enable Loader You will see following option

  • Icon: This setting allow user to select loading icon.

    

This option allows user to enable/disable breadcrumb on the home-page.

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Breadcrumb.
3. Click on Breadcrumb you will see.

• Enable Breadcrumb : This option enable/disable breadcrumb.
• Separator: Set the Separator symbol.

This option is used to change the layout option of site also allows to change the Width of the body part.Available site layout is Wide& Boxed.

1. From Customize section, go to Theme Options.

2. From Theme Options, you will see Layout.

3. In Layout Options you will see:

• Site Layout : This option is for Site Layout. You can change the layout of site
• Global Sidebar Position : This option is for Global Sidebar Position. You can choose either Right sidebar or Left sidebar or No Sidebar .
• Posts Sidebar Position : This option is for Posts Sidebar Position. You can choose either Right sidebar or Left sidebar or No Sidebar or No Sidebar Content Width.
• Pages Sidebar Position : This option is for Pages Sidebar Position. You can choose either Right sidebar or Left sidebar or No Sidebar or No Sidebar Content Width.

1. From Customize section, go to Theme Options.

2. From Theme Options, you will see Blog/Archive.

3. In Blog Page you will see:

• Hide Title: This option allows user to enable/disable Post Title displayed in blog/archive page.
• Hide Image: This option allows user to enable/disable Post featured Image displayed in blog/archive page.
• Hide Category: This option allows user to enable/disable Post Category displayed in blog/archive page.
• Hide Author : This option allows user to enable/disable Post author name displayed in blog/archive page.

1. From Customize section, go to Theme Options.

2. From Theme Options, you will see Blog/Archive.

3. In Single post you will see:

• Hide Date: This option allows user to enable/disable date assigned in single post.
• Hide Author : You can hide the author image on single post.
• Hide Category: This option allows user to enable/disable category assigned in single post.
• Hide Tag: This option allows user to enable/disable views of tag in single post.
• Hide Image: This option allows user to enable/disable views of featured image in single post.
• Hide Description: This option allows user to enable/disable views of post content in single post.

1. From Customize section, go to Theme Options.

2. From Theme Options, you will see Pagination.

3. In Pagination you will see:

• Pagination Enable: This option enables the pagination on the site.
• Pagination type : You will see following options:
  • Numeric : This is for numeric pagination option.
  • Older Posts/Newer Posts : Default pagination option.
  • Infinite Scroll : This options allow to show infinite number of posts on scroll.

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Typography.
3. In Typography you will see:

• Choose Site Title Typography : Here you can easily choose different types of typography for every section’s Site Title.
• Choose Site Description Typography : Here you can easily choose different types of typography for Site’s Description.
• Choose Menu Typography : Here you can easily choose different types of typography for every section’s Menu.
• Choose Heading Typography : Here you can easily choose different types of typography for every section’s Header/Title.
• Choose Body Typography : Here you can easily choose different types of typography for every section’s body text.
• Choose Button Label Typography : Here you can easily choose different types of typography for every section’s Button Label.

1. From Customize section, go to Theme Options.

2. From Theme Options, you will see Footer Options.

3. In Footer Options you will see:

• Footer Section Enable: This option enables the footer section on the site.



After enable Footer Section You will see following option

• Footer Menu : This option allows user to enable/disable footer menu in footer section
• Copyright text : This changes the copyright text of Copyright content.
• Display Scroll Top Button: You can easily hide or display scroll buttons.

1. From Customize section, go to Reset all settings..
2. In Reset all settings you will see:

• Check to reset all settings: Check the Check to reset all settings and refresh the page to reset all theme settings to default.

1. From Customize section, go to Additional CSS..
2. Additional CSS you will see:

• You can add your own CSS here.

1. From Customize section, go to Export/Import..

2. Export/Import you will see:

• You can export and import customizer setting