Appkit WordPress

Thank you for purchasing Appkit you for choosing Dart Simple Solutions.

In this document, you will find an in-depth description of all the features and functions available in the theme. If you have any questions not attended to by our template documentation, please contact us so our team can assist you. If you like our template, please leave your feedback and join us on Facebook!

We are looking forward to hearing back from you, and to improving further this and many other templates in our portfolio.

 

Thank you,

Dart Simple Solutions

 

Our Website: www.dartsimple.com

Online Documentation: doc.dartsimple.com

Email: www.dartsimple.com/contact-us/

 

Installation

File Structure

Complete list of all project-related folders, files and documents included in the zip file with your new theme can be found below.

Description

Path

Contains Appkit Theme Assets

assets/

Contains Appkit Theme Styles

assets/css/

Contains AppkitIcon

assets/css/icons/

Contains Appkit Theme Fonts

assets/font/

Contains Appkit Theme Images

assets/images/

Contains Appkit Theme Java Script

assets/js/

Contains Appkit Theme Plugins

assets/plugins/

Contains PHP Includes of Appkit Theme

/inc

Contains Translation Data of Appkit Theme

languages/

Contains Parts of Templates

template-parts/

Contains Appkit Demo Content

demo-content/

Contains Appkit Theme Unyson Customizations

framework-customizations/

 

Installing the theme

 

Install via Wordpress Admin Dashboard

You can install theme via your WordPress dashboard.

Please note that your hosting provider must allow individual file uploads that are greater than 5 MB for this method to work. 

Please following these steps:

1) Log in to your WP dashboard

2) On the left-side panel under WordPress Appearance, click on Themes section

3) Click "Add New" button

4) Click the "Upload Theme" button and browse to the zip file with your new theme

5) Once WordPress unzips relevant files, you will see a "Theme installed successfully" message, which could take some time. Once you see this message, please click the "Activate" link

6) Your new theme requires the following plugins to function properly:

  • Unyson
  • SVG support
  • Wordpress Social Login
  • Appkit Custom Post Type

Once the theme is installed and activated, please return to the Appearance > Themes section of your WP dashboard and click on "Begin Installing Plugins" button. On the screen that follows, click "Install" under all the plugins on the list above.

7) Once plugins are installed, please return to the "Install Required Plugins" section to activate each plugin.

8) Your theme is now fully set-up and ready to use.

 

Install via FTP

To install theme via FTP, please follow these steps:

1) Unzip main theme files to a folder of your choice on your computer

2) Using FTP client of your choice (eg. Filezilla), login to the FTP account for the website where you would like to install the theme

3) Browse to the themes folder located at /wp-content/themes/

4) Upload all the main theme files you unpacked in step 1) to this folder /wp-content/themes/

5) Move plugin folders and files from the folder where you unpacked theme files to the following folder on your WP server: /wp-content/plugins

6) Theme and plugins will now become available for activation in your WordPress dashboard. Please follow the steps above to install and activate the theme.

 

Activate Theme

Once you upload the theme to WordPress, it needs to be activated for the site to change over to the new theme. To activate the theme, please follow these steps:

1) In your WordPress admin dashboard, browse to Appearence, Themes tab

2) Select your new theme and click Activate

 

Common Errors

Theme is missing the style.css stylesheet error

If you encounter this error, please check that all the steps in the installation process were followed correctly. If the issue persists, please refer to the following article by Envato.

 

Demo Import

We provide full demo data to help you get you started with the new theme as quickly and easily as possible. To further simplify the import process, and to ensure that you are able to import all graphics and images, the theme is equipped with a customized Import and Export feature.

To import demo content, please follow these steps:

1) Install all relevant plugins

Before you import demo data, the theme needs to be activated in your WordPress build. Additionally, all plugins need to be properly installed and activated. Please navigate to the last section of our documentation titled "Sources and Credits", where you will find full list of plugins used in the theme.

2) In your WP Dashboard, navigate to Unyson, click on Download in Backup & Demo Content block.

3) In your WP Dashboard, navigate to Tools > Demo Content Install, click on Install and click OK in alert window. You will see a confirmation message once all settings are updated.

Note: To ensure custom settings stay intact, including your favicon, tagline and name of site, the demo data importer will not update or overwrite these settings.

Your demo content is now up and running. You can use it as the foundation for your own theme customization. Having demo content installed also helps when populating the theme with your own unique content, such as text, blog posts, articles and images.

 

Theme Customization

Your new theme comes packed with great customization options to help you make it look and feel just the way you want it. All customization options are organized in group and can be found in your WordPress admin dashboard under Theme Options tab. Please refer to a detailed listing and description of these options below.

 

All settings and customization options are available directly from your WordPress Admin Dashboard. Please click on Appearance > Theme Settings in the left-side panel to bring about the settings page, which appears as follows:

 

General Settings

All theme settings and customization options are available for your use under Theme Settings tab in the left panel of the WP dashboard.

The below settings are designed to extend to the entire website.

Settings

Description

Available Options

Color Scheme

Select color scheme

Green, Blue, Orange, Violet

Logo

Upload header logo

Your image

Favicon

Upload favicon

Your image

Large Favicon

Upload large favicon

Your image

Apple Touch Icon

Upload Apple touch icon

Your image

Microsoft Tile Image

Upload Microsoft tile image

Your image

Facebook link

Facebook Footer social link

Your social link

Twitter link

Twitter Footer social link

Your social link

Instagram link

Instagram Footer social link

Your social link

Youtube link

Youtube Footer social link

Your social link

Pinterest link

Pinterest Footer social link

Your social link

 

Homepage Settings

This section contains settings for each section on the home page. Individual settings available for each section are summarized below.

 

Section 1: Main Banner

Settings for section "Main Banner"

Settings

Description

Available Options

Enable

Enable section

on/off

Top text

Small grey top text

Main text

Big title text

Sub text

Small substring text

App Store link

If link is not empty button will be shown.

Google Play link

If link is not empty button will be shown.

Choose layout

Choose the layout to display on the main banner

 

Main Banner layout options

Business

Upload 8 images for collage

1) Admin panel


2) On site


Artist

Upload 8 images for collage

1) Admin panel


2) On site


Hi-tech

Upload 8 images for collage

1) Admin panel


2) On site


Simple

Upload images for background

1) Admin panel


2) On site

Video background

Upload video webm and mp4 format for background

1) Admin panel


2) On site


 

Section 2: Features

Settings for section "App Features"

Settings

Description

Available Options

Enable

Enable section

on/off

Block title

Block title

Block layout

Choose the layout for this section

 

Features layout options

Layout 1

Triangle backdrop

Layout 2

Flat backdrop

Layout 3

Beveled backdrop

Section 3: About App

Settings for section "About App"

Settings

Description

Available Options

Enable

Enable section

on/off

Choose layout

Choose the layout to display on the About App

 

About App layout options

Layout 1

Block title

Top title for section

Block subtitle

Top subtitle for section

Block image

Image for section

Item list

Item include: title, text and icon

Bottom block count

Bottom block count number

Bottom block link

Bottom block count link

Bottom block text

Bottom block text

Bottom block background

Bottom block background, upload your image

Layout 2

Block title

Top title for section

Block subtitle

Top subtitle for section

Slider

Includes the following options:

1.  Version

2.  Left item list

3.  Download count

4.  Free trial link enable

5.  Free trial link enable - Google Play

6.  Free trial link - App Store

7.  Pricing link enable

8.  Block image

9.  Right item list - title, text, icon

Add new side you can push on button Add

Bottom text

Bottom text

QR code image

Upload QR code image

Layout 3

Block title

Top title for section

Block subtitle

Top subtitle for section

Block image

Image for section

Text - top left

Text - top left

Text - top right

Text - top right

Text - bottom left

Text - bottom left

Text - bottom right

Text - bottom right

Item list

Item include: title, text and icon

Layout 4

Block title

Top title for section

Block subtitle

Top subtitle for section

Block image

Image for section

Item list

Item include: title, text and icon

Link text

Link text

Link href

Link href

 

Section 4: Screenshots

Settings for section "Screenshots" (app presentation)

Settings

Description

Available Options

Enable

Enable section

on/off

Block title

Top title for section

Block subtitle

Top subtitle for section

Block layout

Choose the layout to display on the screenshots


Section 5: Video

Settings for section "Video"

Settings

Description

Available Options

Enable

Enable section

on/off

Block title

Top title for section

Background video webm

Upload video webm format for background

Background video mp4

Upload video mp4 format for background

 

Section 6: Pricing

Settings for section "Pricing"

Settings

Description

Available Options

Enable

Enable section

on/off

Block title

Top title for section

Block subtitle

Top subtitle for section

 

Block layout

Choose the layout to display on the pricing

Option 1


Option 2


Google Play link

Link for modal for redirect to Google Play, when you send email from form

App Store link

Link for modal for redirect to App Store, when you send email from form

 

Bottom form text

Left form text

Bottom form button text

Button text

{i

Section 7: Testimonials

Settings for section "Testimonials"

Settings

Description

Available Options

Enable

Enable section

on/off

App logo

Upload your logo

Choose rating

Choose rating Google Play or App Store

 

See all votes link

Link to your Google Play or App Store Page

Google Play rating value

Enter the value of each star from 5 to 1, rating will calculate automatically

App Store rating value

Enter the value of each star from 5 to 1, rating will calculate automatically


Section 8: Contacts

Settings for section "Contacts"

Settings

Description

Available Options

Enable

Enable section

on/off

Block title

Top title for section

Block title

Top subtitle for section

Block background

Upload your image for background

 

Email recipient

Enter recipient email

 

 

Blog Settings

This section contains the settings of the blog. All settings here are organized as follows:

Main Banner

Settings for section "Main banner" in the Blog category page.

Settings

Description

Available Options

Enable

Enable section

on/off

Background image

Upload your image for background

Main text

Title for section

Sub text

Subtitle for section

Single Post

Settings for social shaded buttons for blog post page

Settings

Description

Available Options

Google enable

Enable Google social sharing button

on/off

Facebook enable

Enable Facebook social sharing button

on/off

Twitter enable

Enable Twitter social sharing button

on/off

Pinterest enable

Enable Pinterest social sharing button

on/off

Tumblr enable

Enable Tumblr social sharing button

on/off

 

Recent News

Settings for block Recent News.

Settings

Description

Available Options

Enable

Enable section

on/off

Block title

Top title for section

Block title

Top subtitle for section

 

Forms

A number of ready-to-use forms are available for you in the theme. Please refer to the below for information on how to configure and use these forms.

Contact Us Form

Form located at the bottom of the main page.

Please click on Appearance>Theme Settings in the left-side panel to bring about the settings page, then select Homepage Settings and choose Contacts.

Pricing Block Form

Form located in the pricing section on the main page.

Please click on Appearance>Theme Settings in the left-side panel to bring about the settings page, then select Homepage Settings and choose Pricing.

To add a new menu to your website, please follow these steps:

1) Browse to Appearance > Menu tab

2) Select the menu that you would like to customize under Select Menu

3) Assign custom name to your new menu

4) Add menu items.

5) For menu items to link to same-page sections, use Section ID to your page sections, available Sections IDs: #mainBanner, #about, #features, #screenshots, #video, #contact

Additional Information

Please refer to the following article in WordPress Codex for additional information on customizing the menu.

Blog

To add a new blog post, please switch to the "Blog Posts" section of the WP Admin Dashboard and click "Add New" on top of the page. Here, complete your new post's information, including title, text. Please also select "Blog" in the category field. Secondary category and tags are optional.

Additional settings are also available for further customization as follows:

Breakdown of additional settings for Blog post:

Settings

Description

Available Options

Subtitle

Subtitle for the mainimage

Intro image

Post's main image

Except text

Abridged version of your text

Managing Content

About App

To add new elements in the "About App" part of the homepage, please click on the "About" item in the dashboard's sidebar and here, click "Create Item" button on top of the page. Complete all fields, including title, brief text and select relevant icon. To customize the appearance of this section, please refer to Theme Customization part of the user manual appearing above.

Additional settings are also available for further customization as follows:

Settings

Description

Available Options

Link

Add a link to any of the elements in the section

Screenshots

To add new elements in the "Screenshots" (app presentation) part of the homepage, please click on the "Screenshots" item in the dashboard's sidebar and here, click "Create Item" button on top of the page. Complete all fields, including title, brief text and select relevant icon. To customize the appearance of this section, please refer to Theme Customization part of the user manual appearing above.

Testimonials

To add new elements in the "Testimonials" part of the homepage, please click on the "Testimonials" item in the dashboard's sidebar and here, click "Create Item" button on top of the page. Complete all fields, including title, brief text and select relevant icon. To customize the appearance of this section, please refer to Theme Customization part of the user manual appearing above.

Additional settings are also available for further customization as follows:

Settings

Description

Available Options

Position

Here, please specify your team members' roles


Pricing

To add new elements in the "Pricing" part of the homepage, please click on the "Price" item in the dashboard's sidebar and here, click "Create Item" button on top of the page. Complete all fields, including title, brief text and select relevant icon. To customize the appearance of this section, please refer to Theme Customization part of the user manual appearing above.

Additional settings are also available for further customization as follows:

Settings

Description

Available Options

Currency

Symbol to show before price

Price

Actual price

Period

For periodic payments, for example per month, per year

Discount badge

Text for the discount badge

Top options

List of key benefits associated with a specific pricing plan. Only active for pricing "Block Layout" = 2, which must be selected in theme Customization section as described above.

Main options

Full list of product/service specifications

Button text

Text to appear in CTA button

Google Market link

Very important - this link redirects user to your app on Google Play

App Store Link

Very important - this link redirects user to your app on App Store

Special block

Highlights a particular pricing plan with outline and slightly larger size. Only active for pricing "Block Layout" = 1, which must be selected in theme Customization section as described above.

Block animation

One of the 3 fade-in animation options.

bounceIn, fadeInLeft, fadeInRight

Child Themes

Child theme files are available in the "appkit-child' folder and contain the following files:

  • screenshot.png - theme preview image
  • style.css - custom CSS styles
  • functions.php - custom php scripts

Icons

The theme comes with a full set of Font Awesome icons available to you for further customization.

 

WPML & Translation

You are able to create an easy-to-translate multilingual website with our theme as it's fully compatible with WPML plugin - one of the most effective localization solutions available for WordPress today. Please refer to the official WPML support page for user manuals and further reference:

 

Getting started - wpml.org/documentation/getting-started-guide

Theme localization - wpml.org/documentation/getting-started-guide/theme-localization

 

RTL Support

The theme supports Right-To-Left languages for maximum compatibility and global exposure. Please refer to Theme Settings page to enable RTL support as follows:

 

Sources & Credits

WordPress Plugins:

Plugin Name

License

URL

Unyson

GPL

unyson.io

SVG Support

GPLv2

wordpress.org/plugins/svg-support/

WordPress Social Login

MIT License

wordpress.org/plugins/wordpress-social-login/

Frameworks

  • Bootstrap 3 - getbootstrap.com

JavaScript

  • jQuery - com
  • Isotope - metafizzy.co
  • js-jjcosgrove.github.io/jquery-aniview
  • js - maxwellito.github.io/vivus
  • js - github.com/kenwheeler/slick
  • MatchHeight - io/jquery-match-height
  • AnimatedModal - github.io/animatedModal.js
  • Bootstrap Validator - github.io/bootstrap-validator
  • mCustomScrollbar - malihu.gr/jquery-custom-content-scroller
  • LazyLoadXT - github.io/lazy-load-xt

CSS

  • Animate.css - daneden.github.io/animate.css
  • css - necolas.github.io/normalize.css