Documentation

This documentation addresses the installation and maintenance of Induction WordPress Theme by PixelBin, offered exclusively at ThemeForest.

Induction is a very simple, lightweight, and straightforward WordPress theme. It focuses on the basics so that you can integrate additional functionality through well-developed dedicated plugins of your choice, not ours! It features a responsive layout that looks phenomenal on all sorts of devices, including Retina (or HiDPI) devices such as the iPhone, iPad, and Retina MacBook Pro.

Purchase · $35   Contact Support


Table of Contents

  1. Legal Notice
  2. Installing the Theme
  3. Extending Your Installation
  4. Widgetizing Your Sidebar
  5. Working with Post Formats
  6. Miscellaneous

Induction is a premium WordPress theme designed & developed by PixelBin for sale exclusively at ThemeForest. If you have acquired access to the theme through means other than ThemeForest or its affiliates, you are in knowing and willing possession of illegally-obtained copyrighted material. This theme documentation is publicly available exclusively for our customers’ convenience only.


Installing the Theme

Installation is a cinch. First and foremost, to install this theme, you need to have a working version of WordPress. If you are no familiar with installing WordPress, it is best to visit the official WordPress documentation on installation. You then have two ways to install Induction on your installation:

  • FTP Upload: Using your FTP application of choice, upload the induction folder into the /wp-content/themes/ folder in your new WordPress installation.
  • WordPress Upload: For this method to work, you must upload the correct .zip file. A common mistake is to upload the .zip you downloaded from ThemeForest. Instead, you must unzip that file and look for another .zip file named induction.zip and upload that. Once you find it, navigate to Appearance » Add New Themes » Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be installed.

Once the theme is successfully uploaded, go to Apperance » Themes and activate the theme. Congratulations, the hardest part is now done!


Extending Your Installation

We at PixelBin strongly believe that your theme shouldn’t own your content, and we do everything possible to stick to our word. For this reason, we only provide a solid foundation for your work of art without locking in things like shortcodes, popular plugin functionality, and other industry-standard theme features.

While we built in features that don’t need to be carried over from theme to theme, such as the social sharing options, or ones that do not have well-coded or easily-integratable plugins such as page views, we left out some that can be filled with popular plugins!

ZillaLikes

To add the “like” functionality you can see on all blog posts, all you need to do is install the free ZillaLikes plugin by ThemeZilla and make some very small adjustments.

Install the free ZillaLikes plugin by ThemeZilla.

Install the free ZillaLikes plugin by ThemeZilla.

First of all, once installed, go to the ZillaLikes admin page and select “I want to use my own styles” in order for the theme to use matching icons as the rest of the UI. You can then enter appropriate text for the labels, as you see fit, but that’s it. They will automatically appear wherever appropriate without having to check which types of posts to display the likes on.

Also, if you utilize a cacheing plugin and do not see your “like” counts updating, check the “AJAX Like Counts on page load” box to load the like counts after the page has loaded and prevent the caching plugin from making it static.

Now you can take all the love you previously got with you to your shiny new theme and beyond! We think that is pretty great and don’t see why anyone would do it any different.

ZillaShortcodes

Why reinvent the wheel? The fine gents at ThemeZilla know how to make a mean plugin and ZillaShortcodes is certainly one of them! Instead of building in shortcodes which will become the interwebz equivalent of paper weights after you switch themes (traitors!), we like to delegate that fine work to ZillaShortcodes which features a fine array of gorgeous shortcodes which match the style of Induction. If you’re not using them already, you will be, and when you start, you will want to hang on to them for themes to come!

Install the free ZillaShortcodes plugin by ThemeZilla.

Install the free ZillaShortcodes plugin by ThemeZilla.


Widgetizing Your Sidebar

In addition to the stock WordPress widgets which come with any installation, Induction offers 2 additional widgets for your convenience, which will be detailed below. Both of these widgets include a caching mechanism which prevent the widget from going over the API limit of each service (unless the API changes) and that all data pulled from these services is stored on your server, reducing page load time.

Dribbble Widget

The Dribbble widget pulls the latest shots from a specific account on Dribbble. It only requires the Dribbble account’s username and the number of shots to pull.

Dribbble

Dribbble.com Home

Flickr Widget

The Flickr widget pulls the latest photos from a specified Flickr account ID, whether it be a pool or an individual account. It requires two things: the ID of the account you are interested in (e.g. 75704569@N07) and your own API key which you can by following these few steps:

  1. Sign in to Flickr.com and go to “Account”
  2. Go to “Sharing and Extending” in the tabbed navigation
  3. Go down the page and find “API Keys” and generate a new one (choose non-commercial if your site is personal)
  4. Copy and paste the API key into the widget option asking for it
idGettr

Find your account’s unique ID with idGettr.

And that’s it! You should be ready to go and your photos should display correctly. If you are having trouble finding the ID of the account you are interested in pulling photos from, try using idgettr.


Working with Post Formats

Choose from any of the 10 post formats offered in WordPress.

Choose from any of the 10 post formats offered in WordPress.

Induction allows you to very quickly and easily “sort” your content by using post formats. All 10 of the post formats available through WordPress are expressed in Induction and are extremely easy to use!

To use these post formats, go to Add New Post and select the post format you are interested in adding from the right-hand side menu. Upon selection, a meta box area will appear below the main post content input area for the appropriate post format.

These meta boxes are future proof in the sense that if the WordPress team opts to integrate their post format UI using the already established variable nomenclature, all your posts will be ready to go without any modification, even if you switch to another properly-coded WordPress theme! Yes, we think that’s pretty cool too.

An example of a post format meta box.

An example of a post format meta box.


Miscellaneous

This section discusses anything else that you need to know without bugging—I mean, asking—us. Induction features a pretty simple theme options panel (if we could do away with one entirely, we would but not today) which has some key options such as logo and Retina logo upload. If you only upload a Retina logo, Induction will attempt to serve an appropriate size to @1x devices, and vice-versa.

Additionally, there are several options for hiding or disabling optional site features such as the logo tagline, keyboard site-wide navigation (left and right arrow keys to move between posts, if you didn’t try it yet!), the built-in page views & breadcrumb trails, and so on. You also have your typical “custom CSS” and “custom scripts” options, if you are feeling really frisky.

Finally, you can change the “accent color” (mainly the links and blockquotes color) right from the options panel, along with the choice between relative and absolute timestamps.

If you need some extra space in your posts for images, try using <div class="expand-both"> to wedge an image both to the left and right, giving you an extra 60px of space and adding to the “coolness” factor (we know what you like!). Additionally, you can just <div class="expand-left"> or <div class="expand-right"> to wedge left and right, respectively. For a simple theme-style button, try doing <a class="cta-button" href="yourlinkhere">Free Emoticons!</a>.


Thanks!

Awesome icons by Matt Gentile. Thanks for purchasing and take care!

— Alex Pascal, PixelBin