Arkana A One Page Parallax and Responsive Construction or Builder Theme suitable for any Architecture, Builders, Real Estate Agency, Construction Company, Agent Portfolio etc.

Support Forum: http://ozariya.com

• Created: October, 2018
• Version: 1.0
• Created by: Ozariya Creations
• Demo URL: http://arkana.ozariya.com/showcase
• Support Forum: http://ozariya.com/

Follow Instruction Step-By-Step via WordPress Admin Panel

• Step 1 – Go to "Appearance" and then select "Themes" section
• Step 2 – Click on "Add new" button at top
• Step 3 – Click on "Upload Theme" button
• Step 4 – Choose file "Arkana.zip" and then click on "Install Now"
• Step 5 – After you activate Arkana Theme you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Ex:- Visual Composer plugin is required.
• Step 6 – If You Activate all plugin. Then After import demo in Appearance > Arkana Theme Options > Demo Importer

Please See Related Images

Arkana includes 4 plugins that will need to be installed and activated:

Required plugins:

1. Arkana
2. Visual Composer
3. Contact Form 7
4. Instagram Feed

Follow Instruction Step-By-Step

• Step 1 – Open your FTP Apllication
• Step 2 – Browse Arkana.zip file And Extract them
• Step 3 – Goto wp-content/themes/ location in your WordPress
• Step 4 – Upload Arkana folder at this location

Now, Active Arkana Theme in Backend

• Step 1 – Login to worpress
• Step 2 – Go to Appearance > Themes
• Step 3 – Click on "Active" Button
• Step 4 – After you activate Arkana Theme you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Ex:- Visual Composer plugin is required.
• Step 6 - If You Activate all plugin. Then After import demo in Appearance > Arkana Theme Options > Demo Importer

You have follow the following step to import data automatically using one click demo import

1. Set permalinks. Go to > "Settings" then select "Permalinks" and choose "Post Name" from given options
2. Go to Appearance > Theme options and click on "Import Demo Data"
3. Click on "Import Demo Data" button and then wait for few time once it's done you will get one success message.
4. Now, Your websie is ready and Check All pages and Functionality.

Please see Related Images.

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > Header
2. Logo : Upload your site logo.
3. Fevicon : Upload your site favicon.
4. Header Design Variation : If you select different header design style.
5. Menu Style For Mobile : Select menu is normal or fixed.
6. All Inner Page Default Banner Image : Setup All pages banner image. [ if you not select page wise banner image then this image is default show on page header ]
7. Header Code :Paste your javascript code here.
8. Save Changes

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > Social Media
2. Display Social Media : If Display Social Media on footer section.
3. Social Media Option : Enter social media url.
4. Save Changes

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > Styles Options
2. Do you want to change fonts? : If you select yes then your website Font change as your requirement wise. Default Font = Rubik
3. Background Color : Change your body background color.
4. Set Primary Color : Choose Primary Color.
5. Set Secondary Color : Choose Primary Color.
6. Save Changes

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > Footer
2. Footer Layout Type : Set your footer column width.
3. Display Copyright Text : If you display copyright text or not.
4. Copyright Text : If yes, then Enter your copyright text details.
5. Save Changes

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > 404
2. 404 Page Default Banner Image : Upload banner image for your Website. Otherwise blank field will be displayed in place of this section.
3. 404 Image : Upload image for your 404 page. Otherwise site title will be displayed in place of image.
4. 404 Page Title : Enter 404 Page Title.
5. 404 Page Description : Enter 404 Page Description.
6. Save Changes

Used for a website under construction, coming soon or in maintenance mode.

1. Step 1: Create a New Page.
2. Step 2: Create New Page.

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > Coming Soon Page
2. Set Coming Soon Page : If you select yes then display coming soon page template in your page.
3. Coming Soon Logo : Upload logo for your Coming Soon Page. Otherwise site title will be displayed in place of image.
4. Coming Soon Page Title : Enter Coming Soon Page Title.
5. Coming Soon Page Description : Enter Coming Soon Page Description.
6. Save Changes

To set Coming Coon page as Home page.

Admin Menu > Settings > Reading

1. Your homepage displays:
1. A static page (select below): Select Coming Soon Page.
2. Save Changes

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > Demo Importer
2. Demo Importer : Works best to import on a new install of WordPress .
3. Save Changes

To set theme options go to " Admin Menu > Arkana Theme options ". Here you can see so many options. Configure it one by one.

1. Navigate to Arkana Theme Options > Import-Export Options
2. Import Options : Import you website data as File wise OR Url wise.
3. Export Options : Export your website data as File wise OR Url wise.
4. Save Changes

To set Menu go to " Admin Menu > Appearance > Menus ". Configure it step by step.

1. Navigate to Admin Menu > Appearance > Menus
2. Select Primary Menu / Default Menu as Theme Location as per shown in folloing screenshot
3. Save Changes

To set Footer Menu go to " Admin Menu > Appearance > Menus ". Configure it step by step.

1. Navigate to Admin Menu > Appearance > Menus
2. Select Footer Menu as Theme Footer Location as per shown in folloing screenshot
3. Save Changes

You can create any number of pages with content. Arkana provides most of Features to Creat new page with Visual composer element.

1. Navigate to Pages > Add New in your admin sidebar and click Add New option.
2. Enter Your new page Title.
3. Page Attributes:
   1. Set up your Parent page. Default is no parent.
   2. Set up your page template from the Template Select Box.
4. Show Page Banner section : Select yes then Banner image or title are so in page Banner. [ Home page in set No ]
5. Page title text color : Choose your Page background color.
6. Page title font size : Enter your Page Font size.
7. Banner Background color : Choose your Banner background color.
8. Banner Background Image : Choose your Banner background image.
9. Sidebar Position : If you show sidebar in page Then choose sidebar position.
10. Sidebar : Choose which sidebar you can used in page sidebar part.
11. Show Header : If you show Header in your page then choose Yes.
12. Show Footer : If you show Footer in your page then choose Yes.
13. Publish page

By default, WordPress shows your most recent posts is front page. But you need to your custom page show as a Front page OR Home page.

There are two smiple step follow to Setup New Home page.

1. Follow the steps above in the Create a New Page section to create a static page to use as Homepage
2. Now, Go To Settings > Reading in your admin sidebar
3. Front page displays : select You choose your static page or WordPress default post page.
4. Front page OR Home Page : Select your home page to Created as previously.
5. Save Changes

You can create any number of post with content. Arkana provides most of Features to Creat new post with Attractive design.

1. Navigate to Posts > Add New in your admin sidebar and click Add New option.
2. Enter Your new post Title.
3. Content : Enter your Content.
4. Page Attributes:
   1. Set up your Parent page. Default is no parent.
   2. Set up your page template from the Template Select Box.
5. Show Page Banner section : Select yes then Banner image or title are so in page Banner. [ Home page in set No ]
6. Page title text color : Choose your Page background color.
7. Page title font size : Enter your Page Font size.
8. Banner Background color : Choose your Banner background color.
9. Banner Background Image : Choose your Banner background image.
10. Sidebar Position : If you show sidebar in page Then choose sidebar position.
11. Sidebar : Choose which sidebar you can used in page sidebar part.
12. Show Header : If you show Header in your page then choose Yes.
13. Show Footer : If you show Footer in your page then choose Yes.
14. Publish

By default, WordPress shows your most recent posts is front page. But you need to choose custom homepage then need to require choose blog page.

There are two smiple step follow to Setup Blog page.

1. Follow the steps above in the Create a New Page section to create a static page to use as Homepage
2. Now, Go To Settings > Reading in your admin sidebar
3. Front page displays : select You choose your static page or WordPress default post page.
4. Post page OR Blog Page : If you select static page option above field. then required to choos blog page Othewise WordPress default post set as home page.
5. Save Changes

Now, Below is design pattern of Visual Composer Elements Module. You can used VC components then Click on Add ElementsButton. After first you select Row elements as your choice wise. and then put your all element in this field.

If you click on "Add element" button will show the content element selection menu. Content blocks are divided into categories (Show all, Content, Social, Structure, WordPress Widgets, etc.).

If you need the Visual Composer documentation you can check here.

Arkana Give you 16 custom Visual Composer Elements. All Elements has been designed with specific functionalities and options. You can see all the custom modules by clicking on the "Arkana Shortcodes" tab.

The Button Element is Display Button in your website.

1. Button Type: Select Button Type.
2. Content: Enter content.
3. URL: Enter Url.
4. Target: Select Target.
5. Size: Select Size.
6. Custom Button Color: Select text color.
7. Custom Button BG Color: Select background color.
8. Button Position: Select Button Position.
9. Icon : Choose Icon.
10. Custom Margin Top: Enter the top margin.
11. Custom Margin Bottom: Enter the bottom margin.
12. Custom Margin Left: Enter the left margin.
13. Custom Margin Right: Enter the right margin.
14. Extra class name: Enter extra class.
15. Save Changes

The Client Element is Display all client logo in your website.

1. Client Logo Images: Upload your all client logo.
2. Save Changes

The Counter Element is Display counter of total Client, Portfolio, etc in your website.

1. Title: Enter title of Counter.
2. Title color (leave blank for default color): Select title color.
3. Counter Figure Number: Enter total number.
4. Counter Figure color (leave blank for default color): Select counter color.
5. Icon Size (leave blank for default size): Enter icon size.
6. Icon color (leave blank for default color): Select icon color.
7. Icon: Choose the icon.
8. Save Changes

The Distance Element is provide to space in your website.

1. Type: Select your space type.
2. Save Changes

The FAQ Element is display question answer in your website.

1. Title: Enter the title(Question).
2. Description: Enter the description(Answer).
3. Save Changes

The Portfolio Element is display your portfolio as gallery images in your website.

1. Included Category IDs: Enter your selected category id. if you not get id. then see above screen shot.
2. Number: How many maximum item display in gallery section.
3. Order By: Select your image as order by. like date wise, title wise etc..
4. Order: Select order Assending or Dessending.
5. Save Changes

The Google Map Element is used to map of your address in your website.

1. Add Google Map Iframe: Enter your map address Iframe(http://map.google.com/).
2. Save Changes

Arkana icon Box Element is used to display good design icon box field in your website.

1. Type: Select the box style.
2. Title: Enter the title of box.
3. Title color (leave blank for default color): Select the title color.
4. Text: Enter the short description.
5. Icon Size (leave blank for default size): Enter the size of icon.
6. Icon color (leave blank for default color): Choose the icon color.
7. Icon background color (leave blank for default background color): choose the background color of icon.
8. Icon: Choose the icon.
9. Save Changes

Arkana Pricing Plan is used to display the price of your different plan.

1. Title: Enter the title of box.
2. Price: Enter the price of your plan.
3. Duration: Enter the duration of your plan.
4. Most Popular Package ?: Select package.
5. Add Pricing Features: Enter the features of your plan.
6. Button Label: Enter the label of button.
7. Button URL: Enter the button url.
8. Save Changes

Arkana Progress Bar is used to display the progress report.

1. Add Progress Bar:
   1. Title: Enter the Title.
   2. Score out of 100: Enter the total score.
2. Save Changes

Arkana Blog is used to display Blog in our website With different style.

1. Select Style: Select the style of blogs.
2. Number: Enter Number of blog to show in your site.
3. Category: Enter category id to display post(otherwise show all category post).
4. Order By: Select order by like date, title etc..
5. Order: Select order like ascending/descending.
6. Save Changes

Arkana Slider element is used to image slider in your website..

1. Select Slider Style: Select the style of slider.
2. Add Slide:
   1. Image: Upload slider image.
   2. Slide Caption Position: Choose the position of caption.
   3. Title: Enter the title on your slider.
   4. Sub Title: Enter the Sub Title on your slider.
   5. Description: Enter the Description on your slider.
   6. Button Lable: Enter the lable of button.
   7. Button URL: Enter the url of button.
3. Save Changes

Arkana Team element is used to display your team in your website..

1. Number: Enter the number of team member you display.
2. Order By: Select order by like date, title etc..
3. Order: Select order like ascending/descending.
4. Save Changes

Arkana Testimonial element is used to display testimonial/client slider in your website..

1. Add Testimonial:
   1. Image: Upload testimonial image.
   2. Name: Enter the name of slider.
   3. Designation: Enter the designation of slider.
   4. Description: Enter description of testimonial.
2. Save Changes

Arkana Title element is used to display Heading of Text with different size in your website.

1. Position : Select position of title.
2. Title: Enter the title.
3. Title Text Color: Choose the title color.
4. Sub Title: Enter Sub title title.
5. Sub Title Text Color: Choose the Sub title color.
6. Save Changes

Arkana Video element is used to display video button, when you click on it will be display as a popup video in your website.

1. Title: Enter the title.
2. Video Image: Upload the image as background of video button.
3. Youtube Video Key: Enter the Youtube Video Key.
4. Save Changes

• Right Sidebar : For Right Sidebar as pages
• Left Sidebar : For Left Sidebar as pages
• Footer Block 1 : For footer part in your website.
• Footer Block 2 : For footer part in your website.
• Footer Block 3 : For footer part in your website.
• Footer Block 4 : For footer part in your website.