[vc_row][vc_column][vc_custom_heading text=”Rexly – Doc’s” font_container=”tag:h2|font_size:50px|text_align:center|color:%23999999|line_height:50px”][vc_column_text]

Please find the documentation of our Rexly theme. You could use the quick links below to get the doc you want easily.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][/vc_column][vc_column width=”1/2″][vc_separator el_width=”60″][vc_column_text]

Quick Start Guide

Import Demo Data

Front page setup

Logo / Favicon Setup

Header & Menu setup

About us setup

Counter Setup

Services setup

Callout Setup

Portfolio setup

Pricing Tables

Testimonials Setup

Team Members setup

Front Page Blog setup

Clients Logo setup

Contact Section setup

Google Map setup

Footer setup

Blog Setup

General Settings setup

WooCommerce setup

Breadcrumb setup

Reorder front page sections

Translation

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row el_id=”qsg”][vc_column][vc_empty_space][vc_custom_heading text=”Quick Start Guide” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]

Before starting, make sure that you have WordPress 4.5 or higher installed & PHP 5.3 or higher running on your hosting server to use Rexly theme.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_custom_heading text=”1. Install Theme” font_container=”tag:p|font_size:20px|text_align:center|line_height:20px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]1.1 Using WordPress Dashboard:

Dashboard > Appearance > Themes > Add New > Upload theme > Choose file (zip) > Install & activate.[/vc_column_text][vc_column_text]1.2 Using FTP Client:

  1. Access & navigate your web server to wp-content > themes (this folder contains all your themes) using a FTP client like FileZilla or any other you like.
  2. Download & Unzip Rexly theme.
  3. Upload the entire folder to the wp-content > themes directory in your web server using the FTP client.
  4. Login to your WordPress dashboard > Appearance > Themes.
  5. Click Install > Activate.

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_custom_heading text=”2. Install Plugins” font_container=”tag:p|font_size:20px|text_align:center|line_height:20px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]Install the required plugins. After theme activation, you will see a notification above of your dashboard about it. Follow the steps from there to install those plugins.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_custom_heading text=”3. Import Demo Data (optional)” font_container=”tag:p|font_size:20px|text_align:center|line_height:20px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]Follow these steps to upload the demo content.[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”import-demo-data”][vc_column][vc_empty_space][vc_custom_heading text=”Importing Demo Data” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Importing demo content is totally optional step. You should do this only if you want to import all the demo content from our demo site in order to give your site exactly the same look as Rexly Pro has. Make sure to install all required/recommended plugins before importing demo content. No images are included in the demo, instead you will get placeholders. Please follow the steps below.[/vc_column_text][vc_column_text]

  1. Install & activate the One Click Demo Import plugin.
  2. Go to Appearance > Import Demo Data > Click Import Demo Data & wait to complete.
  3. Go to Settings > Reading > Set Home (imported by the demo content) as your static front page & save.
  4. Go to Appearance > Menu > Assign Home Menu (imported by the demo content) to the Home Menu. (see header setup for more details)

After importing completed, you can remove the plugin (One Click Demo Import) as you don’t need it anymore.[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”front-page-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Front page setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]In order to setup the front page you need to create a page first.

1.   Go to Pages > Add New

2. Give it a name (ex: Home) > assign this page to the Front Page template (find the template in your editor right side Page Attributes box ).

3. Go to Settings > Reading > Choose the page you have just created as your static front page (see screenshot below).

Note: You could leave the Posts page as it is. Setting up the blog page is optional, you do this if you want to display your blog posts on a separate page (not in your site homepage).[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”logo-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Logo / Favicon Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]WordPress provides logo , site title & site icon (favicon) uploaders by default & Rexly fully supports them. Follow the steps below.

1. Go to Appearance > Customize > Site Identity

2. Add your logo (suggested: 156px width, 150px height), site title, & site icon (favicon).

3. Save & publish.

Note: By default site title will appear as your logo text, if you want to use an image logo then upload your logo through the logo uploader.[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”header-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Header & Menu Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Rexly supports two custom menus, one is for only frontpage custom template ( Home Menu ) & another one is for all other pages ( Global Menu ). In order to setup header & menu please follow the steps below:

Menu Setup:

Go to Appearance > Menus > Create new menu > Assign menu items to the Home Menu .

 

 

Header Setup:

  • Go to Appearance > Customize > Header > Add header image ( best image size: 2100×1280) , texts & buttons.

Note: Header image will appear only front page custom template & blog listing page.[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”about-us”][vc_column][vc_empty_space][vc_custom_heading text=”About us Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  1. Go to Appearance > Customize > Front Page > About
  2. Upload image, title & description.

Note: Pro version offers a extra welcome section where you could display welcome title, welcome item boxes & description.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”counter-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Counter Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  1. Go to Appearance > Customize > Front Page > Counter
  2. Add counters, background image & background repeat, & overlay color.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”services-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Services Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  1. Go to Dashboard > Services > Add your services
  2. Go to Appearance > Customize > Front Page > Services
  3. Add title, description & other options like how many services you want to display, display order etc.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”callout-action-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Callout Action Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Follow the steps below to configure the Callout Action section.

  1. Go to Dashboard > Appearance > Customize > Front Page > Callout Action.
  2. Add your callout texts, button & background image.

[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”portfolio-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Portfolio Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  • Go to Dashboard > Portfolios > Add your portfolios (Recommended featured image: 640 x 426, please use same size images for all portfolios)
  • Go to Appearance > Customize > Front Page > Portfolio > Add title, description & other settings like display count, display order etc.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”pricing-tables”][vc_column][vc_empty_space][vc_custom_heading text=”Pricing Table Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  1. Go to Appearance > Customize > Front Page > Pricing Tables
  2. Add section title, description & tables.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”team-members”][vc_column][vc_empty_space][vc_custom_heading text=”Team Members Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  1. Go to Dashboard > Team Members > Add your team members
  2. Go to Appearance > Customize > Front Page > Team Members
  3. Add section title, description, team members, display count, display order etc.

Note: Best team member featured image size is: 235×235[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”testimonials”][vc_column][vc_empty_space][vc_custom_heading text=”Testimonials Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  • Go to Dashboard > Testimonials > Add your testimonials
  • Go to Appearance > Customize > Front Page > Testimonials > Add title, display count, display order, background image etc.

Note: Best testimonial featured image size is: 107×107[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”clients-logo”][vc_column][vc_empty_space][vc_custom_heading text=”Clients Logo Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]

  1. Go to Appearance > Customize > Front Page > Clients Logo
  2. Add section title, description, logos & logo slide configurations.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”frontpage-blog-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Front Page Blog Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner][vc_column_text]Follow the steps below to configure front page blog section. Not that, these settings are only for front page blog section not the blog post listing or archive page. See Blog setup instead for that.

  1. Go to Dashboard > Appearance > Customize > Front Page > Blog
  2. Configure the options according to your needs such as section title, description, display count, display count, enable/disable options.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”address-contact-form”][vc_column][vc_empty_space][vc_custom_heading text=”Address & Contact form setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_row_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”Address Setup” font_container=”tag:p|font_size:20px|text_align:center|line_height:25px”][vc_column_text]Follow the steps below to configure Address section.

 

  • Go to Appearance > Customize > Front Page > Contact
  • Add background image & address contents.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”Contact Form” font_container=”tag:p|font_size:20px|text_align:center|line_height:25px”][vc_column_text]Make sure to install & activate all the required/recommended plugins first.

1. Go to Dashboard > Contact > Add New ( Contact form 7 plugin need to be installed & activated ).

2. Give this form a name (ex: contact) > Paste this code in the form editor > Save. ( To configure the form properly in case you didn’t use this plugin before see the plugin official documentation ).

3. You will get a shortcode after saving your form (see screenshot below), Go to Dashboard > Customize > Front Page > Contact > Scroll down to the bottom to add title & the form shortcode that you have just generated using the Contact Form 7 plugin & save.[/vc_column_text][vc_single_image image=”10207″ img_size=”large” alignment=”center” onclick=”link_image”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id=”google-map”][vc_column][vc_empty_space][vc_custom_heading text=”Google Map Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Follow the steps below to configure Google Map.

1.  Go to Google Maps > Put your address > get your map embed code ( find the share icon & click, click on Embed map & copy the code.)

2. Go to Dashboard > Customize > Front Page > Google Map > Google map embed code > Put your map code in the code editor & save.[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”footer-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Footer Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]To setup footer please go to Appearance > Customize > Footer[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”blog-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Blog Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]In this section you could configure your blog listing page setting such as blog layout ( right sidebar, left sidebar, no sidebar & fullwidth ), enable/disable post meta options etc. You can add a title bar on all blog listing pages including archive, search etc pages.

  1. Go to Appearance > Customize > Blog > setup the options according to your needs.

Note: Default featured image size is 1280×940.[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”general-settings-setup”][vc_column][vc_empty_space][vc_custom_heading text=”General Settings” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]In this panel you will find some useful setting options for Rexly theme. See those option details.

1. Go to Appearance > Customize > General Settings.

  • Site Color Scheme: Theme color scheme option.
  • Disable header search icon.
  • Preloader: Enable/disable Preloader.
  • Scroll top: Enable/disable scroll top.
  • Homepage menu target links: Use these target links for homepage menu for smoothly scroll to each section.
  • Font-awesome: Enable/disable font-awesome styles.
  • RTL: Enable/disable RTL ( right to left text).

[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”shop-setup”][vc_column][vc_empty_space][vc_custom_heading text=”WooCommer Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Rexly is fully supported by the WooCommerce plugin & provides some options to configure it’s look. You need to install & activate WooCommerce plugin in order to see this options. Follow the steps

  1. Go to Appearance > Customize > WooCommerce
  2. Setup shop layout, shop column, enable/disable options etc.

Note: To add widgets in shop sidebar go to Appearance > Widgets > Shop Sidebar[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”breadcrumb-setup”][vc_column][vc_empty_space][vc_custom_heading text=”Breadcrumb Setup” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]

  1. Install & activate Yoast SEO plugin.
  2. Go to Dashboard > SEO > Dashboard > Click Features tab > Advanced settings pages > Enable & Save changes.
  3. Go to Dashboard > SEO > Advance > Breadcrumbs settings > Enable & save changes.

Congrat’s, breadcrumb is enabled throughout the site.[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”reorder-sections”][vc_column][vc_empty_space][vc_custom_heading text=”Reorder Front Page Sections” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Each front page section has enable/disable option in the customizer which you could use to enable or disable your desire sections. But if you want to do something more & want to reorder sections then you could do that by using a child theme.

Why should I use child theme? Good question, using a child theme is highly recommended if you want to change or modify theme core files. This way you never lose your changes when we send you theme updates. Read more about child theme.

Download rexly-pro-child theme first & follow the steps below.

  1. Open the file front-page.php in your preferrable text editor.
  2. Re-order the lines there according to your liking & save file.
  3. Install the child theme in same way you did for the parent theme (See quick start guide).

[/vc_column_text][/vc_column][/vc_row][vc_row el_id=”translation”][vc_column][vc_empty_space][vc_custom_heading text=”Translation” font_container=”tag:p|font_size:30px|text_align:center|line_height:30px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_separator el_width=”30″][vc_column_text]Rexly packed with a language file called rexly-pro.pot in the languages folder for localization. Follow the steps below to translate Rexly.

  1. Go to Dashboard > Plugins > Add New
  2. Search for Loco Translate plugin in the search field
  3. Click Install Now > Activate
  4. Go to Loco Template > Themes > Click on your theme > New Language
  5. Choose a language > Start Translating
  6. Translate each line > Save Changes
  7. Go to Dashboard > Settings > General > Site Language
  8. Change your site language & save.

[/vc_column_text][/vc_column][/vc_row]

in