© Arrowhitech JSC 2015.

Overview

Fekra Documentation v1.0

ArrowHiTech Jsc Is one of the Vietnamese leading IT outsourcing companies which puts high-quality services and customer’s satisfaction our top priorities. Since our establishment in 2007, we have increasingly widened our skills and our HR so as to meet all the demands of the customer all over the world with our dedicated services focusing on Web design & development, Extension/ Theme building, Mobile applications/ Games development and Internet marketing.

Version: 1.0
Author: ArrowHiTech.
Designed by: ArrowHiTech


Install WordPress

If you haven't have a working version of WordPress, you need to install it first in order to install Fekra theme. You can find many instructions to install WordPress in WordPress Codex or the Instructional Video created by Woo Themes. Below are some helpful links for you about WordPress information.



1. Install Theme

1.1 Installation

- Requirements for Theme

You can click here to find out more about requirements of WordPress.

Below are three requirements for working version of WordPress, php, and mysql.

You also need to make sure that your host can comply with follow requirements. We recommend using WP Engine or Blue Host for all your hosting needs.

  1. Your web host has the minimum requirements to run WordPress.
  2. Your host are running the latest version of WordPress.
  3. You can download the latest release of WordPress from official WordPress website.
  4. Always create secure passwords for FTP and Database.

- Recommended PHP Configuration Limits

Low PHP configuration limits can cause many issues. When related issues occur, you need increase your PHP limits to a minimum as follows:



1.2 Theme Installation

- Install new theme manually via FTP Client

In order to add a new Theme to your WordPress installation, follow these basic steps:

  1. Download the zip package of Fekra theme in ThemeForest
  2. Unzip Fekra.zip package which you can find inside Theme files folder.
  3. Connect to your FTP server and navigate to the WordPress installation folder.
  4. Go to wp-content/themes/ and upload Fekra folder.
  5. Open WordPress admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar. Activate Fekra theme.


- Install Theme via WordPress Admin Panel
  1. Open WordPress admin panel (e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar and click "Add New" button.


  2. After that, click Upload Theme link and upload zip package of Fekra theme(


  3. Once uploading theme is finished, it will install theme automatically.

    You can click Activate link or go to Appearance > Themes on admin sidebar to activate theme.

Once theme is installed, you need to install Required Plugins to get full working features.



1.3 Plugins Installation

- First method

After installing and activating the theme you will see the following message at the top of the page.

You should click Begin Installing plugins link in order to install needed plugins for Fekra theme.


You will be redirected to Install Required Plugins page, here you will find all of the theme required plugins. In order to install these plugins, you just need to check all of theme and select install then click apply.


When installation process is done, you can click Return to Required Plugins Installer and select active then check all plugins to active these plugin.

After finishing plugin install, you need to configure the plugins.

- Second method

Install plugins via WordPress Admin Panel.

Besides, you can install some plugins for Foodfarm by navigating Plugins > Add New in admin sidebar. After that, enter plugin name to search plugin and click "Install Now".

When installation process is done, you can click Return to Required Plugins Installer and select active then check all plugins to active these plugin.

- Third method

Install plugins manually (Via FTP)

If you want to manually install plugins, you can follow some basic steps below.

  1. Download your WordPress Plugin to your desktop and extract plugin folder if it is a zip archive.
  2. With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
  3. Go to Appearance > Plugins and find the newly uploaded Plugin in the list.
  4. Click Activate to activate it.

After finishing plugin install, you need to configure the plugins.





1.4 Plugin Configuration

Visual Composer for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

You can see here for more details.

After installing the Visual Composer, please go to Visual Composer > General Settings and make sure to check the following checkboxes under Content Types: post, page, casestudy, member, testimonial, client, block. After making the changes, remember to click Save Changes button.

WooCommerce is the most popular WordPress eCommerce plugin. Packed full of features, perfectly integrated into your self-hosted WordPress website.

You can see here for more details and woocommerce documentation.

- Install Woocommerce Pages

You can see the following message after install woocommerce plugin and you should click Install Woocommerce Pages.

Important! If you want to import dummy data, you can skip to install woocommerce pages.

You can see "Shop", "Cart", "Checkout" and "My Account" pages in Pages on admin sidebar.

- Change Image Sizes

You can change the product image sizes in Woocommerce > Settings > Products > Display > Product Images on admin sidebar.



We used the following image sizes on our demo sites:

After change the image sizes, you should regenerate all the thumbnails using Regenerate Thumbnails plugins.

- Enable Registration on My Account

Please go to WooCommerce > Settings > Account > Registration Options and enable registration on the "My Account" page.


Regenerate Thumbnails allows you to regenerate the thumbnails for your image attachments. This is very handy if you've changed any of your thumbnail dimensions (via Settings -> Media) after previously uploading images or have changed to a theme with different featured post image dimensions.

You can either regenerate the thumbnails for all image uploads, individual image uploads, or specific multiple image uploads.

You can see here for more details.

Please go Tools > Regen.Thumbnails and click Regenerate All Thumbnails.



Once Required Plugins are configured, you may be interested to install sample content as our demo sites. In the next section, we will guide you about demo installation.



1.5 Demo Installation

- Traditional Method

Click Fekra option in the top of admin page or in admin sidebar to access Fekra options.

- First Method

In "demo" tab, you will find option for import demo.


- Second Method

Install demo via All-in-One WP Migration plugins.

Remember that your site database will reset entirely after using this method.

Please follow steps lised below to import demo.

- Step 1: Install and activate All-in-One WP Migration plugin to use this method.

- Step 2: Download Demo backup file.

- Step 3: Upload backup file to wp-content/ai1wm-backups folder.

- Step 4: Navigate to All-in-One WP Migration > Backups on admin sidebar

.

- Step 5: Click Restore button and wait for few seconds. You will see success message after click continue.

- Step 6: Login to the site with account: Username: admin, Password: admin. After login with this account, you can change username and password back to your credentials.

- Third Method

Import demo data manually.

Note: Please remember to install all needed plugins before import demo data. If you have not install plugins, please see Plugins Installation to finish that step.

2. Build Your Site

2.1 Build Your Site

- Before Build Your Site

You need to configure WordPress and the plugins.

Please read carefully Theme Installation / Plugin Configuration before perform these follow configurations.

2.2 WP Configuration

- WordPress Configuration

You can adjust WordPress settings as follows:

2.3 Theme Options

Fekra provides several usefull options for you to explore. You can find all options after clicking Fekra links in the top page or in the admin sidebar.


You can see Theme Options for more details.

2.4 Menu Setup

Fekra provides 2 areas of the theme where you can assign a menu.


- Add Menu

In order create new menus, you can navigate to Appearance > Menus in admin sidebar then click Create a new menu links. Give your new menu a name and click "Create Menu" button.

After that, you can select menu location for your menu in Menu Settings.

2.5 Header Setup

Go to Fekra > Header in order to access header setup page.

General, Fekra supports 4 types of header width a lot of effective options which you can see demo in the pictures below.


To find out more about these options, you can go to Theme Options > Header.


2.6 Mailchip Setup

Go to Fekra > Mailchip for WP in order to access setup.

Note: API key, your click link at "Get your API key here".screen image bellow

- You can edit form mailchip at here.


3. Theme Options

Fekra provides many options for you to customize your page effectively. These options are organized into logical tabbed sections which will be very easy for you to navigate. Because of the sizable amount of options, we cannot go over them in full detail here in our documentation. We encourage you to please take some time and navigate through each tab to see what we offer. Go to Theme Options on admin sidebar to access the setting options. See below for screenshots and short descriptions of Fekra Options panel.

3.1 Theme Options

There are 2 ways to access theme options.

1) Click Fekra links in the top of page.

2) Click Fekra in admin sidebar.


After that, you will see a logical tabbed sections including a lot of tabs for you to discover.


3.2 General

- In this tab, you can choose different layouts for your page including: Boxed or Full width. Besides, you can decide to show sidebar or not and place sidebar in the left or right of the page. Along with some layout options.

- Fekra also allow you to upload your desire logo and favicon.


3.3 404

- In this tab, you can choose logo page, background page, content and link for button in page.


3.3 Social

- In this tab, you can update link social. that's item social show on page.


3.3 Skin

There are 2 sub-tabs:

  1. General: you can config skin page default with main color,main font or second font.


  2. Custom: add more css for page detail.



3.5 Header

These options enable you to change header appearance with 18 types of header. Besides, there are many selections for you to decide whether or not to display account links, currency switcher, languages, search form and mini cart block in header. In the each type header. you can setting for element display.

3.6 Footer

- There are 3 option:footer top,footer-center and footer-bottom. You can see demo of each type in the screenshot below.

- Option show or hidden

- Select layout.

- Select column show footer.

- Select widget

Footer Top:

Footer Center:

Footer Bottom:

3.8 Blog & Single Post

Fekra gives you multiple selections for blog and single post.

3.9 Search

- Fekra gives you select banner and text for page search.

3.10 Portfolio

- Fekra gives you config layout for archive portfolio and single portfolio.

3.11 Product

- Fekra gives you settring layout product and sidebar for pape.please look at several options in pictures bellow.


4. Content Types

To use Fekra content type, please ensure that Fekra Post Types plugin, which allows you to create some custom post types, is already installed. If not, you can install this by following some steps below.

For each content types, Fekra provides Layout Options box including a lot of options such as choosing header, footer and page layout.


4.1 Post

- General Information

Fekra provides many options to present your blog posts, along with several different blog layouts. In addition there are numerous Theme Options and Blog Options, Layout Options, Skin Options that allow you to customize how posts are displayed. The Fekra blog is very powerful. The following sections will cover each of these aspects of the blog that are listed below.


- Creating / Editing Posts

Step 1 - Navigate to Posts in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field.


Step 3 - Add Categories from the right side. To assign it to the post, check the box next to the category name.

- Tax layout use when you want the item show on one page.


Step 4 - Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.


Step 5

- For a single image post, click the first Featured Image Box, select an image and click the Set Featured Image button.


- For a Video and Audio post, you need to get Audio or Video embed code and paste it to "Video & Audio Embed Code" textarea in Blog Options box.


Step 7 - Once you are finished, click Publish or Update in the right side to save the post.

4.2 Team

Creating / Editing team

Step 1 - Navigate to Team in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new content. Create a title, and insert your team content in the editing field.

Step 3 - Assign categories from the right side to post.

Step 4 - Add image gallery and featured image.


Step 5 - Fill in all needed information and configure several choices for team in the Team Options box


Step 8 - Select any options in the Layout Options box as you want.

4.3 Testimonials

- Creating / Editing Testimonials

Step 1 - Navigate to Testimonials in your WordPress admin sidebar.

Step 2 - Click on the Add New option and enter all needed information for testimonial such as title, and content in the editing field.


Step 3 - You also can add featured image by clicking the first Featured Image Box, select an image and click the Set Featured Image button.

Step 5 - Fill in all needed information and configure several choices for team in the Team Options box


Step 4 - Once you are finished, click Publish or Update to save the member.

4.4 Clients

- Creating / Editing Clients

Step 1 - Enter all needed information such as title, and content in the editing field. Also you need to add featured image for client.

Step 2 - Add feature image clients.

Step 3 - Once you are finished, click Publish or Update to save the member.

4.5 Static Block

This content type allows you to create static block in order to insert it in other page via Fekra static block shortcodes. It is really flexible and easy for you to add content because you can use visual composer in this content type.

- Creating / Editing

Step 1 - Navigate to Static Block > Add New in your WordPress admin sidebar. Click "Backend editor" of visual composer to add content.

Step 2 - Click to plus button and choose content element you want to add.

Step 3 - Once you are finished, click Publish or Update to save the post.

4.6 Chef

- Creating / Editing Chef

Step 1 - Enter all needed information such as title, and content in the editing field. Also you need to add featured image for chef.

Step 2 - Once you are finished, click Publish or Update to save the post.

4.7 Yoga

- Creating / Editing Yoga

Step 1 - Enter all needed information such as title, and content in the editing field. Also you need to add featured image for yoga.

Step 2 - Add feature image yoga.

Step 3 - Add information yoga.

Step 4 - Once you are finished, click Publish or Update to save the post.



5. Shortcode

Remember to install and activate Fekra Shortcodes plugin.

- How to add shortcodes using visual composer

You should enable visual composer editor.

You should select the element. If you click the following button, will be show the popup.



There are several content elements for you to choose.


- WooCommerce

Image below lists a lot of useful shortcodes of WooCommerce such as Cart, Product, Checkout and My Account.


- Fekra shortcodes

In total, Fekra provides a lot of effective shortcodes for you. Besides some general settings for animations such as animation type, item delay and extra class, each shortcodes will contain their own options. Below will list detaily all available choices of each shortcodes.

5.1 Fekra Accordion

It's show list content with type accordion

- Shortcode tile.

- Type accordion.


- Design

5.2 Fekra Addvanced button

This shortcodes will advanced type buttom on page width color,border,background, effect button...


- Design

5.3 Fekra Block quote

This shortcodes will show content type blockquote with 3 option and option background color for text content.

- General


- Design

5.4 Fekra Box Image

This shortcodes will show image with image,title,content and button link.

- Shortcode title.

- Type layout

- Insert image

- Content descriptions image box

- Option for button image box.

With type layut 2:

- Field sub title.

- Select icon.


- Design

For layout 1:

For layout 2:

5.5 Fekra Breadcrumbs

This shortcodes will show breadcrumb page.

- If you want change title page. enter value field title.

- Sologan for page.

Background: there 6 option

- Background with Grey(default).

- Background with Dark

- Background with image.

- Background with Video

- Background with Pattern

- Background with Parallax


- Design

For layout background color:

For layout background image:

5.6 Fekra Carousel

It show item post type with layout carousel slide

- Design

Type 1:

Type 2:

Type 3:

Type 4:

Type 5:

5.7 Fekra Client

It show item post type client

There are 3 option:

- Select layout client.

- Select group item show.

- Number item show.

- Design

Type 1:

Type 2:

Type 3:

Type 4:

Type 5:

5.8 Fekra Countdown



- shortcode title.

- Select time countdown.

- Type time: default or system.

Design:


5.9 Fekra counter

For this shortcode, you also can:

- Title shortcode.

- Type layout.

- Select icon.

- Position icon:left, top, right.

- Couter title.

- Counter value....



- Design

Type 1:

Type 2:

Type 3:



5.10 Fekra Divider

It's access select type divider. have to 13 layout for diviver.



For this shortcode, you also can:

- Select type diver 1 to 13.

Design:


5.11 Fekra heading style

It's access select type divider. have to 13 layout for diviver.



For this shortcode, you also can:

- Select type diver 1 to 13.

Design:


5.12 Fekra Advance icon

It's access select type divider. have to 13 layout for diviver.



For this shortcode, you also can:

- Add shortcode title.

- Select icon

- Type background,size icon, align, add link for icon...

Effect icon: 2 option

- Background color when hover

- Background image when hover

Design:


5.13 Fekra box list

It's show icon type list.



There 2 option type list and slide

- Shortcde title.

- Select layout list.

- Add box icon use shortcode advanced icon.

Design:

Layout type list box.

Layout type slide.

5.14 Fekra Icon list

It's work when content include tag hmlt ul/li.



- Select icon for type list.

- Font size icon.

- Color icon.

- Insert content.


5.16 Fekra Map



Design:


5.17 Fekra Media Embeds

This shortcode helps you to show media, suport for media youtube,vimeo,dailymotion and audio soundclound.



- Shortcode title.

- Link media.

- Show lightbox or no.


5.18 Fekra modal box

This is shortcode show image.effect lighbox or no lightbox.

- Shortcode title.

- Insert image.

- Image size

- Effect show image.



Design:


5.19 Fekra portfolio

This is shortcode show item portfolio postype.

- Shortcode title.

- Type layout.

- Group: select group item display.

- Effect: 3 option and only type layout normal.

- Show buttom view all and load more.



Design:


5.20 Fekra Pricing Box

you can also add title, sub-title and content for pricing column block. Differently, this shortcode has some unique fields for content like currency, price, units and image. Furthermore, you can set color for diagonal line as well as background. Below are screenshots of Fekra Pricing Column settings, please look at it to see all options provided.



- Select layout. there are 4 layout.

- Title box.

- Text alig: left, center, right.

- Value box

- Unit box

- Insert content

- Option button box



Design for 4 layout:


5.21 Fekra The Process

This shortcode will show step with title,icon or content

- Shortcode title

- Add value for step process.

- Layout for step process.



Design:

5.22 Fekra product

That's show item product with layout list,layout with tab filter, list product bestseller,layout grip.

- Title shortcode.

- Layout display product.

- Layout with sidebar or no sidebar.

- Number item show.

Design: example about layout list and layout grip


5.23 Fekra promo box

That's show image with effect css3.

- Title shortcode.

- Layout display.

- Field value name,category, image or icon, url link and type layout text.

- Disable effect or no.

Design


5.24 Fekra social icon

That's show social icon type icon or image icon.

- Layout social with image or icon.

- Add vlua to group social. unlimit item.

- Effect tooltip.

- Shape:rouded,square,corner.

Design


5.25 Fekra team

That's list item postype Team.

Design


5.26 Fekra testimonial

That's list item postype Testimonial.

Design


5.27 Fekra timeline

That's list item text.

- Value: add value for 4 field title,name,time and content.

- Add icon for shortcode.

- Effect css for item

Design


5.28 Fekra Toggles

The same shortcode tab default visual comporser.


5.29 Fekra latest tweets

That's list item account twitter with option number item shor.

Design


5.30 Fekra yoga

That's list item postype yoga.

Design


6. Widgets

6.1 Fekra Contact


6.2 Fekra contact form 7 widget

That is select form contact(plugin: contact form 7) and show on page.

6.3 Fekra counter widget

This widget provides 2 options:

- Textbox for you to add widget title.

- Number counter.


6.4 Fekra filter product widget

- Filter product by price.



6.5 Fekra flick photo

That's show image about one acount by id.

This widget provides 3 options:

- Textbox for you to add widget title.

- Id account flick.

- Numbers image show.


6.6 Fekra instagram

That's show image instagram. This widget provides 3 options:

- Textbox for you to add widget title.

- Id account flick.

- Numbers image show.

6.7 Fekra multiple menu

That's access select more than one menu.

- Textbox for you to add widget title.

- Multi select menu.

6.8 Fekra popular video

Show video when add link.

- Textbox for you to add widget title.

- Textbox for link video.

6.9 Fekra recent post

That's show new post.

This widget provides 3 options:

- Textbox for you to add widget title.

- Numbers item show.

- Limit character show.

- Layout display.

- Orther option display.

6.10 Fekra social

That's list icon social.

This widget provides 3 options:

- Textbox for you to add widget title.

- Field text add link for socials.

6.11 Fekra social

That's list icon social.

This widget provides 3 options:

- Textbox for you to add widget title.

- Field text add link for socials.

6.12 Fekra subcribe

That's show form newleter


6.13 Fekra tab widget

That's show tab new post and comment post

This widget provides 3 options:

- Textbox for you to add widget title.

- 2 Field text add number post show in widget.

6.14 Fekra testimonial widget

That's show item testimonial.

This widget provides 2 options:

- Textbox for you to add widget title.

- Field text add number item show in widget.

6.15 Fekra woocommer attributes widget

That's show all attributes product.

This widget provides 1 options:

- Textbox for you to add widget title.

6.15 Fekra woocommer bestseller widget

That's show product bestseller.

This widget provides 1 options:

- Textbox for you to add widget title.

- Number item show to widget.

6.16 Fekra woocommer fature widget

That's show feature product.

This widget provides 1 options:

- Textbox for you to add widget title.

- Number item show to widget.

6.17 Fekra woocommer sale widget

That's show sale product type slider.

This widget provides 1 options:

- Textbox for you to add widget title.

- Number item show to widget.



7. Translation

Use WPML

WPML is the most popular plugin for multi language support. Below you will find documentation their team created for using WPML plugin. If you've purchased WPML and have any questions or issues, please check the links below.




8. Site Speed Up

We recommend using the WP Super Cache, W3 Total Cache plugins.

Excluding pages from the cache

If using caching plugins, make sure you exclude the following pages from the cache through their respective settings panels:

These pages need to stay dynamic since they display information specific to the current customer.