Artem - Creative Digital WordPress Theme - Documentation

Thank you for purchasing our theme!
This guide provides instructions for installation. It is recommended you read it thoroughly to fully leverage the "Artem" theme's capabilities. If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com

Online Documentation Here

Installing WordPress

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server. Here is a very detailed guide at Wordpress Codex that will walk you through every step.

Installing Theme

Uploading Through WordPress

To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Add New” button at the top of the page and then select the “Upload Theme” button. Choose Artem theme "artem.zip" file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.

When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading "artem.zip".

FTP Upload

To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped "artem" WordPress Theme folder into the: wp-content/themes folder.
Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard.

Installing Plugins Required

Once you have installed and activated our theme you will be prompted to install required and recommended plugins for all theme features. Just click the link to Begin installing plugins and activate all plugins.

Import DEMO Content

- To import demo content, please follow some steps below:
1. First you need to install the theme.

2. Activate all plugins, next go to Appearance > Import Demo Data and import demo content from the list. (Video installation instructions below).

Elementor Builder

- To enable on your page, please do the following:
1. Go to Dashboard > Pages > Add New (or Edit).
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)" and Save Changes.
4. Click to "Edit with Elementor" button.
6. In Elementor builder panel drag and drop "Artem Theme" elements: "Hero Slider", "Hero Slider (Vertical)", "Hero Slider (Fullscreen)", "Portfolio", "Portfolio (Carousel)", "Portfolio (Gallery)", "Blog (Grid)", "Contact Form 7", "Hero Image", "Intro Heading", "Section Heading", "Awwards", "Image", "Partners", "Project Started", "Project Awwards", "Project Carousel", "Project Description", "Project Details", "Project Gallery", "Project Image", "Project Intro", "Project Nav", "Project Text", "Project Video", "Services List", "Services" and more.

Plugins

Contact Form 7

Contact Form 7 is one of the most popular form builders for wordpress.

For detailed information and support on this plugin, please go to: Contact Form 7

Elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

For detailed information, documentation and support on this plugin, please go to: Elementor

ACF Pro

ACF PRO includes extra fields & features to better develop websites including repeatable blocks, page building layouts, intuitive galleries, custom settings pages and reusable fields!

For detailed information and support on this plugin, please go to: ACF Pro

One Click Demo Import

Import your content, widgets and theme settings with one click.

For detailed information, please go to: One Click Demo Import

Artem Plugin

This plugin it's designed for Artem Theme.

ACF Pro: Font Awesome

Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.

Theme Options

All global settings can be found in ​Dashboard > Theme Options​. In addition, you can customize:

Styling

In "Styling" Tab you can edit: Theme UI skin, Theme Color, Primary Color, Paragraphs Color, Buttons Color, Primary Font, Paragraphs Font.

Header

In "Header" Tab you can edit: Main menu variants, Logo.

In "Footer" Tab you can edit: Footer text information, Footer columns, Footer Form, Socials buttons.

Blog

In "Blog" Tab you can edit: Blog Title & Subtitle, enable/disable Categories, disable/enabled Post Excerpt, Blog page, Socials share.

Portfolio

In "Portfolio" Tab you can edit: Portfolio Page, Ajax Pagination.

404

In "404" Tab you can edit: Title 404, Content 404, Background 404.


Home Pages

- To create Home Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "Home".
4. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
5. Click to "Edit with Elementor" button.
6. In Elementor builder panel drag and drop "Artem Theme" elements: "Hero Slider", "Hero Slider (Vertical)", "Hero Slider (Fullscreen)", "Portfolio", "Portfolio (Carousel)", "Portfolio (Gallery)", "Blog (Grid)", "Contact Form 7", "Hero Image", "Intro Heading", "Section Heading", "Awwards", "Image", "Partners", "Project Started", "Project Awwards", "Project Carousel", "Project Description", "Project Details", "Project Gallery", "Project Image", "Project Intro", "Project Nav", "Project Text", "Project Video", "Services List", "Services" and more.

Portfolio Pages

- To create Portfolio Items, please do the following:
1. First your need to create Portfolio categories, go to Portfolio > Portfolio categories, enter category name in fields Name & Slug. Click to "Save Changes" button.
2. Go to Portfolio > Add Portfolio.
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Artem Theme" elements: "Project Started", "Project Intro", "Project Image", "Project Awwards", "Project Carousel", "Project Description", "Project Details", "Project Gallery", "Project Text", "Project Video", "Project Nav" and more.

- To create Portfolio Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "Portfolio".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Artem Theme" elements: "Portfolio", "Portfolio (Carousel)", "Portfolio (Gallery)" and more.

Contacts Page

- To create Contacts Form, please do the following:
1. Go to Dashboard > Contact > Contact Forms > Add New.
2. Enter form name "Contact Form".
3. In the tab "Form" you can use default form layout or enter this code lines:

<div id="contact-form" class="contact-form">
 <div class="row">
  <div class="col-12 col-lg-6">
   <div class="form-group">
    [text* nameContact id:nameContact class:inputText placeholder "Full name"]
   </div>
  </div>
  <div class="col-12 col-lg-6">
   <div class="form-group">
    [email* emailContact id:emailContact class:inputText placeholder "Email address"]
   </div>
  </div>
 </div>
 <div class="row">
  <div class="col-12 col-lg-12">
   <div class="form-group">
    [textarea* messageContact x1 id:messageContact class:textarea placeholder "Comment"]
   </div>
  </div>
 </div>
 <div class="row align-items-center">
  <div class="col-12">
   <button type="submit" class="btn">Send Message</button>
  </div>					
 </div>
</div>
				

4. In the tab "Mail", enter this your email address.
5. Save Changes.

- To create Contacts Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "Contact".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel create 2 column with Layout parameters: "Content Width: Full Width", "Columns Gap: No Gap", "Height: Fit to section", "Column Position: Stretch", "Vertical Align: Middle". 6. In Elementor builder panel for 1 column add element - "Contact Form 7" and for 2 column add element "Google Maps".

Services Page

- To create Services Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "Services".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Artem Theme" elements: "Intro Heading", "Image (Cutout Right)", "Section Heading", "Services" and more.

About Page

- To create About Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "About".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Artem Theme" elements: "Started Section", "Section Heading", "Services List", "Team", "Awwards", "Partners" and more.

Blog Pages

- To create Blog Pages, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "Blog".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Artem Theme" elements: "Blog (Grid)", "Blog (Full Width)" and more. 6. Go to Dashboard > Posts > Add New.
7. Enter your Post Title, Description, choose category and the tab Featured Image upload & select preview image. In the tab "Publish" click to "Publish" button.

Update Our Themes

You can update our theme using via FTP or Cpanel.
Download the latest version of the theme on ThemeForest download page and you rename the folder contain the old theme and create a new folder and insert the latest theme in here.

Support

If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com