XGo Back

Hello.

Thank you for choosing Mixano Wordpress Theme . Bellow you will find all the necessary help and documentation on how to use the theme.
Legend:

Internal URL
External URL
Figure

1.Download

To download the theme, login to your themeforest account:

  1. Navigate to Downloads
  2. Select Mixano Minimal Wordpress Theme, and download Installable WordPress file only. as seen on Fig. 1

Note:It is imortant to download Installable WordPress file only.
Otherwise when you will try to install the theme you might get this error Theme is missing the style.css stylesheet

Download theme
Fig. 1

2.Installation

2.1 Installation

Theme can be installed in 2 ways:

  1. 1 . WordPress Theme Manager as seen on Fig. 2
    1. Go to Appearance > Themes > Add new > Upload
    2. Select the zipped file that you just downloaded from themeforest
    3. Press Install Now and you are all set.

    4. Note: When you install via WordPress Theme Manager please make sure your PHP server upload_max_filesize and post_max_size are bigger than or at least equal to 2 MB. If you are unsure about how to do this, please contact your hosting provider or choose the second installation method: Install via FTP.

    5. Note: If upload_max_filesize and post_max_size are NOT bigger than or at least equal to 2 MB you might get this error: Warning: POST Content-Length of "some" bytes exceeds the limit of "your" bytes in Unknown on line 0 The link you followed has expired.Please try again.

Install via Wordpress theme manager
Fig. 2
  1. 2 . FTP Upload as seen on Fig. 3
  2. Unzip the file that you just downloaded from themeforest
    1. Login to your server with your favorite FTP client
    2. Navigate to your website and then go to wp-content/themes folder
    3. Copy the extracted files to themes folder
    4. Login to your Wordpress website
    5. Go to Appearance > Themes
    6. Locate the Mixano theme and click Activate as seen on Fig. 4

    7. Note: When you extract the archive make sure that all folders and files are placed in a folder called Mixano, and copy that folder to wp-content/themes

Install via FTP
Fig. 3
 Activate theme
Fig. 4

2.2 Required plugins

After successful theme installation:

  1. A notice will inform you that some plugins are required to be installed
  2. Click on Begin Installing Plugins
  3. Check all plugins and click on Bulk Action - > Install -> Apply as seen on Fig. 6
  4. Check all plugins and click on Bulk Action - > Activate -> Apply as seen on Fig. 7
  5. Congratulations! Your theme is ready for use now.
Install plugins
Fig. 6
 Activating plugins
Fig. 7

Note: Please make sure that when you click Bulk action first you Install the plugins, and then click Activate plugins.

2.3 Theme update

When a new theme update is released you will be informed at the top of your wordpress admin screen, and we strongly recommend that you update immediately, as this may add new features to theme and fix bugs/errors.

Important Note: When you update the theme, we strongly recommend you make a backup of your database and files first.

3.Theme options

From here you can change almost every aspect of your theme such as logo, typography, colors, social icons, layout(s) etc. All theme options are located in admin menu Mixano Options as seen on Fig. 8. All options are explained bellow:

Theme options
Fig. 8

3.1 General

General options are located in admin menu Mixano Options > General. Options available:

  1. Enable fancy mouse cursor - It will enable the fancy mouse cursor
  2. Sticky menu - It will enable the sticky menu.

3.2 Colors

Colors options are located in admin menu Mixano Options > Colors. Options available:

  1. Website main colors - Choose from pre-defined color skins, or customize your own
  2. Pre-defined Skins - Choose desired skin
  3. Custom colors - Allow you to change and add your own custom colors

3.3 Typography

Typography options are located in admin menu Mixano Options > Typography. Options available:

  1. Body font - Select your body font
  2. Heading font - Select your heading font

3.4 Blog

Blog options are located in admin menu Mixano Options > Blog. Options available:

  1. Blog layout - Select your blog layout type.
  2. Single layout - Select your single layout type.
  3. Article background - Add a background to article single
  4. Floating social share - Enables floating social share on single article.

3.5 Intro

Intro options are located in admin menu Mixano Options > Intro. This is the top section that is being displayed on homepage, right after the header. Options available:

  1. Display intro section - It will display the intro section bellow header
  2. Vertical text - Choose vertical text
  3. Big text - This is the big background text
  4. Small headline - This is the first small headline
  5. Headline - This is the main headline
  6. Headline font size - Allows you to change main headline font size
  7. Small headline 2 - This is the second small headline
  8. Headline 2 - This is the second headline
  9. Button text - This is the button displayed in the second headline
  10. Small headline 3 - This is the third small headline
  11. Headline 3 - This is the third headline
  12. Background - Allows you to add a background to intro section
  13. Background Overlay - Allows you to add a background overlay to intro section

3.6 Popular

Popular options are located in admin menu Mixano Options > Popular. This is the popular carousel section that is being displayed right above footer. Options available:

  1. Display popular section - It will display the popular section bellow header
  2. Vertical text - Choose vertical text
  3. Small headline - This is the first small headline
  4. Headline - This is the main headline
  5. Headline 2 - This is the second headline
  6. Small headline 2 - This is the second small headline
  7. Popular carousel per row posts - Select How many posts to be shown in the popular carousel per row. Default 5
  8. Total carousel posts - Select total numbers of posts to be shown in the carousel. Default 10
  9. Show only carousel - It will hide the Popular section text, and display only the carousel

3.7 Social

Social options are located in admin menu Mixano Options > Social. Options available:

  1. Facebook url - Do not forget http://
  2. Twitter url - Do not forget http://
  3. Youtube url - Do not forget http://
  4. Linkedin url - Do not forget http://
  5. Pinterest url - Do not forget http://
  6. Dribbble url - Do not forget http://
  7. Instagram url - Do not forget http://
  8. Behance url - Do not forget http://

3.8 Subscribe

Subscribe options are located in admin menu Mixano Options > Subscribe. Options available:

  1. Display subscribe section - It will display the subscribe section before footer
  2. Vertical text - Choose vertical text
  3. Big text - This is the big background text
  4. Small headline - This is the first small headline
  5. Headline - This is the main headline
  6. Headline font size - Allows you to change main headline font size
  7. Small headline 2 - This is the second small headline
  8. Headline 2 - This is the second headline
  9. Small headline 3 - This is the third small headline
  10. Headline 3 - This is the third headline
  11. Mailchimp Subscribe URL - Add your mailchimp subscribe URL. I.e https://fribba.us20.list-manage.com/subscribe?u=3849988321ceef84a2ca11639&id=bf2b0fb8e7
  12. Button text - Add your text to subscribe button
  13. Placeholder text - Add a text on the subscribe input. I.e. Add your e-mail address and join the world of freebies.
  14. Background - Allows you to add a background to Subscribe section

3.9 Footer

Footer options are located in admin menu Mixano Options > Footer. Options available:

  1. Enable copyright - Enables copyright section under footer
  2. Copyright text - Add your copyright text. HTML characters allowed
  3. Background - Add a background to footer

3.10 Advertisement

Advertisement options are located in admin menu Mixano Options > Advertisement. Options available:

1 . Header
  1. Enable - Enable header ad zone. Recommended size 728x90
  2. Ad type - Select your advertisement type. Banner or code.
  3. Banner image - Choose banner image
  4. Banner URL - Where should the banner link to. Example : http://example.com
  5. Ad code - Enter ad code here.Important note: If lazy load is enabled, do NOT include the following piece of code in the google ad:<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> and <script>(adsbygoogle = window.adsbygoogle || []).push({}); </script>as we include them automatically. Only include the ad from <ins></ins>
2 . Grid posts
  1. Enable - Enable ad zone inside grid posts.
  2. Ad position - Select the order of ad inside post grid. Default 5
  3. Ad type - Select your advertisement type. Banner or code.
  4. Banner image - Choose banner image
  5. Banner URL - Where should the banner link to. Example : http://example.com
  6. Ad code - Enter ad code here.Important note: If lazy load is enabled, do NOT include the following piece of code in the google ad:<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> and <script>(adsbygoogle = window.adsbygoogle || []).push({}); </script>as we include them automatically. Only include the ad from <ins></ins>
  7. Text after ad . I.e Advertisement - Add a text after the banner. This field is optional
3 . Single above posts
  1. Enable - Enable header ad zone. Recommended size 728x90
  2. Ad type - Select your advertisement type. Banner or code.
  3. Banner image - Choose banner image
  4. Banner URL - Where should the banner link to. Example : http://example.com
  5. Ad code - Enter ad code here.Important note: If lazy load is enabled, do NOT include the following piece of code in the google ad:<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> and <script>(adsbygoogle = window.adsbygoogle || []).push({}); </script>as we include them automatically. Only include the ad from <ins></ins>
4 . Single bellow posts
  1. Enable - Enable header ad zone. Recommended size 728x90
  2. Ad type - Select your advertisement type. Banner or code.
  3. Banner image - Choose banner image
  4. Banner URL - Where should the banner link to. Example : http://example.com
  5. Ad code - Enter ad code here.Important note: If lazy load is enabled, do NOT include the following piece of code in the google ad:<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> and <script>(adsbygoogle = window.adsbygoogle || []).push({}); </script>as we include them automatically. Only include the ad from <ins></ins>
5 . Widget

For advertisement inside widgets locate the widget "Mixano Ad" at Appearance > Widgets

3.11 Optimize

Optimize options are located in admin menu Mixano Options > Optimize. Options available:

  1. Lazy Load - If on, images and ads will be displayed using lazy load. This increase your website loading speed.
  2. Disable lazy load for ads - Enable / disable lazy load for ads
  3. Move Jquery to footer - If on the main jQuery will be moved to footer. This will increase website score and loading time.
  4. Inline Critical CSS - If on the main CSS file will be inlined into the head. This will speed up loading time.
  5. Disable emoji - If on emoji.js will be removed and your website speed will increase even more
  6. Leverage broswer caching - Browser caching can help increasing page load times by storing assets files ( images , css etc ) locally in the user's browser. Use with caution or read more here https://gtmetrix.com/leverage-browser-caching.html. Refresh the page after enabling/disabling this option
  7. Enable GZIP - Reduce the size of files sent from your server to increase the speed to which they are transferred to the browser. You must have gzip enabled on your server. Check it here https://www.giftofspeed.com/gzip-test/
  8. Gutenberg styles - If "Move to footer" is selected styles will be moved to footer. If "Remove" it's selected, styles will be removed. Both of this options increase your page load and speed. Proceed with caution, if you are using Gutenberg Editor to edit posts, we recommend moving it to footer or leave it as enabled, instead of removing it.

3.12 Contact

Contact options are located in admin menu Mixano Options > Contact.This allows you to select contact pages, so the scripts and styles will only be loaded on that specific page, increasing your page speed.

3.13 Backup

Backup options are located in admin menu Mixano Options > Backup.This allows you to import/export your theme options, and use them on another websites.

4.Blog

Tip: To change your blog layout, go to Mixano Options > Blog

4.1 Add new blog post

To add a new post go to Posts > Add New.
This theme supports 4 post types: standard, gallery, video and audio.
Aside from the default post options, this theme comes bundled up with some extra options.
To access them, scroll at the bottom of any post, and find the Post options as seen on Fig. 9. Options available:

1 . Layout
  1. Post layout - Select your single layout type. This will override the theme option setting, for this post only.
2 . Thumbnail
  1. Advertisement - Allows you to enable/disable advertisement for this post only.
3 . Download
  1. Freebie download URL - Add your freebie download URL I.e https://example.com/myfile.zip
  2. Open link in new tab? - Check this if you want this link to be opened in a new tab.
  3. Download text on the button - I.e Download freebie
  4. Number of downloads - You can increase this number as you wish. Numbers only.
4 . Premium download
  1. Premium download - You need to install Easy Digital Downloads plugin to sell premium freebies. Once you create digital downloads and set a price, they will all be listed here
  2. Buy text on the button - I.e Buy product
5 . Extra
  1. Number of post views - You can increase this number. Numbers only.
Post options
Fig. 9

4.2 Gallery post

To add gallery images to your post, select the gallery post type, scroll bellow Post options and locate the GALLERY IMAGES option as seen on Fig. 10.:

Gallery post
Fig. 10

4.3 Video post

To add a video post, select the video post type, scroll bellow Post options and locate the VIDEO TYPE option as seen on Fig. 11.:

Video post
Fig. 11

4.4 Audio post

To add an audio post, select the video post type, scroll bellow Post options and locate the AUDIO TYPE option as seen on Fig. 12.:

Audio post
Fig. 12

6.Contact page

To create a contact page follow thise simple steps:

  1. First make sure that Contact form 7 plugin is installed and active
  2. Go to Contact > Add New, enter a name, and click Save.
  3. Go to Contact > Contact Forms and copy the contact form shortcode that you jut created
  4. Go to Pages > Add New and paste the shortcode in the WordPress editor.
  5. Save Changes and Publish the page

7.Footer

Footer it's the last section of your website and it's displayed on every page after the page content.
To add widgets to your footer go to Appearance > Widgets and you should see 3 widget locations. Footer Sidebar 1, 2 and 3.
Drag widgets to your desired area.

8.Sidebar & Widgets

A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.

This theme comes bundled up with 5 sidebars locations: Footer sidebar 1, 2, 3, 4 , and blog sidebar. All sidebars are located in Appearance > Widgets

Also there are 5 theme widgets available: Mixano Ad, Mixano Categories, Mixano Popular Downloads, Mixano Popular Posts ( Most Viewed )and Mixano Recent Posts

9.Translation

Translate website into your language

You can translate the theme in your language very easy.

  1. Download, install and activate the Loco Translate Plugin.
  2. Go to admin menu Loco Translate > Themes and click on Mixano
  3. Click on New language
  4. From the menu Choose a language: picked your desired language
  5. After you picked your language click Start Translating
  6. Translate your desired strings and click Save
  7. That's it. Now when you switch your language from Settings > Site Language, the new language file will be applied.