Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
The theme is compatible with Wordpress 3.x, to use it you must have Wordpress 3.x
Important: Make sure you unzip the downloaded file from ThemeForest first (DON'T upload it to your server yet). The content of this file contains the actual theme and plugins.
After unzipping the downloaded theme file you should see 3 items: Plugins Folder, where all plugins used in theme are stored, Documentation Folder, where the current document is stored and the Theme Folder, where wordpress(mazine.zip) theme is stored.
To install the wordpress theme first upload the mazine.zip file to your server, then copy the zip file to path_to_your_wordpress/wp-content/themes, unzip it there. Next you have to go to your wordpress admin (your_wordpress_url/wp-admin), log in as an Administrator, go to "Appearance" -> "Themes", if everything went right you should be able to see your newly installed MAZINE theme among other wordrpess themes. Next you can go and click "activate" under MAZINE theme's thumbnail.
It is advised to install all supplied plugins for the theme to be complete, as it is on our live demo.
You can find plugins in the "Plugins" folder upload them to your server, copy plugins to path_to_your_wordpress/wp-content/plugins, unzip all of them (or one you selected). Now go to your wordrepss admin(your_wordpress_url/wp-admin), log in as an Administrator, go to "Plugins". At this point you should see something like this:
If you have installed and activated NextGen gallery plugin and everything went ok, then you should be able to see a new wordpress admin menu Item called "Gallery". The NextGen gallery gives you total control over images that you can use on your wordpress sites it also empowers "mazine" theme's extensions like sliders, and gallery.
Now, when you have installed and activated NextGen Gallery plugin lets see what can you do with "Mazine" theme and NextGen gallery combined:
Important: The "wp-content" folder of your wordpress should be writable in order to let NextGen gallery plugin add and manage galleries that you create!
First, lets create a gallery page! To do that go to "Gallery"->"Add Gallery / Images". When page opens you will be asked to name the gallery you are about to create. Fill in "New Gallery" field with a desired name and hit "Add Gallery" button. Next screen you see is where you can upload images for your gallery. You can upload multiple at once. Pick images that you would like to see on your site. Click "browse" button and select all of the images you picked, once it's done you will see them in an "upload list" that shows what images you are about to upload. It should look similar to this:
Underneath the list there is a drop down with galleries that you have, as you have made only one so far, there will be only one item in the list with the gallery name that you entered in the previous step. Pick it and hit "upload images". You will see uploading progress bar.
When the uploading process is done go to "Manage Gallery" submenu item. The resulting page will show you the contents of the gallery that you have created and all images that belong to that gallery. Take a look and the images list. It allows you to edit Image titles, add description and tags. Lets go through all of these images we added and give them names and small descriptions as well as categorize our images with tags, you can (and should) add multiple tags to one image, separated with commas. Tags will work as filters once the gallery page is ready!.
The result should look similar to this:
Now lets resize thumbnails of our images. To do that select all of the gallery's images and select "Create new thumbnails" from "bulk actions" drop down that one can locate above the images list. After selecting click "apply", the result of that action will be a window prompting you to set thumbnail's size. Set width to 214 and height to 165. Click OK. Thats it, you have new thumbnails for your gallery. Make sure "Set fix dimension" check box is checked!
The next thing to do is to actually show our gallery on the site.
Go to "Pages" of your wordpress admin menu. Hit "add new" button to create a new page. Name it whatever you want, gallery for instance. Switch to HTML editing mode. And add the following "shortcode"
[gallery id=x], where "x" is the gallery id. Now, the Mazine theme has some pre defined page templates, those page template allow you to build different pages with different types of layout. For the gallery (portfolio) page it is suggested to use "Blank Page - 1 Col" template, select it from the drop down in the "page attribute" section. Now hit "Publish" button. Go to "Appearance" -> "Menus" and add Gallery page (the page that you have created) to the "Main Menu".
Once the plugin is activated you will be able to find "Recent Posts Dated" widget under "Appearence"->"Widgets" menu. It is better to have this widget located in Footer's sidebar, just drag and drop it there. The widget is just like the wordpess's original one but adds date to each post title.
Once the plugin is activated there will appear a new admin menu item "Newsletter" under "Setings". The plugin allows you to send newsletters to your visitors who sing up for newsletter. Detailed information on how to work with plugin can be found here: http://wordpress.org/extend/plugins/wysija-newsletters/
To show the "Ajaxy newsletter sign up" form go to "Appearance" -> "Widgets", find "Newsletter" widget and drag and drop it to "Footer" sidebar. Once you drop it, you will be prompt to give this widget a title fill in the title with some kind of "call to action" text and click save
Once the plugin is activated you will be able to find "Share and Follow" menu item under "Settings", The plugin lets you configure and show your social profiles icons on the site. More detailed information on the plugin can be found here: Share and Follow Plugin. To show your social profiles in the Footer sidebar go to "Appearance" -> "Widgets" find "Share widget" and drag and drop it to the Footer sidebar. Upon dropping the widget you will be prompt to enter widget's title and tweak some settings. Best practice for Mazine theme is to have size of 32x32 px, style set to icon only, and direction set to row. Once that is done select your social icons and hit save.
After activating the plugin you should be able to see a new menu item "Contact"
The plugin allows you to create contact forms, easily add/remove fields of forms and place forms on any page using shortcodes. Detailed information on the plugin can be found here
We will use the plugin while building contacts page
When you activate the E-Commerce plugin, the "Products" menu item appears in your wordpress site's admin panel.
This plugins turns your wordpress site into an e-commerce platform. It is known to be the best e-commerce plugin for wordpress. Detailed documentation on how to use the plugin can be found here. It is important to go through quick start guides to begin using the plugin.
It is recommended to set following "presentation" options to following values:
Mazine theme comes with 3 Sliders:
Mazine theme comes with 5 additional color schemes:
In order to use "Google analytics" you have to setup your analytics snipet. To do that go to "Appearance" -> "Mazine settings" and enter your analytics ID under Google analytics tab. Hit save.
In order to set up two separate menus in header you have to go to “Appearance” – > “Menus” and add two menus, Main Menu and Secondary Header Menu. After Menus are created add items to each menu, The Secondary Header Menu is the one between logo and shopping cart, so it should contain 3 – 4 items. The Main Menu is the sites main menu that is located under the logo, add items there also. Save both menus. After that turn to “Theme Location” box and assign Main Menu to Header Menu location and Secondary Header Menu to Secondary Header Menu Location.
Mazine theme provides you with very flexible way to build custom pages. First of all there are 7 page templates that you can use depending on the layout you wish to have.
Page templates are:
[wrapper width="x"]your_content_here[/wrapper]where x is the number of columns, can be from 1 to 12, as MAZINE theme is based on 12 columns 960 grid system.
[container width="x" chrome="fance/box"]your_content_here[/container]where x is the number of columns and chrome is the type of container that you can use. The "box" container looks like this
Once you have set up and activated all plugins you are ready to build the home page.
First open "Appearance" -> "Widgets" and move "Sliders" widget to "Sliders" sidebar, once you drop the widget to the sidebar set Slider to, lets say, Flashmo slider and gallery id to the id of the gallery you have created with NextGen gallery. Hit "Save".
Next what you can do is to show gallery of the e-commerce plugin in a slider. To do that go to "Appearence" -> "Widgets" and Drag and Drop "Categories Slider" to "Categories" sidebar. Hit "Save". When you reload your home page you should be able to see the slider.Use small categories icons of the same size!
Now, go to Pages and add a new page, you can entitle it - Home Page, add content that you wish to display on home page, save the page. Now go to Settings -> Reading and set the Home page to Static page, form the drop down list chose "Home Page", also select one of the empty pages to display blog posts.
The rest of configuration is optional and is up to you how sidebars and widgets are used
Following instruction will guide you through the process of making your home page look like on Mazine theme live demo. You can use Nextgen Mazine widget to show images from any of your NextGen galleries. Just drop it to "Home Sidebar" and configure it like you want.
While setting up wp-e-commerce plugin you have done almost all work for creating "Store page".
All that's left to do is to add e-commerce specific widgets and optionally add a banner at the top of the store page.
To add e-commerce specific widgets go to "Appearance" -> "Widgets" and drop e-commerce specific widgets to "Store page sidebar".
E-Commerce specific widgets are:
Building Gallery page has be fully covered in Using Nextge gallery plugin section.
To build contacts page you have to be familiar with Contact Form 7 section. Your Name (required) Your Email (required) Subject Your Message [submit "Send"]
First, open "Contact" menu section. Once the page is opened you should be able to see default contact form settings, something like this:
Your Name (required)
Your Email (required)
[submit_chrome "Send"], the last action will make submit button on our contact form look like any other button on the site. Save the form. Now, if you look above form editor you will find the the shortcode that you need to place into your "Contacts" page. Copy the short code. Now create a page and name it "Contacts" (you can give any name you want). Assign "Contacts Page" template to it. Switch editing mode to "HTML" and paste the shortcode that you have copied. Save the page. To complete the page lets add "Address with Google maps" widget to Contacts sidebar, but before that you have to go to "Appearance" -> "Mazine settings" and set your address, phone, fax and email under "Contacts Page" tab.
There are 6 Photoshop sources included with the theme:
All of images that were used either our own or distributed and creative commons licence.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.