Created: 07/07/2016

By: 0effortthemes 0effortthemes.com

Thank you for your purchase! If you have any questions that you feel should have been in this document, please feel free to contact us through our Support. Thanks!

Also you'll need some knowledge of bootstrap, css, jquery to edit this theme.

Version: 1.0

Install the Theme

Pre Installation Knowledge

If you are new to Wordpress, please learn how to use wordpress or wordpress themes along with the other features. Theme documentation is for the users who knows to handle Wordpress. Please find few links from where you can learn about wordpress.

There are two way to upload themes in Wordpress and we are describing them both now. You can either upload all theme files via Wordpress Theme Uploader or you can use FTP.

Using Theme Uploader :

Step 1 : Go to Dashboard Appearance Themes

Step 2 : Add New Upload

Step 3 : Choose creative.zip file and click into the Install Now.

Using FTP Clients:

Assuming that you know how to use the FTP clients like Filezilla,SmartFTP etc. If you dont have any experience with this please try it with Theme Uploader.

Activate the Theme:

Theme Plugins

Menu : Appearance Install Plugins

Plugin Source Type Status
Searchly Custom Post Types Pre-Packaged Required Not Installed
Searchly Managment Plugin Pre-Packaged Required Not Installed
Searchly Widgets Plugin Pre-Packaged Recomended Not Installed
Visual Composer Pre-Packaged Required Not Installed
Ultimate VC Addon Pre-Packaged Required Not Installed
Searchly Visual Composer Addons Pre-Packaged Required Not Installed
Revolutions Slider Pre-Packaged Recommended Not Installed
Woo Commerce WordPress Repository Required Not Installed
Contact Form 7 WordPress Repository Recommended Not Installed
Wordpress Importer WordPress Repository Recommended Not Installed

Searchly SEO Management Plugin

SEO Management plugin helps you to manage your clients requirements. You can easily Notify your clients about the progress of work or any other information. Even you can show the progress in a graphical manner using Visual Composer Plugin.

  • It will create Orders Menu in Wordpress Admin to maintain the each details you want to add for the user for the specific order. You can create more than one record and can assign to the Order ID from the settings.
  • Your client can check the output in Customer dashboard page i.e my-account page.

One Click Demo Importer

Searchly theme have the option of One Click Demo Importer. It will import the demo content as well as it set the Primary Menu, Front Page. This options is in theme option panel. When you activate the theme, you will be redirect it to the theme option panel automatically. One Click Demo importer will import all the demo content except the revolution sliders. You need to import the revolution sliders manually from the Demo Content folder. It is suggested to Import the data after intalling all the required plugins.

Go to Appearnace Searchly Options Demo Importer.

After Importing you need to Import the Revolution Slider Files

Revolution Slider Import Files

Revolution Slider Import File : Theme folder DemoContent SliderFiles

  • Main Home Page Banner Slider : searchly_home_page_slider.zip
  • Home Page 2 Banner Slider : searchly_home_page_2.zip
  • Home Page 2 Service Slider : searchly_home_page_2_service_slider.zip
  • Home Page 3 Banner Slider : searchly_home_page_3.zip
  • Home Page 4 Banner Slider : searchly_home_page_4.zip
  • Home Page 5 Banner Slider : searchly_home_page_5.zip
  • Home Page 6 Banner Slider : searchly_home_page_6.zip

Site Settings

For settings, Go Settings Menu.

Menu Settings

To set the Menus, Go Appearance Menus.

Searchly Page Settings

Default Settings for Pages

  • Layout Settings:
    1. 1. Sidebar Postion : You can easily set the sidebar postions for each and every page.
    2. 2. Hide Title : If you dont need to show the Page Title you can check it off.
    3. 3. Hide Sidebar : Even you can check this on to remove the Sidebar from your page.
  • Header & Menu Options:
    1. 1. Logo : Logo for this specific page. If blank it will take the default set from Option Panel.
    2. 2. Header Type
      1. 1. Light Header : Show the light headers.
      2. 2. Dark Header : All the Header with background and font color options.
      3. 3. Transparent Header : Menu and Header will be transparent in this option.
    3. 3. Header Style : There seven header options along with default one.
    4. 4. Sticky Header : Make the header and menu sticky if checked.
    5. 5. Main Navigation : You can choose the menu to be shown in this page, default menu will be shown if not choosen. .
    6. 6. Banner Options : You can choose options from Static Banner or Slider Shortcode.
    7. 7. CSS Code : You can add any CSS to the specific page.
  • Footer Options:
    1. 1. Widget Type : Option to choose widget types.
    2. 2. Footer Widget Background Color : Footer widget area background color, will be overridden by Background Image.
    3. 3. Widget Area Background Image : Background image can be set to the widget area.
    4. 4. Bottom Footer Background Color : Bottom Footer area background color can be set from this option.

Searchly Post Formats

There are 4 Post Formats are supported by Searchly Theme

    1. Theme will support Standard, Image, Video and Gallery Post format :
    2. Image Post Format : For this post format Fetaured Image will be shown as the basic image of the post
    3. Video Post Format : For this post format you need to upload a Video and that will be shown in place of Fetaured image in single post page.
    4. Gallery Post Format : For this post format you need to upload multiple images and that will be shown as gallery carousel in place of Fetaured image in single post page.

Searchly Post type

Custom Post type for this theme is been defined in the Searchly Custom Post Type Plugins. If Installed you will get the following Post types with its features.

  • Services Post Type

    Here we described only the settings for Service Post Type.

    1. 1. Service Post type will show the services provided by you .
    2. 2. Will be used through the VC Extensions .
    3. 3. Click on Update button.
    4. Note : Will be used through the VC Extensions .
  • Pricing Post Type

    Here we described only the settings for Events Post Type.

    1. 1. Check the box to make the Plan Featured. Featured plan have the different Styling to show. More than one plan can be set to featured plan.
    2. 2. Paln Type, there are Monthly and Yearly plan type is available for now.
    3. 3. Include Package will show the lsit of Product added through the Woocommerce. Price plan will show the amount of the Product/ Package included with that pricing plan.
    4. 4. Click on update button to save the settings .
    5. Note : Will be used through the VC Extensions .
  • Testimonial Post Type

    Here we described only the settings for Testimonial Post Type.

    1. 1. Click on Chefs from your Dashboard.
    2. 2. Add Chefs title here.
    3. 3. Add content of the Chefs.
    4. 4. Add Chef's designation.
    5. 5. Upload Chefs images here.
    6. 6. Select the social media from the drop down list .
    7. 7. Add social URL here.
    8. 8. To add more social links , click on the Add Another Social Links .
    9. 9. Select favourite recipe from the drop down list.
    10. 10. To add more favourite recipe , click on Add Another Recipe
    11. 11. Click on update button .
  • Team Post Type

    Here we described only the settings for Team Post Type.

    1. 1. You can add information to indiviual team members.
    2. 2. Add Designation.
    3. 3. Skills can be added but only four will be shown in front end. Drag the Slider 0 to 100 to mention the skill value on each skills.
    4. 4. Member Image can be added through featured image.
    5. 5. Member Social links can be added. More than one Social Links can be added for indiviual memeber.
    6. 8. Click on update button.
  • FAQ Post Type

    Here we described only the settings for Reviews Post Type.

    1. 1. Service Post type will show the services provided by you .
    2. 2. Can be controlled through the VC Extensions .
    3. 3. Please add Service Images through the Feature Image options.
    4. 4. Click on Update button.

Searchly VC Elements

Theme specific Visual Composer elements. Can be used to make the page elements.

Welcome Section

Click Image to get Detailed Screenshot

Services Section

Click Image to get Detailed Screenshot

Testimonial Section

Click Image to get Detailed Screenshot

Pricing Section

Click Image to get Detailed Screenshot

Team Section

Click Image to get Detailed Screenshot

Product Section

Click Image to get Detailed Screenshot

FAQ Section

Click Image to get Detailed Screenshot

Blog Section

Click Image to get Detailed Screenshot

Linked Title Section

Click Image to get Detailed Screenshot

Custom Title Section

Click Image to get Detailed Screenshot

Posts Section

Click Image to get Detailed Screenshot

News Section

Click Image to get Detailed Screenshot

Skill Section

Click Image to get Detailed Screenshot

Instagram Section

Click Image to get Detailed Screenshot

Post Format Section

Click Image to get Detailed Screenshot

SEO Report Optin

Click Image to get Detailed Screenshot

Searchly VC Animation

Predefined Animation classes described below :

  • animation-welcome
    USE : Welcome Section searchly-row.

    This class can be implemented only on Welcome Section. The class need to implemented in container row element of the specific section where the animation is required. Fade In left, up and right has been implemented using this class. It will show the best output with the welcome section ROW option.

  • welcome-animate-type2
    USE : Welcome Section element searchly-coloumn.

    This class can be implemented only on Welcome Section Column layout. The class need to implemented in container row element of the specific section where the animation is required. It will show the best output with the welcome section COLUMN option.

  • animation-offer
    We Offer A Full Range Digital Marketing Services in main demo and service page.

    This class can be implemented only on Offer Section. The class need to implemented in container row element of the specific section where the animation is required. Offer options will come from left to right using this animation class.

  • animation-price
    USE : Pricing section Layout 1.

    This class can be implemented only on Pricing Section. The class need to implemented in container row element of the specific section where the animation is required. Fade In left, up and right has been implemented using this class.

  • animation-service
    USE : service section layout 1.

    This class can be implemented only on Service Section. The class need to implemented in container row element of the specific section where the animation is required. Fade In up animation has been implemented using this class.

  • animation-service-process
    USE : product section element.

    This class can be implemented on service process section. The class need to implemented in container row element of the specific section where the animation is required. Fade In left and right has been implemented using this class for every alternative portions like headeing and content. In our theme demo Our Service Process section has contain this class.

  • animation-blog
    USE: Blog Section element.

    This class can be implemented on latest news section. The class need to implemented in container row element of the specific section where the animation is required. Fade In left, up and right has been implemented using this class.In our theme demo Latest news section has contain this class.

  • animation-seo-service
    USE : Our Services process , in main demo page.

    This class can be implemented only on Seo Service Page without Slider. The class need to implemented in container row element of the specific section where the animation is required. Fade In left and right has been implemented using this class.

  • animation-digital
    USE : We Offer A Full Range Of Digital Marketing Services section.

    This class can be implemented only on Animation Digital section. The class need to implemented in container row element of the specific section where the animation is required. In our theme demo Digital Marketing section has contain this class.

Searchly Widgets

Searchly Widgtes, Go to Appearance Widgets

Searchly Sidebars

  • Sidebar Areas

    1. There are five sidebar areas by default for Searchly Theme.
    2. 1 is General Sidebar Area, comes in single and other pages contains the sidebars.
    3. 2. Woocommerce Sidebar for Showing woocommerce related Widgets in Wocommerce pages only.
    4. 3. Footer Widgets to controlled the widget section in Footer.
    5. 4. Before Content Area ( Only for Blog Page ) for Advertisement purposes.
    6. 5. Before Footer Area ( Only for Blog Page ) for Advertisement purposes .
    7. To put the widgets in sidebar area please go to Appearance Widgets Sidebar Area
    8. You have also option to create Sidebar As per your Choices from Theme Options Panel, Footer Settings

    Main Sidebar

    Before Content Widget Area

    Woocommerce Sidebar

    Footer Widget Area

    Before Footer Widget Area

Searchly Theme Options

Menu : Appearance Searchly Options

  • General Settings

    1. Logo & Favicon : To set Logo & Favicon , Please check out the screenshots below .
    2. Click on Logo & Favicon.
    3. To add logo, click on Upload button.
    4. To remove logo, click on Remove button.
    5. To add Favicon, click on Upload button.
    6. To remove favicon , click on Remove button.
    7. To Show the site loader make the check "YES".
    8. To add own gif or any loader image, click on Upload button.
    9. To remove click on Remove button.
    10. Default Loader will come in case image is nt available for yes options
    11. Click on Save Changes button to save all the settings.
  • Header Options

    1. Sticky Menu : Yes or No
    2. Header Styles :
      1. 7 different header styles with default header option.
  • Banner Options

    1. Banner : There two types to banner option available, 1 is Static Banner with Banner Text, 2 is Banner Slider where you can put the Revoultion slider shortcode.
    2. 1. To set banner click on "Banner Options"
    3. 2. Upload the static image.
    4. 3. Add banner Text.
    5. 4. Click on Save Changes button .
    6. 2. To set banner click on "Banner Options"
    7. 3. Paste your Revolution slider shortcode here.
    8. 4. Click on Save Changes button .
  • Footer Options

    1. 1. Click on "Footer Option" to get footer option setting page.
    2. 3. To display footer logo , you need to select " ON " option. If you don't want to display logo at footer you need to selecet " Off "
    3. 5. Add Footer text.
    4. 6. Add Copyright text.
    5. 7. Click on Save Changes button to save all the setting that you have edited.
  • Footer Widget Options

    1. 1. Click on "Footer Option" to get footer option setting page.
    2. 2. Upload the background image for the footer section.
    3. 3. Repeatative Widget Area Can be created for Four and Three column footer Widget Area. You can easily view these widget area in wdiget settings to put widget into it. You can also have the facility to choose the widget area to be shown in page. [ ** Page Options ]
    4. 7. Click on Save Changes button to save all the setting that you have edited.
  • Posts Options

    1. Social Links : To maintain the social links in the whole site, you can easily add the links and titles of your choices.
    2. 1. Click on "Posts Option" to get post option setting page.
    3. 2.You can display Author Name, Category Name, Comments and tags by selecting "ON" button respectively.
    4. 3. You can set the Date format for the shown date with Posts. If blank default will be taken.
    5. 4. Click on Save Changes button to save all the setting that you have edited.
  • Social Links

    1. 1. Click on "Social Links" to get Social Links options.
    2. 2. Add Social URL, Title and Icon .
    3. 7. Click on Save Changes button to save all the setting that you have edited.
  • 404 Page Settings

    1. 404 Page Settings : To set the 404 Page and content
    2. 1. Click on 404 Page settings to go on 404 Page settings page.
    3. 2. Add Banner image for Page.
    4. 3. Add Banner Text for Page.
    5. 4. Add Page Text for Page.
    6. 5. Click on Save Changes button to save all the settings.
  • Service Page Settings

    1. 1. Click on "Service Page Settings".
    2. 2. Add Banner image for Page.
    3. 3. Add Banner Text for Page.
    4. 4. Select Sidebar option for the Page.
    5. 5. Click on Save Changes button to save settings.
  • Blog Page Settings

    1. 1. Click on "Blog Page Settings".
    2. 2. Add Banner image for Page.
    3. 3. Add Banner Text for Page.
    4. 4. Select Sidebar option for the Page.
    5. 5. Click on Save Changes button to save settings.
  • Single Post Settings

    1. 1. Click on "Single Post Settings".
    2. 2. Add Banner image for Page.
    3. 3. Add Banner Text for Page.
    4. 4. Select Sidebar option for the Page.
    5. 5. Click on Save Changes button to save settings.
  • Single Team Settings

    1. 1. Click on "Single Team Settings".
    2. 2. Add Banner image for Page.
    3. 3. Add Banner Text for Page.
    4. 4. Select options to show other member.
    5. 5. Click on Save Changes button to save settings.
  • Styling Options

    1. All Heading Tag Styling
    2. 1. Go to Dashboard Click on Spice Options
    3. 2. Click on " Styling Option" to go on the Styling Option settings page.
    4. 3. To set the font family of heading tag "H1" , you can select the fonts from the drop down list.
    5. 4. To set font weight of heading tag "H1" , You need to select font weight from the drop down list.
    6. 5. To set font size of heading tag "H1", you need add font size as per your requirements.
    7. 6. To set font color of the heading tag "H1", you need to select color from the color box.
    8. 7. Click on Save Changes button to save all the settings.
    9. You can follow the same instruction for all heading tags like H2,H3,H4,H5 and H6 .
  • Custom Codes

    1. 1. Click on "Custom Code".
    2. CSS : Put your custom CSS here.
    3. Javascript : Put your custom javascript code here E.g Google Analytics.
    4. Footer Text : to set the text shown into the footer.
  • Shop Settings

    1. 1. Click on "Shop Settings".
    2. 2. To display Cart on the menu , Click on "Yes" button .
    3. 3. You can set number of product to be displayed on shop page.
    4. 4. To set products in column . You can select any of these column option from here.
    5. 5. To set shop page layout . You can select any of these layout that is in the options.
    6. 6. You can use this option to showcase you productly , Cart functionality would be disabled.
    7. 7. To Enable and disable carticon you can use this option . This option would be applicable only for shop page .
    8. 9. Click on Save Changes button to save settings.
  • Demo Importer

    1. 1. Click on Appearance.
    2. 2. Click on Searchly Options
    3. 3. Click on "Demo Importer".
    4. 4. To get the demo content accoding to our demo site.
    5. 5. Click on Save Changes button to save settings.
  • Import/Export

    1. Import : Import Theme Options settings. [ DemoContent Theme options Settings : searchly_option_settings.json file ]
    2. Export : Can make a copy of your settings too.

Set Demo Content

Go to Tools Import Click into Wordpress to import the contents. If wordpress importer is not installed, it will ask you to install and activate the plugin before import.

Before you import please check that the Required Plugin should be installed

After Importing you need to Import the Revolution Slider Files

You also need to set the Home page, Navigation manually

Browse the demo content File : Theme Folder DemoContent [ File Name: demo_content.xml ]

Please select Author and check the Download and import file attachments (for images other related files to post and pages) before submitting it.

Revolution Slider Import File : Theme folder DemoContent [ File Name : home-page-slider.zip ]

Support Team

We always try make our themes errors and bugs free. If you still found any error or bug in theme please let us know to fix it ASAP and update the same. support@0effortthemes.com

If you need any help or assistance in installation or setting up this theme or you are facing any difficulties in using this theme, you just need to contact our dedicated support team. Just goto our Support site.