Wezen

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find wezen.zip file which is the WordPress theme.

You can install the theme in two ways:

1. Upload theme using WordPress admin panel

• Navigate to Appearance -> Add New Themes -> Upload page.
• Select wezen.zip file.
• Press the Install Now button to upload and install the theme.
• After uploading the theme, you need to activate it. Navigate to Appearance -> Themes page to activate the theme.
• Also, navigate to Appearance -> Theme Options page and click Save changes button to activate theme options settings.

2. Upload theme via FTP

• Extract wezen.zip file
• Upload the extracted folder to /wp-content/themes/ folder on your server.
• After uploading the theme, you need to activate it. Navigate to Appearance -> Themes page to activate the theme.
• Also, navigate to Appearance -> Theme Options page and click Save changes button to activate theme options settings.

Once the theme is activated you will be asked to install the following plugins. Please install and activate all of them:

1. Unyson
2. Elementor
3. Wezen Portfolio
4. Wezen Share Buttons
5. Wezen Widgets
6. Envato Market

Click on the "Begin installing plugins" link.

Click on the "Install" link of all plugins.

Click on the "Return to Required Plugins Installer" link of all plugins.

Click on the "Activate" link of all plugins.

Click on the "Return to the Dashboard" link.

Activating Unyson Extensions

Once you install and activate all the plugins required go to Dashboard->Unyson and you will be asked to activate the following Unyson Extensions:

1. Page Builder
2. Portfolio
3. Mega Menu
4. Backup & Demo Content

Please activate all the above four.

This is built on Unyson framework, so implementing demo contents is a little different and way easier than usual WordPress demo content import.

The demo content file is already inside the theme file you downloaded. All you have to do is follow the below steps to make your website look like our demo.

1. Go to Dashboard->Tools->Demo Content Install
2. Install the Wezen Theme Demo. This will take a few minutes and once the import is complete you will be redirected to the home page

PS: Please note that all the images in our theme preview will be replaced by dummy images in your demo to avoid any possible copyright violations.

There are 3 methods to update WordPress themes to newer version. These new updates are essential if you want to have a bug free website as we give new features and improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with wordpress newer versions. There is no risk on losing your settings and pages. However if you had done modifications in parent theme files, then they will be lost.

Please note that before updating a theme, we recommend you to make backup of your modified files.

Before beginning the upgrade, please do not forget to backup the database. To do this, go to Admin Dashboard --> Tools --> Backup and click on the Create Full Backup Now button.

1. Via the admin panel

1. Please open Appearance -> Themes
2. Choose another theme (not Wezen or Wezen Child)
3. Delete Wezen theme
4. Install updated theme Wezen version X.X.X (Appearance -> Themes -> Install Themes -> Upload)

2. Using ftp

1. Use ftp-client to open folder with installed theme (../wp-content/themes/);
2. Delete folder Wezen
3. Copy unzipped and updated folder with Wezen theme

3. Using Envato Market Plugin.

More info - Envato Market Plugin.

Do not forget to update the Wezen Theme Plugins. You can find the list of updated Wezen Theme Plugins in Documentation folder (updates.txt).

If you have any problems or questions with the update, then write to us and we will be happy to help you as soon as possible. How to contact us is indicated in the Support section of this documentation.

You can find the list of updated Wezen Theme Plugins in Documentation folder (updates.txt).

Before beginning the upgrade, please do not forget to backup the database. To do this, go to Admin Dashboard --> Tools --> Backup and click on the Create Full Backup Now button.

There are 4 methods to update Wezen theme plugins.

1. Automatic update via the admin panel

After updating the theme, the following message will appear at the top part of the Admin panel:

2. Via the admin panel

1. Please open Plugins
2. Deactivate the updatable plugin
3. Uninstall the updatable plugin
4. Install new version of updated plugin (Plugins -> Add New -> Upload Plugin)

3. Using ftp

1. Use ftp-client to open folder with installed theme (../wp-content/themes/);
2. Delete folder Wezen
3. Copy unzipped and updated folder with Wezen theme

4. By replacing / adding files

You can find the list of updated plugin files in Documentation folder (updates.txt).

If you have any problems or questions with the update, then write to us and we will be happy to help you as soon as possible. How to contact us is indicated in the Support section of this documentation.

In order for your main page with subpages to be displayed first when the site is loaded, you need to do the following:

1. Go to Dashboard -> Appearance -> Customize -> Static Front Page.
2. Front page displays set A static page
3. Front page set vCard
4. Posts page set Posts

To create / configure the main menu, go here: Admin Panel -> Appearance -> Menus.

In the menu settings, in the setting "Display location" should be selected "Classic Menu".

Elementor page builder used in Wezen Theme. Using Elementor page builder is pretty easy and self-explanatory.

Create pages using the Visual Page Builder. Shortcodes.

There are 3 main types of design elements as follows:

Basic Elementor elements.

1. Inner Section
2. Heading
3. Image
4. Text Editor
5. Video
6. Button
7. Divider
8. Spacer
9. Google Maps
10. Icon

General Elementor elements.

1. Image Box
2. Icon Box
3. Star Rating
4. Image Carousel
5. Basic Gallery
6. Icon List
7. Counter
8. Progress Bar
9. Testimonial
10. Tabs
11. Accordion
12. Toggle
13. Social Icons
14. Alert
15. SoundCloud
16. Shortcode
17. HTML
18. Menu Anchor
19. Sidebar
20. Read More

Wezen Elements – These are elements we created specially for Wezen WordPress theme.

1. Block Title – Add a Block title.
2. Blog Posts – Add a Blog posts grid.
3. Certificate – Add a Certificate.
4. Clients – Add a slider with logos.
5. Contact Form Simple – Add a simple Contact form.
6. Fun Fact – Add a Fun fact block.
7. Home Page First – Add a front page block.
8. Home Page Second – Add a front page block.
9. Home Page Third – Add a front page block.
10. Info Block – Add the information block.
11. Info List – Add the information list: title + description.
12. Knowledges – Add a knowledges list.
13. Portfolio – Add a Grid with your projects.
14. Pricing – Add a Pricing card.
15. Quote – Add a Quote.
16. Service – Add a block with information about the service.
17. Skills – Add a block with skills.
18. Testimonials Slider – Add a slider with reviews.
19. Timeline – Add a Timeline. For example work experience and education.

Wezen Theme comes with a very powerful Theme Settings panel based on Unyson Framework. After the theme and Unyson plugin are installed you can access this panel by logging into the WordPress dashboard and clicking on Appearance -> Theme Settings.

General Settings

This tab contains the main theme settings:

Theme Design

This tab contains the theme design settings such as fonts, background color, main color, etc.

Typography

In this tab you can customize the typography.

Contact Form Settings

This tab contains the basic settings for shortcodes Contact Form and Contact Form 2. The remaining settings are contained in the shortcodes (in the Unyson Visual Page Builder).

Custom CSS and JS

In this tab, you can add custom styles, connect external files with custom styles, add custom JavaScript code, connect external files with JavaScript code.

SEO

In this tab, you can paste the Google Analytics code, or the code of another analytics system.

Portfolio Settings

This tab contains the main settings for the portfolio.

Shortcodes Contact Form and Contact Form 2 work with the help of our plugin Wezen Contact Form.

In order for the contact form to start functioning, you need to specify your email address: Admin Panel --> Appearance --> Theme Settings --> Contact Form tab --> Your Email Address field. Example: [email protected].

Some hosting providers forbid the sending of messages from their server without specifying the real address of the hosting administrator. In this case, you need to provide your email address: Admin Panel --> Appearance --> Theme Settings --> Contact Form tab --> Hosting Admin Email Address. Examples of such addresses are: [email protected], [email protected]. On the example of our demo: [email protected].

Important: when testing the contact form, letters can get into the spam folder, depending on the settings of your mailbox. So if you are having problems, do not forget to check this folder. If you have any questions, we will gladly help you - SUPPORT.

To add a new project, go to Portfolio -> Add New.

There are five types of projects available - Portfolio Type block (this is how it will be displayed when you click on a project in the projects grid - Wezen Portfolio Shortcode):

1. Standard - A detailed project page that opens with the help of Ajax.
2. Lightbox Featured Image - An enlarged image that opens when clicking on a project cover image in the projects grid.
3. Lightbox Video - A video that opens when clicking on a project cover image in the projects grid.
4. Lightbox Audio - SoundCloud audio that opens when clicking on a project cover image in the projects grid.
5. Direct URL - Link to a page or external resource.

Note: For each project must be selected at least one category.

More about the standard type of portfolio

In addition to the basic options for this type of portfolio, you can fill the block with the content of the page, for example here you can place such shortcodes as video, image or just additional textual information.

Project Cover Image

This is an image that will be displayed in the portfolio grid (in our demo this is the Portfolio page). This block is required.

About Shuffle js plugin: This JS plugin is responsible for displaying the projects (figure with an Project Cover Image) in the portfolio grid as it possible tightly to each other + it is responsible for sorting projects into categories (filters).

Project Gallery

This block is relevant only for the Standard Portfolio Type. The recommended images width is minimum 800 pixels. The height of the images in the gallery may differ, the height of the slider will be adjusted automatically to the height of the active image.

Link format for embedding videos in the Portfolio project:

YouTube: https://www.youtube.com/embed/id. Example: https://www.youtube.com/embed/w5tWYmIOWGk

Vimeo: https://player.vimeo.com/video/id. Example: https://player.vimeo.com/video/97102654

You can add Instagram Feed to any page of your site, for this you need to do the following:

1. Install and activate this plugin - Instagram Feed. Instructions for installation.

2. Go to the settings page of this plugin. Admin Panel --> Instagram Feed.

3. Click on the button "Log in and get my Access Token and User ID":

   

4. After that, copy the received User ID in the field Show Photos From: User ID(s):

   

5. Save changes

6. Go to the page editing page, to which you want to add the Instagram Feed

7. Add Shortcode Text to page layout. Paste the following code [instagram-feed] into it: Elementor Page Builder --> General Elements --> Shortcode

8. Save changes.

1. Poppins (Google fonts).

• Unyson Framework - http://unyson.io/
• Elementor - https://elementor.com/
• Bootstrap - Bootstrap JS.
• imagesloaded.pkgd.min.js - Detect when images have been loaded.
• jquery.shuffle.min.js - Categorize, sort, and filter a responsive grid of items.
• jquery.magnific-popup.min.js - Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device.
• masonry.pkgd.min.js - Cascading grid layout library
• modernizr.custom.js - Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser
• owl.carousel.min.js - Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
• validator.js - Contact form validator.

1. Q: How to Fix WordPress Posts Returning 404 Error.

   A: Go to Settings -> Permalinks, and simply click on Save Changes button. Read more - http://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-posts-returning-404-error/

2. Q: The detailed portfolio page does not load

   A: Go to Settings -> Permalinks, and simply click on Save Changes button. Read more - http://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-posts-returning-404-error/

3. Q: How can I translate WP theme and plugins?

   A: As example: With the help of this plugin - https://wordpress.org/plugins/loco-translate/. Documentation/Instruction - https://localise.biz/wordpress/plugin/beginners .

4. Q: Design changes do not apply.

   A: 1. Clear your browser's cache. 2. Clear your server's cache (hosting). On an example of hosting from GoDaddy: Go to WordPress Admin Panel -> Top Panel -> GoDaddy -> Flush Cache. If this does not help, then most likely the problem is in the incorrect server settings, in this case it's best to contact your hosting support, but also we can help, for this we need access to the administrator's panel of your site and FTP access to the hosting.

5. Q: What are the minimum requirements for the host?

   A: Recommended requirements for the host.

Once again, thank you so much for purchasing this theme. As We said at the beginning, We'd be glad to help you if you have any questions relating to this theme.

LMPixels Team