The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse…and select the WordPress theme zip file you just downloaded. Then click theInstall Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.
In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer, and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance Themes. The theme should be available in your themes list. Click activate.
After activation, you will be redirected to the CSSIgniter Settings panel(accessible from Appearance CSSIgniter Settings) to start customizing your brand new theme.
- Homepage slider: 940x380px
- Review listing thumbs: 460x350px
- Blog featured images: 640x340px
- Blog fullwidth featured images: 940x360px
These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.
- CSSIgniter Shortcodes you can use our custom made shortcode plugin to help you create a variety of layouts and elements on your site. Instructions can be found here.
- Socials Ignited use this plugin to create a widget that links to all your social profiles. You can also customize it with your icons and add new social networks, a guide can be found here.
- Contact Form 7 use this plugin to create a contact form, then copy the shortcode it gives you and paste it in the contact page you created earlier.
The easiest way to get started and find your way around using this theme, is by installing it into a fresh WordPress installation, then navigation to Tools Import, install the WordPress Importer and then to Appearance > CSSIgniter Settings and scroll all the way to the bottom to find the link where you can download the sample content. It will be in a zip file which you will need to extract before uploading.
You can also download the Sample Content for IndiGamer by clicking here
It is strongly advised that you do this on a clean WordPress installation, without any previous and/or precious data. Under no circumstances we can be help responsible for total or partial data loss, so please be careful. YOU HAVE BEEN WARNED!
Setting up the homepage
In IndiGamer we have included 3 different versions for the homepage. You can preview them at https://www.cssigniter.com/preview/indigamer.
In order to create the custom homepage all you have to do is go to Pages Add new page and create a new page. Then from the Page Attributes box on the right, select one of the three available homepage templates from the template dropdown menu. Then go to Settings Reading and select the page you just created as a “Front page”. In the same manner create your “news” section. Just create a simple page without any template assigned and then in the Settings Reading section just assign this page as your “Posts page”.
The homepage has the following sections. Some of them are global throughout the site.
1. Navigation (Global)
In order to setup your navigation go to AppearanceMenus. Create a new menu, add your menu items and then in the box on the left called “Theme locations” select your menu you just created.
In the current version of IndiGamer you can display reviews in the slider. In order to do that, while you create a new review, at the very bottom of the edit review screen, you will find a checkbox which says “Add this review to the home page slider”. Please refer to the section “Add new review” on how to add a new review.
When you add new items in the slider you will notice that when you add your first review, the thumbnail below will act weird. Don’t worry about that, once you add more items to the slider, this little issue will go away.
3. Reviews area
In this area your latest reviews will appear.
In this area you latest news (posts) will appear.
5. Widgets area
As you can see there is a widgetized area on the right on the homepage. In there you can insert all the available widgets + our custom ones.
6. Footer (Global)
This area is also widgetized so you can drag and drop the widgets that you want to appear in this section.
Add a review
Adding a review is almost exactly the same as adding a new post. Go to Reviews New review item and enter the title and the content of the review. Also we have created a custom taxonomy called “Genres” that you will find on the right where you can create the categories for your reviews.
Now under the main editor there are some custom fields. The good / The bad textareas. In these areas you can write what you found good or bad about the game that you are reviewing. Then we have 3 fields for your review scores. Gameplay, Graphics and Music. You enter your score in a scale of 1 – 10. You don’t have to enter all 3 of them, only the ones that you need. We have created a routine that takes these values, calculates the average score and displays it on your site.
Then there’s a checkbox which let’s you choose if you want this specific review to be displayed on the homepage slider. Featured images are handled by the default WordPress “Featured Image” module.
Add a news / blog article
Just use the default posts section that WordPress provides for this reason.
We have created 5 unique widgetized areas for better control.
- 1. Homepage widgets area
- 2. Reviews widgets area
- 3. Blog widgets area
- 4. Pages widgets area
- 5. Footer widgets area
That way you can display the widgets that you just need in every section.
Custom Options Panel
Let’s have a look at our custom options panel located in Appearance CSSIgniter Settings
1. Site options
In this section you can specify a text or graphic logo for your site.
2. Homepage options
a. Number of reviews on the slider
Enter the number of the review articles that you want to appear in the homepage slider. For better results use a number higher than 5.
b. Reviews section title
Enter the title for the reviews section on the homepage
c. Reviews section subtitle
Enter the subtitle for the reviews section on the homepage
d. Number of latest reviews on homepage
Enter the number of the review articles that you want to appear in this section
e. Posts section title
Enter the title for the posts section on the homepage
f. Posts section subtitle
Enter the subtitle for the posts section on the homepage
g. Number of latest posts on homepage
Enter the number of the posts articles that you want to appear in this section
3. Background options
a. Disable custom background
Just uncheck the checkbox and you will find all these options that you need to setup a custom background color or image.
4. Display options
a. Use the content / excerpt
Select the type of content that will be displayed in the listing pages
b. Read more text
c. Excerpt length (in words) & Excerpt auto cut-off text
Enter the number of words that you want to be displayed in the listing pages when the “Use the Excerpt” option above is active. For best results with IndiGamer use a number between 20 – 30 words
d. Title Seperator
This is the character that will separate your site’s name from the article title in the browser’s title section
e. Show “Comments are closed” message
Check this option if you want to display this message on posts/pages where comments are disabled.
f. Show featured images on posts / pages
Check this option (default is on) to display featured images in the article’s page.
g. Show Breadcrumbs
As you can see for example here https://www.cssigniter.com/preview/indigamer/reviews/age-of-pirates/ there’s a breadcrumb available. Check this option if you want it to be displayed but remember that you have to install this plugin http://wordpress.org/extend/plugins/breadcrumb-navxt/
h. Select the template for the reviews archive template.
Just select the template for your reviews listing pages.
5. Social options
In this section you can activate which social networks you want to display using our Social Widget. So all you have to do is activate the networks, provide your urls, and then go to Appearance Widgets and drag the “CI Social” widget in the widget area that you want.
6. Google options
Copy paste the code for your google analytics. Make sure you copy / paste the whole snippet and not just your google analytics id.
7. Feedburner options
If you are using Feedburner options to handle your RSS feeds this is the place where you can feed and email URLS.
8. BuySellAds options
In this area, if you want to display ads from the BSA network, just enter their snippet of code that can found in your BSA account.
9. Custom CSS
In this area you can add your css styles. We recommend not to edit the original css files and use this area for your edits.
Use our support forum for any questions you might have regarding IndiGamer. We hope you enjoy IndiGamer as much as we enjoyed building it.
Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums