DOCUMENTATION – REEF PLUS

Reef is a simple, clean and minimal blog theme suitable for personal or professional blogs, company or organization blog websites, news, magazine websites. The theme is fully customizable and contains all the features needed for a complete blog website. It is Fully responsive, bbPress compatible, translation ready, cross-browser compatible, SEO friendly, RTL ready. No coding required at all to create a complete blogging website.

1.Theme Installation #

Via WordPress

  • Log in to the WordPress Administration Panels.
  • Go to the Appearance > Themes.
  • Click Add New.
  • In Search themes… type ‘reef’.
  • When ‘reef’ appears click Install button.
  • After Installing the theme Click Activate button.

Via FTP

  • Use your FTP software to browse to wp-content/themes folder.
  • Extract reef.zip and upload the folder.
  • Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  • Click the Activate link.

2.Adding Contents #

Posts

To create post on your site, it’s easy. Follow the below listed methods.

  • Go to Administration Panels.
  • Go to Posts and Click on Add New.
  • Give the title of the post and add the content.
  • Set the featured image for the post from right corner.
  • Set that post on the Category.
  • Click on Publish Button.
  • Add more post like the above methods.

Pages

To create page on your site, it’s easy. Follow the below listed methods.

  • Go to Administration Panels.
  • Go to Page and Click on Add New.
  • Give the title of the page and add the content.
  • Set the featured image for the post from right corner.
  • Click on Publish Button.
  • Add more page like the above methods.

Categories

To create categories, follow the below steps.

  • Go to Administration Panels
  • Go to Posts > Categories
  • Give the title of the category
  • Click on Save
  • The added category will appeared on the Add Post Page.

3.Widgets #

Reef Plus comes with Added Custom Widgets for About Author, Highlighted Post, Recent & Popular Posts and Social Menu.

You can use Reef Plus About Sidebar for showing detail about site Author and Reef Highlighted Posts for selecting a Category Post which you want to highlight on the sidebars. You have a custom widget’s area for the different widgets to place on the sidebar and footer.

Note: We recommend you to use square image( 500 * 500 ) for “Reef Plus About Sidebar” widget.

 

Reef About Sidebar

Add this available widget on any of the added widget area.

Widget Title: Title for the Widget
Select Page: Add page you want to show as Author Description
Sub Title: Add your Job post or tagline

 

Reef Highlighted Posts

Add this available widget on any of the added widget area.

Widget Title: Title for the Widget
Select Category: Add Category to Highlight their posts
Number of posts: Set the number of posts

5.Colors #

Go to Appearance > Customize > Colors

Select the required color for:

  • Background
  • Site Title
  • Site Tagline
  • Site Primary
  • Hover
  • Heading
  • Reset Color

If preview is fine, Click on Save & Publish to save the changes.

6.Background Image #

Go to Appearance > Customize > Background Image

  • Select the best image for the site background.

If preview is fine, click on Save & Publish to save the changes.

 

8.Homepage #

Go to Appearance > Customize >  Home Page

8.1.Corporate Layout #

Available Options:

  • Enable/Disable Corporate Template

Add Titles for Service, Testimonials and Contact form section respectively.

8.2.Slider #

Available Options:

  • Enable Youtube Video
    You must select a page containing youtube video url to enable this feature.
  • Enable Slider or Banner

Youtube Video Url

  • Select a page containing youtube video url from pages.

 Single Banner

  • Click Post Option on single banner
  • Select Post for Banner

Slider

  • Click Post Option on Slider
  • Select Category for Slider

Available Options;

  • Hide/Show Slider Controls
  • Hide/Show Slider Auto Play
  • Add Slider Timeout
  • Select appropriate( default,center ) Content Position

If preview is fine, Click on Save & Publish to save the changes.

8.3.Highlighted Posts #

Available Options;

  • Hide/Show Highlighted Posts Section
  • Select Posts

If preview is fine, Click on Save & Publish to save the changes.

8.4.Testimonial #

Go to Appearance > Customize > Testimonial

  • Select Pages

Available Options;

  • Hide/Show Testimonial Section

If preview is fine, Click on Save & Publish to save the changes.

9.Page Templates #

Go to Appearance > Customize > Page Templates

9.1.Service Page #

Service Page Template

  • Select Pages

If preview is fine, Click on Save & Publish to save the changes.

9.2.FAQ Page Template #

FAQ Page Template

  • Select Pages

If preview is fine, Click on Save & Publish to save the changes.

9.3.Contact Page Template #

Contact

  • Select Pages

Add Contact Form 7 Shortcode to activate form in your theme. If preview is fine, Click on Save & Publish to save the changes.

Please add following markups in your Contact Form to get better design and effect.

<div class="kt-contact-form-area">
   <div class="kt-contact-form-area"> 
      <div class="form-group"> 
         [text* your-name id:cf-username class:form-control placeholder "Name *"] 
         <label for="cf-username">Name <sup>*</sup></label> 
      </div> 
      <div class="form-group"> 
         [email* your-email id:cf-email class:form-control placeholder "Email *"] 
         <label for="cf-email">Email <sup>*</sup></label> 
      </div> 
      <div class="form-group"> 
         [text* your-subject id:cf-subject class:form-control placeholder "Subject *"] 
         <label for="cf-subject">Subject <sup>*</sup></label> 
      </div> 
      <div class="form-group"> 
         [textarea* your-message id:cf-message class:form-control placeholder "Message *"] 
         <label for="cf-message">Message <sup>*</sup></label> 
      </div> 
      <div class="form-group"> 
         [submit id:cf-send class:form-control "Send Message"]<span class="ajax-loader"></span><button type="reset" class="cleaner">clear form <i class="fa fa-close"></i></button> 
      </div> 
   </div>
</div>

10.Theme Options #

Go to Appearance > Customize > Theme Option

 

10.1.Site Layout #

 1. Site Layout

  • Box/Full Body Layout
  • Logo Left/Default Header
  • List/Grid Post Layout
  • Left/Right/None/Hide in FrontPage Sidebar

10.2.Options #

2.Options

  • Hide/Show Alternative Menu
  • Hide/Show Sticky Sidebar
  • Enable/Disable Sticky Menu
  • Enable/Disable Breadcrumb
  • Hide/Show Scroll Top in Mobile
  • Enable/Disable 4 Col Widget in footer
  • Enable/Disable Instagram
    You can generate token from this link & paste it in Access Token field.
    Input a number of pictures that you want to fetch from your instagram account.
    Note: 0 means all.
  • Inner Banner Image change option
  • Change Copyright text

If preview is fine, Click on Save & Publish to save the changes.