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.

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.

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

Go to Appearance > Customize > Site Identity

• Click on Select Logo.
• Select the logo.
• Add Site Title and Tagline.

You can facilitate to hide and show options for Site Title and Tagline.

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

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.

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.

This theme comes with three menu locations. Primary Menu and Social Links Menu and Alternative ( Off canvas ) Menu.

Primary Menu

This menu will appear on the Main menu for the site below the logo section.

• Create a menu and add the items on the menu.
• Set the menu on the Primary Menu.
• Save the Menu

Social Menu

Social Menu will appear on the Right Side of the Primary Menu(As in Demo)

• Add the link for social Menu(Use Custom Link to create this menu)
• In custom link, add link for Facebook Menu(www.facebook.com/username)
• Add the menu and follow the same steps for Twitter, Instagram, Pinterest, WordPress and Youtube.
• Select the Social Menu for this.
• If preview is fine, Click on Save & Publish to save the changes.

Alternative Menu

Alternative Menu will appear on the Right Side of the Social Menu with three lines button. It has modern Off Canvas effect to open.

• Create a menu and add the items on the menu.
• Set the menu on the Alternative Menu.
• Save the Menu

Go to Appearance > Customize >  Home Page

Available Options:

• Enable/Disable Corporate Template

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

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.

Available Options;

• Hide/Show Highlighted Posts Section
• Select Posts

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

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.

Go to Appearance > Customize > Page Templates

Service Page Template

• Select Pages

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

FAQ Page Template

• Select Pages

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

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>

Go to Appearance > Customize > Theme Option

 1. Site Layout

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

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.