1.Download
To download the theme, login to your themeforest account:
-
Navigate to Downloads
-
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
Fig. 1
2.Installation
2.1 Installation
Theme can be installed in 2 ways:
-
2 . FTP Upload as seen on Fig. 3
- Unzip the file that you just downloaded from themeforest
- Login to your server with your favorite FTP client
- Navigate to your website and then go to wp-content/themes folder
- Copy the extracted files to themes folder
- Login to your Wordpress website
- Go to Appearance > Themes
- Locate the Mixano theme and click Activate as seen on Fig. 4
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
2.2 Required plugins
After successful theme installation:
- A notice will inform you that some plugins are required to be installed
- Click on Begin Installing Plugins
- Check all plugins and click on Bulk Action - > Install -> Apply as seen on Fig. 6
- Check all plugins and click on Bulk Action - > Activate -> Apply as seen on Fig. 7
- Congratulations! Your theme is ready for use now.
Fig. 6
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:
3.1 General
General options are located in admin menu Mixano Options > General. Options available:
- Enable fancy mouse cursor - It will enable the fancy mouse cursor
- Sticky menu - It will enable the sticky menu.
3.2 Colors
Colors options are located in admin menu Mixano Options > Colors. Options available:
- Website main colors - Choose from pre-defined color skins, or customize your own
- Pre-defined Skins - Choose desired skin
- 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:
- Body font - Select your body font
- Heading font - Select your heading font
3.4 Blog
Blog options are located in admin menu Mixano Options > Blog. Options available:
- Blog layout - Select your blog layout type.
- Single layout - Select your single layout type.
- Article background - Add a background to article single
- 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:
- Display intro section - It will display the intro section bellow header
- Vertical text - Choose vertical text
- Big text - This is the big background text
- Small headline - This is the first small headline
- Headline - This is the main headline
- Headline font size - Allows you to change main headline font size
- Small headline 2 - This is the second small headline
- Headline 2 - This is the second headline
- Button text - This is the button displayed in the second headline
- Small headline 3 - This is the third small headline
- Headline 3 - This is the third headline
- Background - Allows you to add a background to intro section
- 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:
- Display popular section - It will display the popular section bellow header
- Vertical text - Choose vertical text
- Small headline - This is the first small headline
- Headline - This is the main headline
- Headline 2 - This is the second headline
- Small headline 2 - This is the second small headline
- Popular carousel per row posts - Select How many posts to be shown in the popular carousel per row. Default 5
- Total carousel posts - Select total numbers of posts to be shown in the carousel. Default 10
- 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:
- Facebook url - Do not forget http://
- Twitter url - Do not forget http://
- Youtube url - Do not forget http://
- Linkedin url - Do not forget http://
- Pinterest url - Do not forget http://
- Dribbble url - Do not forget http://
- Instagram url - Do not forget http://
- Behance url - Do not forget http://
3.8 Subscribe
Subscribe options are located in admin menu Mixano Options > Subscribe. Options available:
- Display subscribe section - It will display the subscribe section before footer
- Vertical text - Choose vertical text
- Big text - This is the big background text
- Small headline - This is the first small headline
- Headline - This is the main headline
- Headline font size - Allows you to change main headline font size
- Small headline 2 - This is the second small headline
- Headline 2 - This is the second headline
- Small headline 3 - This is the third small headline
- Headline 3 - This is the third headline
- Mailchimp Subscribe URL - Add your mailchimp subscribe URL. I.e https://fribba.us20.list-manage.com/subscribe?u=3849988321ceef84a2ca11639&id=bf2b0fb8e7
- Button text - Add your text to subscribe button
- Placeholder text - Add a text on the subscribe input. I.e. Add your e-mail address and join the world of freebies.
- 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:
- Enable copyright - Enables copyright section under footer
- Copyright text - Add your copyright text. HTML characters allowed
- Background - Add a background to footer
3.10 Advertisement
Advertisement options are located in admin menu Mixano Options > Advertisement. Options available:
1 . Header
- Enable - Enable header ad zone. Recommended size 728x90
- Ad type - Select your advertisement type. Banner or code.
- Banner image - Choose banner image
- Banner URL - Where should the banner link to. Example : http://example.com
- 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
- Enable - Enable ad zone inside grid posts.
- Ad position - Select the order of ad inside post grid. Default 5
- Ad type - Select your advertisement type. Banner or code.
- Banner image - Choose banner image
- Banner URL - Where should the banner link to. Example : http://example.com
- 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>
- Text after ad . I.e Advertisement - Add a text after the banner. This field is optional
3 . Single above posts
- Enable - Enable header ad zone. Recommended size 728x90
- Ad type - Select your advertisement type. Banner or code.
- Banner image - Choose banner image
- Banner URL - Where should the banner link to. Example : http://example.com
- 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
- Enable - Enable header ad zone. Recommended size 728x90
- Ad type - Select your advertisement type. Banner or code.
- Banner image - Choose banner image
- Banner URL - Where should the banner link to. Example : http://example.com
- 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:
- Lazy Load - If on, images and ads will be displayed using lazy load. This increase your website loading speed.
- Disable lazy load for ads - Enable / disable lazy load for ads
- Move Jquery to footer - If on the main jQuery will be moved to footer. This will increase website score and loading time.
- Inline Critical CSS - If on the main CSS file will be inlined into the head. This will speed up loading time.
- Disable emoji - If on emoji.js will be removed and your website speed will increase even more
- 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
- 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/
- 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
- Post layout - Select your single layout type. This will override the theme option setting, for this post only.
2 . Thumbnail
- Advertisement - Allows you to enable/disable advertisement for this post only.
3 . Download
- Freebie download URL - Add your freebie download URL I.e https://example.com/myfile.zip
- Open link in new tab? - Check this if you want this link to be opened in a new tab.
- Download text on the button - I.e Download freebie
- Number of downloads - You can increase this number as you wish. Numbers only.
4 . Premium download
- 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
- Buy text on the button - I.e Buy product
5 . Extra
- Number of post views - You can increase this number. Numbers only.
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.:
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.:
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.:
To create a contact page follow thise simple steps:
- First make sure that Contact form 7 plugin is installed and active
- Go to Contact > Add New, enter a name, and click Save.
- Go to Contact > Contact Forms and copy the contact form shortcode that you jut created
- Go to Pages > Add New and paste the shortcode in the WordPress editor.
- Save Changes and Publish the page
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.
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.
- Download, install and activate the Loco Translate Plugin.
- Go to admin menu Loco Translate > Themes and click on Mixano
- Click on New language
- From the menu Choose a language: picked your desired language
- After you picked your language click Start Translating
- Translate your desired strings and click Save
- That's it. Now when you switch your language from Settings > Site Language, the new language file will be applied.