Reef Plus

After you purchase & 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 reef-plus.zip theme in your computer.
6. Select reef-plus.zip & click Install Now.

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

1. Unzip reef-plus.zip to your Desktop.
2. Using an FTP client to access your host web server, go to /wp-content/themes/ & upload your new copy of Reef Plus 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 & go through the following options to set up the theme step wise.

1. From Customize section, go to Static Front Page.
2. From Static Front Page, you will be able to set front page displays as Your latest posts & A static Page.
   

Note: If you select Your latest Posts, then all the posts will be displayed in your frontpage.
If you select A static page, then your frontpage will display the content from the page you selected as Front Page. However the page you selected in Posts Page will become your blog page.

• Posts
  1. Go to Posts Section, go to Add New.
  2. Give the Title & Content for the Post.
  3. Add the categories & tags.
  4. Select a Post Format.
  5. Set the Featured Image from right bottom corner.
  6. Select a Page Banner from page options.
  7. Click on Publish button.
• Pages
  1. Go to Pages Section, go to Add New.
  2. Give the Title & Content for the Page.
  3. Select a Page Template.
  4. Set the Featured Image from right bottom corner.
  5. Select a Page Banner from page options.
  6. Click on Publish button.

Reef Plus Theme comes with 6 different Custom Page Templates.

1. Compact View
2. Contact
3. Faq
4. Left Sidebar
5. Right Sidebar
6. Service

Please follow the following steps to setup the Page Templates.

1. Compact View

This will adjust your page to be more compact to the left & right.

2. Contact

1. From Customize section, go to Page Templates.
2. Go to Contact.

1. Google Map Section: Add a google map iframe in the content of this page.
2. Contact Form Section: Add a shortcode of Contact Form 7Please add following markups in your Contact Form to get better design & effect as shown in demo.

   	
   		<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>
   	
   

3. Contact Address Section: Select the pages you want to add to this page.
4. Click Save & Publish.

3. FAQ

1. From Customize section, go to Page Templates.
2. Go to Contact.
3. Select the pages you want to add to this page.
4. Click Save & Publish.

4. Left Sidebar

This will add a sidebar to left side of the page.

5. Right Sidebar

This will add a sidebar to right side of the page.

6. Service

1. From Customize section, go to Page Templates.
2. Go to Service.
3. Select the pages you want to add to this page.
4. Click Save & Publish.

You can select an inner banner image from page options. This will change the banner image in single pages.

1. From Customize section, go to Font Family.
2. You will find following options:
   • Body: Select an appropriate Font for whole site.
   • Site Title: Select an appropriate Font for Site Title.
   • Site Tagline: Select an appropriate Font for Site Tagline.
   • Title: Select an appropriate Font for all the Headings.

1. From Customize section, go to Colors.
2. You will find following options:
    
   • Background: This will change the background color. This option only works when your site’s layout is box.
   • Site Title: This will change the text color of your site title.
   • Site Tagline: This will change the color of your site tagline.
   • Primary: This will change the color of your overall site.
   • Hover: This will change the color of link when you hover on it.
   • Heading: This will change the text color of all the headings.
   • Reset Color: This will reset all the color option to its default state.
     Note: This action is not reversible.
   • Click Save & Publish.

1. From Customize, go to Background image.
2. Select an image.
   Note: Background image works only in box layout option.
3. Click Save & Publish.

Reef Plus has two widget areas ( Right Sidebar & Footer ) & Four Custom Widgets ( Reef Plus About Sidebar, Reef Plus Social Menu, Reef Plus Highlighted Posts & Reef Plus Recent/Popular Posts ). You can put any of these widgets including the default widgets by WordPress in this widget areas. Please follow the following steps to add a widget.

1. Go to Appearance, go to Widgets.
2. Drag & drop a needed widget from Available Widgets section to the Right Sidebar or Footer Widget area.
3. Click Save.

1. Go to Appearance, go to Widgets.
2. Find a respective widget from Available Widgets section.
3. Drag & drop it into the Widget Area.
4. Provide the Title.
5. Select a Page.
6. Provide a Sub Title.
7. Provide a text for Read More button.
8. Select a menu that contains link for your social profile.
9. Click Save.

1. Go to Appearance, go to Widgets.
2. Find a respective widget from Available Widgets section.
3. Drag & drop it into the Widget Area.
4. Provide the Title.
5. Select a menu that contains link for your social profile.
6. Click Save.

1. Go to Appearance, go to Widgets.
2. Find a respective widget from Available Widgets section.
3. Drag & drop it into the Widget Area.
4. Provide the Title.
5. Select a Category.
6. Provide a number of posts you want to fetch. You can fetch up to 5 posts.
7. Check the option to show date & comments.
8. Select a desired Layout.
9. Click Save.

1. Go to Appearance, go to Widgets.
2. Find a respective widget from Available Widgets section.
3. Drag & drop it into the Widget Area.
4. Check the option for showing Recent Posts & Popular Posts.
5. Provide the Title Recent Posts & Popular Posts respectively.
6. Check the option to show date & comments.
7. Click Save

Reef Plus Theme comes with two Header Options i.e 1. Logo Top ( Default ) & 2. Logo Left.

Follow the following steps to change header layout.

1. From Customize section, go to Theme Options > Site Layout
2. Select an appropriate option for you.
3. Click Save & Publish.

Header section consist of following section

1. Logo & Site Identity
2. Primary Menu
3. Social Links Menu
4. Alternative Menu

1. From Customize section, go to Site Identity.
2. Select a logo.
3. Provide the site Title.
4. Provide the site Tagline.
5. Check the appropriate options for Enabling/Disabling the Title & Tagline.
6. Select an appropriate image for Site Icon.
7. Click Save & Publish

Primary Menu , Social menu and Alternative Menu

1. From Customize section, go to Menus.
2. Click Add a Menu button.
3. Provide the name for your menu.
4. Click Add Items
5. Click on the items from Pages, Posts, Categories, Tags & Format as per your need.
6. For Social menu, add the items from Custom Links & provide the url of your social profile. for eg: http://facebook.com/userId , provide a link text.
7. Asssign the menu to any of the Menu Locations listed under Display Locations.
8. Click Save & Publish

Available Menu Location :

How to Disable Menu?

Follow the steps below to disable any menu:

1. From Customize section, go to Menus.
2. Go to Menu Locations.
3. Select an empty menu ( –Select Menu– ) from the dropdown.
4. Click Save & Publish.

Note: You can enable / disable the alternative menu from Customize > Theme Options > Options > Enable Alternative Menu

Slider / Banner section can be divided into different sections as show in figure.

1. Slider / Banner section
2. Content section
3. Control section
4. Video section

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

Slider

• From Customize section, go to Home Page.
• Go to Slider.
• Under Choose Post Option, select Slider.
• Under Select Category, select a category you want to use as a slider.
• Check Auto Play option for automatic slide.
• Provide the time in second.
• Click Save & Publish.

Banner

• From Customize section, go to Home Page.
• Go to Slider.
• Go to Single Banner.
• Under Choose Post Option, select Slider.
• Under Select Post, select a post you want to use as a banner.

Note: Slider will use the post’s featured images. Dummy image will be used if a post does not have featured image.

• From Customize section, go to Home Page.
• Go to Slider.
• Check Enable Content to activate it.
• Select Content Position. ( Default or Center )
• Click Save & Publish.

• From Customize section, go to Home Page.
• Go to Slider.
• Check Show Control to activate it.
• Click Save & Publish.

Note: Control section is available only for Slider not for Single Banner.

• From Customize section, go to Home Page.
• Go to Slider.
• Select a page under Youtube Video Url.
• Click Save & Publish.

Note: The page you selected must contain a link of youtube video inorder to activate it.

1. From Customize section, go to Home Page.
2. Go to Highlighted Posts.
3. Select a post from the available dropdowns.
4. Click Save & Publish.

Note: You can disable it by checking Disable Highlighted Posts option. Post’s featured image is used for background image. Dummy image will be used if a post does not have featured image.

Reef Plus Theme comes with three different layouts as shown in figure.

1. List / Standard Layout
2. Grid Layout
3. Corporate Layout

1. From Customize section, go to Theme Options.
2. Go to Site Layout.
3. Select List for Post Layout.
4. Click Save & Publish.

1. From Customize section, go to Theme Options.
2. Go to Site Layout.
3. Select Grid for Post Layout.
4. Click Save & Publish.

This layout consist of three sections.

1. Serivce
2. Testimonials
3. Contact

Welcome to Reef Plus section appear from Page/Post content so, we recommend you to set your Front Page Display to static Front Page. Please go through to How to set Front Page? section above.

1. From Customize section, go to Home Page.
2. Go to Corporate Layout.
3. Check Enable Corporate Template.
4. Provide the title for Service, Testimonial & Contact sections.
5. Click Save & Publish.

1. From Customize section, go to Home Page.
2. Go to Testimonials.
3. Select a page from the available dropdowns.
4. Click Save & Publish.

Note: You can disable it by checking Disable Testimonials option. Page’s featured image is used for background image. Dummy image will be used if a page does not have featured image.

1. From Customize section, go to Home Page.
2. Go to Theme Options.
3. Go to Options.
4. Check Enable Instagram option.
5. Click Generate Token link.
6. You will be redirected to http://instagram.keonthemes.com/ , From there click Generate Token & follow the process.
7. After you receive instagram’s access token, paste it to the Access Token field in the customizer.
8. Provide a number of photo you want to fetch from your instagram profile. Provide 0 to fetch all the photos.
9. Click Save & Publish.

Reef Plus Theme comes with two body layouts as shown in figure.

1. Box Layout
2. Full Layout

1. From Customize section, go to Theme Options.
2. Go to Site Layout.
3. Select an appropriate option for Body.
4. Click Save & Publish.

Reef Plus Theme comes with following sidebar options.

• Left
• Right
• None
• Hide in Front Page

1. From Customize section, go to Theme Options.
2. Go to Site Layout.
3. Select an appropriate option for Sidebar.
4. Click Save & Publish.

Reef Theme comes with 3 & 4 column footer widget area. Please go through the Adding Widget Section above. By default, 3 column footer widget area is activated. To activate 4 column widget area you need to follow the step below.

1. From Customize section, go to Theme Options.
2. Go to Options.
3. Check Enable 4 col widget for Footer option.
4. Click Save & Publish.

1. From Customize section, go to Theme Options.
2. Go to Options.

You will find following options:

1. Enable Alternative Menu: This will Enable / Disable the alternative menu.
2. Enable Sticky Sidebar: This will Enable / Disable the Sidebar’s sticky behavior.
3. Enable Sticky Menu: This will Enable / Disable the sticky menu.
4. Enable Breadcrumb: This will Enable / Disable the breadcrumbs in all the inner pages.
5. Enable Scroll top in mobile: This will Enable / Disable the scroll to top button in mobile devices.
6. Choose Inner Banner Image: This will change the banner image for all the inner pages.
7. Copyright Text: This will change the copyright text in footer.

To update Theme though FTP, follow these basic steps:

Download the latest version of Reef Plus theme from your Theme Palace member My Account to your Desktop
Unzip reef-plus.zip to your Desktop
Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Reef Plus theme which shall replace the old files.