Help File

Help File: SuperMassive

GhostPool.com | Created 18-Oct-10 | Last Updated 29-Apr-13

Changelog | Setup Help & Bug Fixes | Tweaks & Customizations

Table of Contents

  1. Installation
  2. BuddyPress/bbPress
  3. Demo Content
  4. Setting Up The Theme
  5. Updating The Theme
  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. BuddyPress/bbPress

Installing BuddyPress

Installing bbPress

Although this theme was designed to work with BuddyPress and bbPress out of the box, I did not create either of these plugins and have no advanced knowledge about them. Unfortunately due to the huge amount of support questions I have to answer each day regarding my own themes I cannot really spend time answering questions about external plugins unless there is a conflict with the theme in some way (in which case I will offer a bug fix). You should direct any general BuddyPress or bbPress related questions to BuddyPress Support or bbPress Support.

3. Demo Content

Before importing the demo content make sure you have installed and activated the theme, BuddyPress and bbPress plugin.

Two demo files come with the theme. The demo.xml file imports example posts, pages, comments, custom fields, categories, tags and the widget_data.json 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

Checking for theme updates

From time to time free theme updates will be released which will include bug fixes and feature updates. Go to the Envato Toolkit page from your admin panel to check if there are any theme updates available. You can also follow me on Twitter @ghostpool to be notified of the latest theme updates.

If you have made NO changes to the theme files

If you using a version earlier than 4.5 you cannot use Envato Toolkit to update the theme. Instead you will need to download the theme from your ThemeForest Downloads page. Now remove or rename the current version of SuperMassive from your server and then upload supermassive.zip via WordPress or supermassive folder via an FTP client.
If you HAVE made changes to the theme files

6. FAQs

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

7. Credits