Nopixel Documentation

We would like to thank you for purchasing nopixel! We are very pleased you have chosen nopixel for your website, you will not be disappointed! Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need to use nopixel. nopixel can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.

If you are unable to find your answer here in our documentation, we encourage you to search our Knowledgebase, watch our Video Tutorials, and also perform a Forum Search for your answer. Chances are your question or issue have been brought up already and the answer is waiting to be found. If you are unable to find it anywhere, then please go go our forum section and post up a new topic with all the details we need. Please be sure to include your site URL as well. Thank you, we hope you enjoy using nopixel!

screenshot nopixel

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Instructional Video created by Woo Themes. Below are all the useful links for WordPress information.

Requirements For nopixel

To use nopixel, you must be running WordPress 3.1 or higher, PHP5 or higher, and mysql 5 or higher. We have tested it with Mac, Windows and Linux. Below are a list of items you should ensure your host can comply with.

  • Check to ensure that your web host has the minimum requirements to run WordPress.
  • Always make sure they are running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website
  • Always create secure passwords FTP and Database
Hosting is nopixel secure when PHP applications, like WordPress, are run using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using suPHP. Just ask your potential host if they run suPHP or something similar.

We recommend using WpEngine.com or A Small Orange for all your hosting needs.

What’s Included

When you purchase our theme from Themeforest, you need to download the nopixel files from your Themeforest account. Navigate to your downloads tab on Themeforest and find nopixel. Click the download button to see the two options. The Main Files contain everything, the Installable WordPress Theme is just the installable WordPress theme file. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

  • nopixel Theme Folder – contains the nopixel.zip and nopixel-Child-Theme.zip wordpress theme. The child theme is only for users who make code changes.

Free Support

All of our items come with free support, and we have a dedicated mail: shthemewp@gmail.com to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer.

Installation

You can install the theme in two ways: through WordPress, or via FTP. The nopixel.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. Please see the following sections for each method and watch our video tutorial on how to install nopixel. But first, you need to download the nopixel files from your Themeforest account. Navigate to your downloads tab on Themeforest and find nopixel. Click the download button to see the two options. The Main Files and the Installable WordPress Theme. See below.


Downloading The Main Files Gives You All The Content Listed Below

  • nopixel Theme Folder – contains the nopixel.zip and nopixel-child.zip wordpress theme. The child theme is only for users who make code changes.

Downloading The Installalable WordPress Theme Only Gives You The nopixel.zip File

  • nopixel.zip – this is the parent wordpress theme, install this via WordPress. If you install it via FTP then unzip it first and use the extracted folder.

WordPress Installation

Follow the steps below to install via WordPress.

Step 1 – Navigate to Appearance > Themes.

Step 2 – Click Install Themes and hit the upload button.

Step 3 – Navigate to find the “nopixel.zip” file on your computer and click “Install Now”

Step 4 – Wait while the theme is uploaded and installed.

Step 5 – Activate the newly installed theme. Go to Appearance > Themes and activate it.

Step 6 – Then you will get a notification to activate the required plugins: Visual Compusor and Contact Form 7. Follow the steps to instal and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away.

Common Install Error: Are You Sure You Want To Do This?

If you get the “Are You Sure You Want To Do This” message when installing nopixel.zip file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or call your hosting company and ask them to increase the limit.

FTP Installation

Follow the steps below to install via FTP.

Step 1 – Log into your hosting space via an FTP software

Step 2 – Unzip the nopixel.zip file and ONLY use the extracted nopixel theme folder

Step 3 – Upload the extracted More theme folder into wp-content > themes folder

Step 4 – Activate the newly installed theme. Go to Appearance > Themes and activate it.

Step 6 – Then you will get a notification to activate the required plugins: Visual Compusor and Contact Form 7. Follow the steps to instal and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away.

Demo Content

See this video to import data example and setup page



Step 1: Install Theme Dashboard / Appearance / Themes / Add New / Install file theme: nopixel.zip

Step 2: Install and Active Plugin Dashboard / Appearance / Install Plugins / Chosen All and Install and Active

Step 3: Import Content Dashboard / Appearance / Import Demo Data / Import nopixel - Need wait few minutes

Step 4: Import Theme Options Dashboard / Theme Options / Import - Export / Copy Text from file theme_options.txt and Paste to Area "Import from file"

Step 5: Import Mega Menu Settings Dashboard / Mega Main Menu / Specific Options / Backup Of The Configuration / Upload File mega-main-menu-backup.text / Save All Changes

Step 6: Chosen Menu Location: Appearance / Menus / Menu Locations

Done!!!

Adding The Logo & Favicons

To Insert Your Logo and Your Favicon, Follow The Steps Below.

Step 1: More requires that you upload your logo as an image file (Logo.png). And Setup Logo for version Light and Version Dark Do you want.

Step 2: More requires that you upload your Favicon as an image file (Favicon.ico)

Setting Up The Menu

More supports custom WordPress menus, with multiple levels of dropdown support for the main menu. There are 2 areas of the theme where you can assign a menu; the home menu, the other page menu. Each of these menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site. There are also several theme options to customize the menu. Please see below for the menu locations, how to create a new menu and the menu theme options.

More Offers 2 Different Menu Locations

  • Menu Home Page – this is the Home menu that shows in the Home Page.
  • Menu Use For All Page. – this is the menu that can be assigned to the single, blog, page...

Setting Up The Menu Home

This is the theme multipage template And you can drag the page as well as the post from the left toolbar

Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages except that you need to specify in the settings which page will be your main home page. More includes several pre-designed home page options. Any of the layout options you see on our demo can be imported through our demo content importer, or from copying the individual page content from our docs in the “How To Import Individual Pages” section. However, you are not stuck with our pre-designed layouts, you can build any type of home page you desire using our Page Builder elements. You can mix and match anyway you like.

To Set Your Home Page, Follow These Steps

Step 1 – Navigate to Settings > Reading.

Step 2 – Select “A Static Page” option.

Step 3 – Choose the page you want as your home page from the dropdown list.

Step 4 – This is also the same spot you select the Blog page as the post page.

Setting Up One Page

More has the ability for you to make a one page site with a parallax scrolling menu. Most sites are traditionally setup with individual pages, each page with its own content. A one page site allows you to put all the content on one page, and the menu items will link to each different section of the page. Think of it as a full site but all on one page. A parallax one page site requires you to have a custom menu, a page with menu_anchors in the content and the custom menu assigned to the page. Please read below for information on how to set this up.

First Create A Custom Menu For Your One Page

Step 1 – Navigate to Appearance > Menus section of your admin and click “Create A New Menu” link and assign it a name.

Step 2 – Each menu item you add needs a unique anchor name in the URL field. These names act as anchors, and will link to the corresponding anchor name in your page content. Use the “Links” box on the left hand side to add menu items. In the “URL” field type the anchor of your section, ex: #intro and then assign a name to the menu item. Click the “Add to Menu” button.

Step 3 – Repeat step 2 for each menu item, giving each a unique #name.

Step 4 – Once you have added your menu items, be sure to click the “Save” button.

To Create The Home Page, Follow The Steps Below.

Step 1 – Create a new page and give it any name you wish.

Step 2 – In the Page Attributes box on the right hand side, set the Template to Ligh , Dark, Moving, Video Youtube.

Step 3 – Insert your Template Page Builder into the content.

Setting Up Blog Page

To Create The Blog Page, Follow The Steps Below.

Step 1 – Create a new page and give it any name you wish.

Step 2 – In the Page Attributes box on the right hand side, set the Template to Blog

Creating Blog Posts

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. More offers several blog post types, image, image slideshows, video and more on the way. Each blog post you make will be able to be displayed using any of the 3 methods described above. And with the ability to assign custom categories to each post, you can easily display a set of posts based on category. See below for information on how to create blog posts.

Follow the Steps Below To Create A Blog Post

Step 1 – Navigate to Posts in your WordPress admin.

Step 2 – Click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our short code builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For a single image, click the first Featured Image Box, select an image and click “Set Featured Image”.

Step 8 – Once you are finished, click Publish to save the post.

Here Is A Screenshot That Shows The Various Areas Of The Blog Post Page Described Above.

Blog Theme Options

More includes a highly advanced theme options panel organized into sections that allows users to customize many different aspects of the theme. There is a Blog section of theme options that allows you to customize different aspects of the blog; excerpts, Title, and so much more. See the information below.

Creating Portfolio Posts

After you have made your portfolio page, you need to create portfolio posts so they will show up on the portfolio pages. More offers several options for portfolio posts, and with the ability to assign custom categories to each post, you can easily display a set of posts based on category. Each portfolio post offers several ways to add tags, categories. Categories are the filters you see above the post that allow the viewer to sort the posts. Tags are used to add additional meta info to the post. See below for information on how to create portfolio posts.

Follow the Steps Below To Create A Portfolio Post

Step 1 – Navigate to Portfolio in your WordPress admin.

Step 2 – Click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our short code builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name. These Categories are the filters that will sit above your portfolio images and allow you to filter the different types of projects.

Step 4 – Add Link Facebook, Linkedin, Instagram

Step 5 – Add Link out Project.

Step 6 – For a single image, click the first Featured Image Box, select an image and click “Set Featured Image”.

Step 7 – For a slideshow, insert more than one Gallery, each image will be a slide in the slideshow.

Step 8 – For a video post, paste the Link video from either Youtube or Vimeo into the Video Link field.

Step 9 – Select any Post Format Options box.

Step 10 – Once you are finished, click Publish to save the post.

Here Is A Screenshot That Shows The Various Areas Of The Portfolio Post Page Described Above.

Styling Options

  • Right-to-Left Language Support : Language Support
  • Select Body Font Family : More allows users to chooose from any of the 600+ Google Fonts
  • Theme Color :Unlimited Color Theme
  • Footer Background Color
  • Footer Text Color
  • Style Css : More Css

Setting Up The Widget

Step 1 Navigate to Appearance > Widgets.

Here Is A Screenshot That Shows The Various Areas Of The Widget Section Described Above.

Make your site run faster

Get a good hosting You may not think that this is important, but if you want your site to display really fast you need to get a good hosting. This is the first step in having a fast site, which also translates into more views, which also translates into a better SEO, which finally translates into more sales. (affiliate links below) There are three hosting companies which i recommend:

  • Media Temple: http://mediatemple.net - if you want a premium WordPress hosting which is easy to manage and works pretty well, this is a good choice to host your website on.
  • A Small Orange: http://asmallorange.com - this is another good hosting company, which i’m currently using to host my theme demos on. If you bought this theme you probably liked the speed as well, so i highly recommend ASO to host your themes on (especially the Cloud VPS option).
  • WPEngine: http://wpengine.com - definitely not as cheap as the two examples above, but if you really want an incredibly fast website and absolutely no headaches in managing it, WPEngine is the way to go. With it you don’t have to worry about security, caching, updates, etc. Everything is handled by a great theme of professionals ready to help you with everything. You just need to care about your content.

Optimize images

Always optimize/compress your jpeg images before uploading them to the server. Large images should be compressed at around 90% image quality and you should also try to limit the use of lossless image files (uncompressed pngs).


Use a caching plugin

I can’t recommend enough the necessitiy go good caching. If you use a managed hosting such as WPEngine you don’t need this. But if you are using ASO or MT or any other hosting you need to cache your content. For this purpose, i recommend W3 Total Cache! It’s a great and easy to use plugin, and with only a bit of work you can double your site’s speed. See this ticket for more info on how to configure this plugin: http://rubenbristian.ticksy.com/ticket/119133