Unique

Responsive WordPress Theme

Documentation for Unique - Responsive WordPress Theme

Thank you for purchasing our theme. If you have any issue or question that this document does not cover, you can contact us via Support Form, we do provide support through comments. Thanks so much!
Answers to frequently asked questions - FAQ.

Theme Installation

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 Unique.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 Unique.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 Unique.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. Unique Contact Form
  3. Unique Portfolio
  4. Unique Share Buttons
  5. Unique Shortcodes
  6. Unique Tracking, External CSS and JS
  7. Envato Market

Click on the "Begin installing plugins" link.

Click on the "Install" link of all plugins.

Click on the "Activate" link of all plugins.

Click on the "Return to Required Plugins Installer" link.

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.

Theme Update

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 Unique or Unique Child)
  3. Delete Unique theme
  4. Install updated theme Unique 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 unique
  3. Copy unzipped and updated folder with unique theme

3. Using Envato Market Plugin.

More info - Envato Market Plugin.

Do not forget to update the Unique Theme Plugins. You can find the list of updated Unique 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.

Unique Theme Plugins Update

You can find the list of updated Unique 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 3 methods to update Unique 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 unique
  3. Copy unzipped and updated folder with unique 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.

Demo Content

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 Unique Theme Demo. This will take a few minutes and once the import is complete you will be redirected to the home page
  3. Refresh permalinks. Go to Settings->Permalinks, and simply click on Save Changes button.

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.

Main Page with Subpages

If you don't want to install demo content with any reason, and you want to have the same pages like on the live demo, please do the following.

Unique Parent Page

Go to Dashboard -> Pages -> Add New, and choose "Unique vCard" Template for parent page.

Unique Subpages

  1. Go to Dashboard -> Pages -> Add New, and choose "Default" Template for subpage (section of the parent page, example: About Me, Resume...).

  2. Add the content of the page using the Visual Page Builder. More information about the Visual Page Builder can be found here.

Add subpages to the main page.

  1. Go to Dashboard -> Appearance -> Widgets.

  2. In the "Unique Template Pages" widget area, add the "+ Unique Theme - Custom Page" widget.

  3. Widget options:

    • Title - The title that will be displayed on the page and in the main menu (menu item).
    • Subtitle - The subtitle that will be displayed on the page.
    • Select A Page - Your Subpage.
    • Background - The background of the page can be filled with color or transparent.
    • Menu Icon - The icon that will be displayed in the main menu. You can use 7 stroke icons font by Pixeden - the complete set of 202 icons(Example: "pe-7s-user") or Font Awesome Icons - the complete set of 675 icons(example: "fa fa-user-o").

    • Widget options scheme:

Widgets for "Unique Template Pages" Widget Area

+ Unique Theme — Start Page

Start Subpage Widget options:
  • Title - The title that will be displayed in the main menu (menu item).
  • Select A Page - Your Subpage.
  • Main Title - The title that will be displayed on the page.
  • Subtitle 1 ... 5 - The subtitles that will be displayed on the page in the text rotator.
  • Menu Icon - The icon that will be displayed in the main menu. You can use 7 stroke icons font by Pixeden - the complete set of 202 icons(Example: "pe-7s-user") or Font Awesome Icons - the complete set of 675 icons(example: "fa fa-user-o").

+ Unique Theme - Custom Page

Custom Subpage Widget options:
  • Title - The title that will be displayed on the page and in the main menu (menu item).
  • Subtitle - The subtitle that will be displayed on the page.
  • Select A Page - Your Subpage.
  • Background - The background of the page can be filled with color or transparent.
  • Menu Icon - The icon that will be displayed in the main menu. You can use 7 stroke icons font by Pixeden - the complete set of 202 icons(Example: "pe-7s-user") or Font Awesome Icons - the complete set of 675 icons(example: "fa fa-user-o").

+ Unique Theme - Blog Page

Blog Subpage Widget options:
  • Title - The title that will be displayed on the page and in the main menu (menu item).
  • Subtitle - The subtitle that will be displayed on the page.
  • Select A Page - Your Subpage.
  • Content Editor: Enable content editor - Display content from Content Editor (by default, content will be displayed after blog posts). Show content editor on the top - In this case, the content will be displayed before the blog posts.
  • Layout - Three options - 1 column, 2 columns and 3 columns.
  • Menu Icon - The icon that will be displayed in the main menu. You can use 7 stroke icons font by Pixeden - the complete set of 202 icons(Example: "pe-7s-user") or Font Awesome Icons - the complete set of 675 icons(example: "fa fa-user-o").

WordPress Front Page

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 Main
  4. Posts page set Blog

Main Menu

For the main page, the menu is created automatically, the menu items are taken from the widgets of the Unique Template Pages widget area. In addition to the automatically created menu, you can add links, in the menu "Unique Template Additional Menu".

For all other pages you can use the menu "Classic Menu".

Unyson Visual Page Builder. Shortcodes.

Unyson frameworks supports the shortcodes and page builder used in Unique Theme. Using Unyson page builder is pretty easy and self-explanatory.

Setting up a visual page builder:

  1. Go to Dashboard -> Unyson.

  2. Click the Settings link of the Page Builder extension.

  3. Activate Page Builder for:

    • Blog Posts
    • Pages
    • Projects

Create pages using the Visual Page Builder. Shortcodes.

There are 4 main types of design elements as follows:

Layout elements – They help you create columns.

  1. 1/1, ½, 1/3, ¼, 1/6, 2/3 and ¾ elements – Create columns with widths as indicated by their names. For example a ½ element creates a column 50% the width of the page.
  2. Section – It creates a full width area where you can add contents and images. You can add a background color or image for this area. It has lots of options which are given in detail there.

Content Elements – It consists of a number of design elements.

  1. Calendar – Will help create a calendar of busy days.
  2. Divider – Horizontal divider.
  3. Icon – Icon.
  4. Icon Box – Icon + Titile + Text.
  5. Special Heading – Add a Special Hedding.
  6. Text Block – Text.
  7. Widget Area – Add a widget area.

Unique Elements – These are shortcodes we created specially for Unique WordPress theme.

  1. Accordion – Add a Accordion.
  2. Block Title – Add a Block title.
  3. Blog Posts – Add a Blog Posts Grid.
  4. Button – Add Button.
  5. Client – Add a Client block.
  6. Contact Form – Add a Contact form./li>
  7. Contact Form 2 – Add a fully customizable Contact Form.
  8. Fun Fact – Add a Fun fact block.
  9. Infol List – Add the information list: title + description.
  10. Infol List 2 – Add the information list: icon + description.
  11. Map – Add Google map.
  12. Page Title – Add a Title for the page.
  13. Portfolio – Add a Grid with your projects.
  14. Quote – Add a Quote.
  15. Service – Add a block with information about the service.
  16. Skills – Add a block with skills.
  17. Social Links – Add Social icons.
  18. Table – Add a Table. Two options: a regular table and a table with prices.
  19. Tabs – Add tabs.
  20. Testimonials Slider – Add a slider with reviews.
  21. Timeline – Add a Timeline. For example work experience and education.

Unique Media Elements.

  1. Image – Add responsive images.
  2. Video – Add YouTube or Vimeo responsive video.

Theme Settings

Unique 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.

Light and Dark versions

To select a theme style, do the following:

  1. Go to Admin Dashboard -> Appearance -> Theme Settings -> Theme Styling tab
  2. Theme Style: Light or Dark
  3. Header Style: Light/Dark or Custom. Custom style is designed (CSS styles) for a variant with a bright background.

Portfolio Detailed Page Settings

Contact Form

Shortcodes Contact Form and Contact Form 2 work with the help of our plugin Unique 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].

In the version 1.0.6 we added advanced settings for the contact form:

Also in version 1.0.6 we added a new shortcode - Contact Form 2, with which you can create a flexible contact form, add/remove fields, rename them, add icons, etc.

Important! Only one contact form can be placed on one page, this is a shortcode Contact form or shortcode Contact form 2.

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.

Portfolio

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 - Unique 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.

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.

YouTube and Vimeo Video Embedding

Link format for embedding videos in the Media Video shortcode and in the Portfolio project page:

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

Instagram Feed

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:

  8. Save changes.

Multilingual Plugins

1. Polylang

Important: For each language, translations of pages should be added. Also, do not forget to add widget translations.

To be able to display the language flags in the main menu of the theme, you need to do the following:

  1. Go to Admin Dasboard --> Appearance --> Theme Settings --> Custom CSS and JS tab

  2. In the External JS field, add the following code:

    <script>
jQuery(document).ready(function() {
    var img= jQuery("li.lang-item a img");
    img.attr("src", "data:"+img.attr("src"));
});
</script>
  3. Save changes.

More info - https://polylang.pro/doc-category/getting-started/

Fonts

We've used various types of fonts in this theme.

  1. Oxygen (Google fonts).
  2. PT Sans (Google fonts).

Credits

FAQ

  1. Q: I edit the menu, but the changes do not apply

    A: For the Main page with subpages (Resume, Services, Portfolio, etc.), the menu is created automatically using widgets. More about the Main Page and widgets you can read here and here. More about the Main Menu you can read here.

  2. 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/

  3. 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/

  4. Q: How can I change the default words?

    A: As example: Install and activate this plugin - https://wordpress.org/plugins/replace-default-words/, then go to the Admin Dashboard -> Tools -> RDW and in the "Enter the default word" for example enter Send message, and in the field "Enter the new word" your new words.

  5. 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 .

  6. 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.

  7. Q: How can I use the Brizy Page Builder?

    A: At the moment, our theme is not support the Brizy Page Builder, instead of it in our theme is used Unyson Visual Page Builder.

  8. Q: Google Maps do not work.

    A: June 11th, 2018 Google has changed the Google Maps API rules. You just need to create your key and replace our one, which we used in the demo data: Admin Panel -> Pages -> Contact -> Map Shortcode -> Google Maps API key.

    A link to the Google console is available in the same place, in the shortcode settings.

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

    A: Recommended requirements for the host.

Support

If you have any questions or need help don’t hesitate to contact us via support page. We do not provide support through comments. All frequently asked questions will be added to the FAQ section of this documentation.

Our team will help you within one working day, usually we respond within one hour, some delays are possible on weekends (given the difference in time zones).

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