Help File

Help File: SuperMassive

GhostPool.com | Created 18-Oct-10 | Last Updated 27-Nov-14

Changelog | Setup Help & Bug Fixes | Tweaks & Customizations

Table of Contents

  1. Installation
  2. Required & Recommended Plugins
  3. Demo Content
  4. Setting Up The Theme
  5. Updating The Theme/Plugin
  6. FAQs
  7. Credits

1. Installation

Before installing the theme make sure you have installed WordPress 3.5 or higher. You can download WordPress for free from WordPress.org. Now follow the steps in the image below:

If you have trouble uploading the theme via WordPress please read the following:
  1. Make sure you are uploading supermassive.zip and NOT another zip file such as supermassive-theme.zip.
  2. Make sure the file size of supermassive.zip does not exceed your upload limit - if it does please click here.
  3. If the above does not work you will need to upload the theme using a FTP client such as FileZilla. To set up your FTP client to connect to your website see: http://codex.wordpress.org/Using_FileZilla. Upload the supermassive folder to your WordPress themes directory wp-content/themes/ (this is in inside the supermassive-theme folder if you downloaded the main files download).

2. Required & Recommended Plugins

Installing Plugins

The theme comes with a few plugins that are either recommended or required. Required plugins should be automatically installed and activated. You will also see a notice at the top of any page telling you about any recommended plugins that can be installed.

Plugins

Once you install a required plugin it cannot be deactivated and uninstalled until you switch the theme.

Plugin Issues

If the required plugins are not installed go to Appearance -> Install Plugins and click the Install link for each plugin.

Plugins

If you do not see the Install Plugins link you can find the plugins inside the theme folder you downloaded at supermassive-theme/supermassive/lib/plugins/. You can then upload each plugin zip file manually as follows:

  1. Log in to the WordPress Admin Panel.
  2. Go to Plugins -> Add New.
  3. Click the Upload link in the top sub-menu and upload each zip file.

3. Demo Content

Two demo files come with the theme. The demo.xml file imports example posts, pages, comments, custom fields, categories, tags and the widgets.wie file imports widgets. The demo content can help you in learning how the theme works. To add this content follow the steps below:

4. Setting Up The Theme

Homepage


An example of this page should already have been created for you upon installing the theme. If it has not or you wish to create your own pages please read below.
[slider width="980" height="400" cats="17" margins="-70,0,0,0" shadow="shadow-xl" align="aligncenter"]

[text text_align="text-center" size="40" line_height="60"]The Next Generation of WordPress Themes[/text]

[text text_align="text-center" color="#666" width="880px" right="auto" left="auto"]This is just an ordinary WordPress page that has been customized using SuperMassive's huge array of shortcodes. Transform any page into a completely unique design in a matter of minutes all for $45. Click <a href="http://themeforest.net/item/supermassive-a-next-generation-wordpress-theme/132454?ref=GhostPool">here</a> to buy this theme today.[/text]

[curved]

[four type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Lorem ipsum dolor[/text]
[text color="#777"]Sit amet, consectetur adipiscing elit. Nam a augue augue. n vel feugiat felis.[/text]
[image url="wp-content/uploads/earth-and-the-communication.jpg" width="190" height="140" shadow="shadow-s" left="8" bottom="10" align="aligncenter"]
[/four]

[four_middle type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Libero quis elitr[/text]
[text color="#777"]Ut hendrerit, nibh quis auctor pulvinar, felis. Phasellus euismod sodales lectus.[/text]
[image url="wp-content/uploads/business-hand-pushing-social-network-communication.jpg" width="190" height="140" shadow="shadow-s" left="8" bottom="10" align="aligncenter"]
[/four_middle]

[four_middle type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Rutrum non[/text]
[text color="#777"]Praesent rutrum libero quis elit egestas pulvinar.[/text]
[image url="wp-content/uploads/blackboard-with-network-communication-terms-on-it.jpg" width="190" height="140" shadow="shadow-s"  left="8" bottom="10" align="aligncenter"]
[/four_middle]

[four_last type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Sollicitudin eget[/text]
[text color="#777"]Suspendisse laoreet blandit turpis, ut congue nislt hendrerit, nibh quis auctor.[/text]
[image url="wp-content/uploads/dirty-keyboard.jpg" width="190" height="140" shadow="shadow-s" left="8" bottom="10" align="aligncenter"]
[/four_last]

[clear][clear]

[two][image shadow="shadow-m" align="aligncenter" url="wp-content/uploads/business-technology.jpg" width="450" height="318"][/two]

[two_last]
[text size="20" width="100%" text_align="text-right" color="#808080" line_height="20"]A stylish panel[/text]
[text size="40" width="100%" text_align="text-right" line_height="40" margins="0,0,10,0"]Without Borders.[/text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a augue augue. Nam ac lacus a libero lacinia imperdiet at non elit. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Praesent nisl risus, vestibulum sed pellentesque blandit, porttitor adipiscing ipsum. Vivamus tincidunt nisi at quam condimentum eget tempor lectus vehicula. Phasellus dictum, nulla sit amet semper facilisis.

Progressively aggregate extensible e-tailers and high standards in quality vectors. Distinctively fashion bricks-and-clicks intellectual capital for state of the art initiatives. Distinctively syndicate real-time technologies through open-source e-markets. Completely morph technically.
[/two_last]

[clear]

[two type="separate" height="304"]

[text width="180px" align="alignleft"]

<strong>Leget tempor lectus vehicula</strong>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a augue augue. Nam ac lacus a libero lacinia imperdiet at non elit. Vestibulum vel metus. Efficiently disseminate backend resources via real-time architectures. Seamlessly.

[button]Read On...[/button]

[/text]

[image url="http://demo.ghostpool.com/supermassive/wp-content/uploads/large-flat-screen-with-nature-images-1.jpg" link="wp-content/uploads/large-flat-screen-with-nature-images-1.jpg" lightbox="image" height="175" margins="35,0,0,20" reflection="reflection-s" align="alignright"]

[/two]

[two_last]

[accordion]

[panel title="Accordion Panel 1"]Morbi euismod suscipit enim, <a href="#">vitae hendrerit elit</a> cursus et. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum. Vestibulum vel metus pellentesque nibh pulvinar. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Praesent nisl risus, vestibulum sed pellentesque blandit, porttitor adipiscing ipsum. Vivamus tincidunt nisi at.[/panel]

[panel title="Accordion Panel 2"]Vestibulum vel metus pellentesque nibh pulvinar consectetur. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et.[/panel]

[panel title="Accordion Panel 3"]Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et.[/panel]

[/accordion]

[/two_last]

Navigation


An example navigation should already have been created for you upon installing the theme. If it has not or you wish to create your own navigation please read below.

Background

Shortcodes

This theme comes with several shortcodes. Shortcodes are pieces of code that can be inserted directly into your posts, pages and widgets to add certain content easily such as videos and dividers.

Sliders

Creating Slides Inserting Slider Shortcode
[slider width="980" height="400" cats="" slides="-1" timeout="6" orderby="menu_order" order="asc" arrows="true" nav="1" shadow="none" margins="" align="alignnone" preload="false"]

Blog Pages

This theme comes with a [blog] shortcode that can be used to display posts in a blog or gallery/portfolio format.

Creating Posts Inserting Posts Shortcode
[blog]

Gallery/Portfolio Pages

This theme comes with a [blog] shortcode that can be used to display posts in a blog or gallery/portfolio format.

Creating Posts Inserting Posts Shortcode
[blog image_width="250" image_height="150" cols="3" per_page="3" excerpt_length="10" pagination="false" meta_author="false" meta_date="false" meta_cats="false" link="image" title_size="18" divider="false"]

Contact Page


An example of this page should already have been created for you upon installing the theme. If it has not or you wish to create your own pages please read below.

Login/Registration Pages


Login Page Registration Page

You do not need to create a registration page when using BuddyPress.

Sidebars/Widgets

Customising Theme Design

You will probably want to customise the design of the theme. This may involve editing the HTML in the php files (theme structure) and the CSS in the style sheets (theme design). If you are not familiar with HTML and/or CSS you will want to hire a developer to modify the theme for you. You can contact one of these developers from here. If they are unavailable you will have to look elsewhere such as FreelanceSwitch.

Developer Tools

An excellent way of styling your theme is to use the developer tools that come with most modern browsers. The developers tools allow you to see what HTML elements need to be styled and allows you to edit the styling of the theme within the browser window. These changes are not permanent and nobody else sees them, it's just a great way of adjusting the look of your site quickly. Here are some links to the developer tools for each of the major browsers:

Editing the Style

Once you know what HTML elements you need to style and how, you can either edit the stylesheets directly (style.css etc.) or override the default styling by adding your CSS code to the Custom CSS box as explained below:

a {
color: #ff0000;
}

a:hover {
color: #000000;
}
.post-meta {
color: #ff0000;
}

Translation


Translating The Theme Updating Your Translation Files

Using The Lightbox


Gallery Shortcode
[gallery itemtag="div" link="file" columns="3"]

Manual Use
<a href="http://example.com/imagename.jpg" rel="prettyPhoto"><img src="http://example.com/imagename.jpg" alt="" /></a>
	
<a href="file=http://www.example.com/video.flv&image=http://www.example.com/image.jpg" rel="prettyPhoto[pp_gal]">Text Link</a>
Disabling The Lightbox Script
jQuery("a[rel^='prettyPhoto']").prettyPhoto({
	theme: 'light_square',
	deeplinking: false,
	social_tools: ''
});

5. Updating The Theme

From time to time free theme updates will be released which will include bug fixes and feature updates.

Activating Update Notifications

In order to receive update notifications you need to do the following:

  1. Go to ThemeForest Downloads page and find this theme.
  2. Check the Get notified by email if this item is updated option as shown in the image below.

Update Notifications

Updating The Theme

Once you have enabled update notifications there are two ways to update your theme as follows:

If you have made NO changes to the theme files

If you have made no changes to the theme files you can update the theme as follows:

  1. Download the theme from your ThemeForest Downloads page and unzip the file you just downloaded. You will now see a folder called supermassive-theme.
  2. Go to Appearance -> Themes and activate another theme.
  3. Now click the Delete link for the SuperMassive theme.
  4. Select Install Themes.
  5. Now click the Upload link in the top sub-menu and upload the new version of supermassive.zip (NOT supermassive-theme.zip).
If you HAVE made changes to the theme files

It is recommended that you create a child theme to make changes to the theme so you can upgrade automatically without your changes being overwritten.

However if you have made changes to the parent theme's template files you will want to update the theme manually so you do not overwrite these changes as follows:

  1. Download the theme from your ThemeForest Downloads page and unzip the file you just downloaded. You will now see a folder called supermassive-theme.
  2. Now read the changelog so you can see what files that have been updated, added and/or removed.
  3. You can use DeltaWalker or DiffMerge and compare the code changes between your modified files and the new theme files.
  4. Before uploading the new theme you should make a backup of the current version you have installed. This can be done by downloading the theme folder from your server to your computer.
  5. Now upload the new supermassive folder that is inside your supermassive-theme folder to your WordPress themes directory wp-content/themes/.

Updating the plugin

The theme comes with a plugin called SuperMassive Plugin that includes a number of features that you can still use if you switch to another theme such as your slide posts, custom sidebars and widget import/export ability.

Whenever a new version of the plugin is available you will be emailed that the SuperMassive theme has been updated if you activated updated notifications from your ThemeForest Downloads page.

To update the plugin do the following:

6. FAQs

You can view all the FAQs for this theme by clicking here.

7. Credits