Help File

5. 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.

Go to Settings -> Reading and make sure the Your latest posts option is selected.
Go to Appearance -> Theme Options -> Homepage Settings to control the homepage display.

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.

Go to Appearance -> Menus to set up your header navigation menu.
Click the + button and create two menus.
On the left-hand side from the Theme Locations panel select your menu from the Header Navigation drop down menu.

Background

Go to Appearance -> Background to add your own background colour or upload your own background image.
If you only want to add a background colour with no background image you will still need to upload an image to overwrite the existing background image. Upload the transparent image that comes with the theme located at score-theme/score/lib/images/blank.gif.

Sidebars/Widgets

Go to Appearance -> Sidebars, click the Add Sidebar link and give your new sidebar a name.
Now go to any post or page and scroll down to the settings panel.
Now select one of your sidebars from the Sidebar drop down menu.
Go to Appearance -> Widgets and drag and drop widgets from the Available Widgets panel over the to your widget panels on the right.
This theme comes with the following custom widgets:
- GP Sidebar Posts: Enhanced display for your sidebar posts.
- GP Footer Posts: Enhanced display for your footer posts.
- GP Items You Follow: Items the user is following.
You can also add any of the shortcodes with the theme within a Text widget.

Shortcodes

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

Click the Visual tab at the top of the main text box on any post, page or review.
Click the GP button to open the shortcode window.
From the shortcode drop down menu select a shortcode, which will automatically be inserted into the main text box.
You can view the full range of options for all the shortcodes from the following page.

Blog Page Template

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.

Go to Pages -> Add New and create a page called "Blog" or whatever you want.
On the right-hand side in the Page Attributes panel select the Blog page template from the Template drop down menu.
You can control a few blog page display options from the Page Settings panel.
To change the full range of blog page displays options go to Appearance -> Theme Options -> Blog Page Settings.

Login/Register Page Templates

Go to Pages -> Add New and create a page called "Login" or whatever you want.
On the right-hand side in the Page Attributes panel select the Login page template from the Template drop down menu.
You only need to set up your register page template if you are not using BuddyPress, which automatically creates this page for you.
Go to Pages -> Add New and create a page called "Register" or whatever you want.
On the right-hand side in the Page Attributes panel select the Register page template from the Template drop down menu.
Now go to Appearance -> Theme Options -> General Settings and add the page URLs of the two pages you just created in the Login Page URL and Register Page URL text fields.

Reviews

Go to Posts -> Add New, scroll down to the Posts Settings panel and select Review from the Post Type drop down menu.
The Review Settings section will then come into view where you can then control the review post settings.
To give your post a rating go to the top right corner of the page and in the GD Star Rating panel click the Standard Post Review tab and set your score.
On the right-hand side you will see a Featured Image panel, click the Set featured image link to set an image for this post.
After uploading or selecting your featured image click the Use as featured image link in the image upload window.
To add additional images/audio/images in a lightbox click the the Add Media button and upload your files.
On the right-hand side you can add your post to categories from the Categories panel.
You can add tabs/links to the top of your review posts to display related articles, images, videos, external websites etc.
On your review post add your link title in Tab/Link Title text field.
Add your tag/page slug or page URL in the Tag/Page Slug or Page URL text field (the tag/page slug should contain no spaces).
Select the link type from the Tab Type drop down menu.

Article

Go to Posts -> Add New.
On the right-hand in the Post Tags panel give your article at least one post tag, which you should also give to any other articles that are associated with the same review.
You can then add the tag slug (e.g. call-of-duty-news) in the Tag/Page Slug or Page URL text field on your review post.
To display posts with only multiple tags add a + between each tag (e.g. call-of-duty-news+call-of-duty-previews).
On the right-hand side you will see a Featured Image panel, click the Set featured image link to set an image for this post.
After uploading or selecting your featured image click the Use as featured image link in the image upload window.
On the right-hand side you can add your post to categories from the Categories panel.

Video

Go to Posts -> Add New, scroll down to the Posts Settings panel and select Video from the Post Type drop down menu.
On the right-hand in the Post Tags panel give your video post at least one post tag, which you should also give to any other video posts that are associated with the same review.
You can then add the tag slug (e.g. call-of-duty-videos) in the Tag/Page Slug or Page URL text field on your review post.
To display posts with only multiple tags add a + between each tag (e.g. call-of-duty-videos+call-of-duty-images).
The Video Settings section will then come into view where you can add your video URL and control the video display.
On the right-hand side you will see a Featured Image panel, click the Set featured image link to set an image for this post.
After uploading or selecting your featured image click the Use as featured image link in the image upload window.
On the right-hand side you can add your post to categories from the Categories panel.

Image Gallery

Go to Posts -> Add New, scroll down to the Posts Settings panel and select Image Gallery from the Post Type drop down menu.
You can then add the page slug (e.g. call-of-duty-images) in the Tag/Page Slug or Page URL text field on your review post.
The Image Gallery Settings section will then come into view.
Click the Add Image(s) button and upload your images to the post. After saving the post your uploaded images will be displayed below the Add Image(s) button.
On the right-hand side you will see a Featured Image panel, click the Set featured image link to set an image for this post.
After uploading or selecting your featured image click the Use as featured image link in the image upload window.
On the right-hand side you can add your post to categories from the Categories panel.

Single Post/Page Tab

Create a new post or page and add your text.
You can then add the page slug (e.g. page-name) in the Tag/Page Slug or Page URL text field on your review post to display this post/page.

External Link

On your review post add your link title in the Tab/Link Title text field.
In the Tag/Page Slug or Page URL text field enter your URL.

Slider

Go to Slides -> Add New to add a slide to the slider.
Add your slide title in the title box.
On the right-hand side you will see a Featured Image panel, click the Set featured image link to set an image for this slide.
After uploading or selecting your featured image click the Use as featured image link in the image upload window.
Enter your page, image or video URL that you want the slide to link to in the Slide URL text field.
To give your slide a rating go to the top right corner of the page and in the GD Star Rating panel, click the Standard Post Review tab and set your score.
On the right-hand side add your slide to categories from the Slider Categories panel.
Now go to Appearance -> Theme Options -> Slider Settings and add your slider category IDs to the Slider Category IDs text field (go to Slides -> Slide Categories and get the IDs from the ID column).
You can also add posts from Posts -> Add New to the slider.

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.

Go to Pages -> Add New to create a new page.
Insert the contact form shortcode into the main text box e.g. [contact email="youremail@address.com"].
Replace youremail@address.com with your own email address.
If your contact form is not working click here.

Customizing Theme Design

You will probably want to customize 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:

Go to Appearance -> Theme Options -> CSS Settings and in the Custom CSS text box.
The CSS code you add to this text box will overwrite the default styling of the theme.
The benefit of adding your CSS code to the Custom CSS text box rather than editing the stylesheets is that when theme updates are released your style modifications will not be overwritten.
For example, to edit the link and link hover colours you would add the following to the Custom CSS text box:

a {
color: #ff0000;
}

a:hover: {
color: #000000;
}

To change the slider background colour you would add:

#slider-wrapper {
background: #ff0000;
}

Translation

Translating The Theme

Install the translation program Poedit.
Open the score-theme/score/languages/en_EN.po file with Poedit.
Translate the file with Poedit, click here for more information.
Locate wp-config.php, which is in the root directory of your WordPress installation and change the language, click here for more information.
If you want your website to support multiple language you can use the qTranslate plugin.

Updating Your Translation Files

If you have updated the theme and the changelog says the translation files have been updated, if you have modified the translation files or created new ones you will want to update them rather than using the new ones.
To do this insert your modified translation file (e.g. en_EN.po) into the score-theme/score/languages/ folder overwriting the new file.
Now open this file in PoEdit and click Update and it will display the text changes since the latest theme update.

Using The Lightbox

Gallery Shortcode

To enable the lightbox on the [gallery] shortcode add itemtag="div" link="file" to the shortcode, like so:

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

Manual Use

To use the image or video pop up effect on any content add rel="prettyPhoto" to your links as follows:

<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>

If you want to group items in the lightbox add [pp_gal] to the link e.g. rel="prettyPhoto[pp_gal]".
You can add the following files to the lightbox, using the following formats:
- YouTube: http://youtu.be/Sw-H3FoV2lc&image=http://www.example.com/image.jpg
- Vimeo: http://vimeo.com/8245346
- QuickTime: http://www.example.com/video.mov?width=780&height=418
- FLV/MP4/M4V/MP3: file=http://www.example.com/video.flv&image=http://www.example.com/image.jpg
- OGV/OGG/WEBM: http://www.example.com/video.ogv
- External Site: http://www.twitter.com?iframe=true&width=400&height=200

Disabling The Lightbox Script

To disable the lightbox script that comes with this theme open score-theme/score/lib/scripts/custom.js and find and remove:

function gp_lightbox() {

	jQuery("a[rel^='prettyPhoto']").prettyPhoto({
		theme: 'pp_default',
		deeplinking: false,
		social_tools: ''
	});

}

gp_lightbox();

Help File: Score

Changelog | Setup Help & Bug Fixes | Tweaks & Customizations

Table of Contents

1. Installation

2. GD Star Rating Plugin

3. BuddyPress/bbPress

Installing BuddyPress

Installing bbPress

4. Demo Content

5. Setting Up The Theme

Homepage

Navigation

Background

Sidebars/Widgets

Shortcodes

Blog Page Template

Login/Register Page Templates

Reviews

Article

Video

Image Gallery

Single Post/Page Tab

External Link

Related Items

Slider

Contact Page

Customizing Theme Design

Translation

Using The Lightbox

5. Updating The Theme

Checking for theme updates

Updating the theme

6. FAQs

7. Credits