Gameleon - WordPress Arcade Theme - Welcome To Gameleon Theme Documentation!

# Gameleon - WordPress Arcade Theme

## Welcome To Gameleon Theme Documentation!

- Created: 12/12/2012
- latest Update: 04/17/2013
- By: Tiguan
- themeforest.net/user/Tiguan
- Email: themesupport@tiguandesign.com

First of all, a big congrats on your choice to purchase the Gameleon Theme!
If you have any questions that are beyond the scope of this documentation, please feel free to use the Contact Form on Themeforest autor page.

### Installing Theme

This part of the documentation will guide you step by step in the installation process of the Gameleon Theme, assuming that you've already installed and setup your WordPress copy.

After extracting your downloaded .zip you should see file structure that should look something like this:

- Gameleon
- Help
- Licensing
- PSD

You can install your Gameleon Theme using two methods:

1. Using a FTP client
2. Using WordPress Administration Panel

Because a common issue with WordPress built-in uploader, I strongly recommend to use the first method, the - FTP upload.

The FTP method is easily, the quickest and most straightforward approach, if you are familiar with FTP clients, and you have access to your web server.

1. Using a FTP client to access your web server, upload your Gameleon theme folder to /wp-content/themes/ directory.
2. Go to your to your WordPress Administration Panel, Select the Appearance panel » Themes then locate the Gameleon Theme and activate it.

#### Preparing Theme

You can run your theme as a Gaming site or as a regular Wordpress theme. This can be done by surfing to the theme options panel and selecting the desired option: WordPress Default or Games Template .

Only if you face problem with uploading swf games, you need to know that some swf games files are bigger than the max upload file size allowed by default WordPress settings. In order to upload swf big games files using Upload/Insert media button, you must increase the max file size limit and max execution time. If you are familiar with FTP clients, and you have access to your web server(otherwise you would have to contact your web hosting provider to increase these limits for you), you can do the necessary changes by two methods:

1. Open or create the .htaccess file in the root directory of your WordPress instalation and add the following code:

    php_value upload_max_filesize 128M
    php_value post_max_size 128M
    php_value max_execution_time 300
    php_value max_input_time 300

2. Open or create the php.ini file in the root directory of your WordPress instalation and add the following code:

    upload_max_filesize = 128M
    post_max_size = 128M
    max_execution_time = 300

3. Open your wp-config.php file in the root directory of your WordPress instalation and add the following code:

    define('WP_MEMORY_LIMIT', '128M');

Please nothe that if you are on a shared hosting package, in most cases these methods may not work. In that case, you would have to contact your web hosting provider to increase these limits for you.

If you are using Gameleon Theme for games, you need some additional settings in order to display the right size for pictures and games.

- Navigate to Media settings menu, and make the changes for thumbnail size, Medium size and Large size, then locate the Flash Games Settings » Additional params on the same page and type: wmode:"transparent" that is using to prevent flash flickering, as in the image below:

Note that if you do not use the theme as a gaming site, you should set the Medium size value to 640x480 instead of 800x600. Make sure you set these dimensions BEFORE upload any swf files, otherwise the settings will not be applied to existing swf files already uploaded to the server. If you still want to change the size of a SWF file, click the Add Media button, select the swf file, set the desired size then update the post.

If you use MyArcadePlugin Pro, you will need to adjust two more settings as below:

1. MyArcade » Settings » General Settings: Check "Activate Post Template" and add %DESCRIPTION% to the game post template text area.This will prevent MyArcadePlugin from adding game thumbnails to post content.
2. MyArcade » Settings » General Settings: Set "Max. Game Width" to 640 or any size you need, to limit the game dimensions.

Another setting you need to do is related to number of post to show on diferent pages. You can set the number of posts that appear on different pages but for this feature to work correctly you need to do next setting:

- Login as the admin in Wordpress
- Go to the Settings Tab
- Navigate to the Reading Tab
- Change the Blog pages show at most from default 10 to any number less that 10. For example, 2.
- Save the changes.

If you are ussing BuddyPress V1.7+ make sure you uncheck the Toolbar option, from your Dashboard » Settings » BuddyPress » Settings » Show the Toolbar for logged out users. This is to prevent conflicts between BuddyPress and our ajax login widget.

### Updating Theme

Important note about updating the Gameleon theme to the 1.6 version:

Version 1.6 comes with a new reviews feature, totally different from that in the previous version. The new version comes with many extra features such unlimited colors, unlimited review criterias, typography options, suport for post, pages and custom post types, schema SEO Rich Snippet Review Microdata, user rating system, reviews widget and more. Therefore, switching to more advanced and professional reviews feature, it does not leave us the ability to keep the existing text &score reviews already added to the existing articles in the previous version of the theme.

We strongly recommend you to save the text reviews in order to add them back one by one to your existing articles

We apologize for this impediment.

To update your Gameleon theme, first download the latest version from Themeforest » your Downloads section and save it to your hard.

#### If you've not modified any of your Gameleon theme files

1. If you have not edited any of the Gameleon theme files, extract the zip's contents that you've downloaded from Themeforest and look for the extracted Gameleon theme folder.
2. Login to your web server through FTP then navigate to wp-content/themes directory and and upload the new Gameleon folder by overwriting the old one.

#### If you've modified any of your Gameleon theme files before

1. Login to your web server through FTP, navigate to wp-content/themes directory then add the old theme version suffix to the existing Gameleon folder. Something like Gameleon-old should be fine.
2. Upload the new version of the Gameleon theme in wp-content/themes directory.
3. From now you can make all the changes that you've made it before in your old theme version, to this latest version of the Gameleon theme.
4. Back-up & delete the old theme version (the folder that you've named Gameleon-old ) then see again the steps needed to install the theme, regarding to permissions for certain theme directories/files, in this documentation above.

After updating your theme, your widgets may not show up on frontend even they seemed to be active on widgets area. Just click on the Save button on each of them.

### Twitter Settings

This settings are required to Social Counter & Statistics, Recent Tweets widget and Social Tabs widget

#### Instructions to create a Twitter Widget and Obtain the Widget ID

In order to configure your Recent Tweets widget or Social Tabs widget, you will have to head over to twitter and configure your widget.

1. After logging in to twitter, go to the Twitter widgets page.
2. Click the Create New button.
3. Select any of the options but ignore the style options that will be configured through Gameleon widget area.
4. Click Create Widgetbutton.
5. Select the Widget ID from the url by selecting the number between the widgets and edit portion of the url.

You can also get the widget id by copying the html that twitter provides and getting the data-widget-id attribute from the code.

6. Copy the id number and use it in the configuration of the Recent Tweets widget or Social Tabs widget.

#### Instructions to create Twitter Application

In order to display Twitter Followers Count or NewsTicker settings and use OAuth, you’ll need what is called a Consumer Key, Consumer Secret, Access Token and Access Token Secret, to identify your application. To obtain these, you must register an application with Twitter by following these steps below:

1. Go to https://dev.twitter.com/apps to register your app.
2. Once you are logged in, click the button that says Create a new application.
3. Complete the form, tick the terms and conditions and solve the Captcha then click the button that says Create your Twitter application.
4. You have now created a Twitter application. The final step is to create an access token. Do this by clicking the button at the bottom of the page.
5. Finally, copy and paste the relevant details about your Twitter application into the fields under Gameleon options panel » Twitter API OAuth Settings.

### Navigation Menu

The Gameleon Theme supports two locations for custom WordPress menus:

1. Top Menu - visible at the very top of the theme page
2. Main Menu - visible on the header area

To creating your navigation menus:

- First navigate to Appearance » Menus in your dashboard.
- Enter the name of your menu and hit the Create Menu button.
- Add pages, categories, links to your new menu, by using the left sidebar options, then hit the Save Menu button.
- After you've created and saved both menus, select the menus you just created from the left dropdown box called Theme locations, assign the appropriate menu for each location and hit the Save button.

#### Watch Video Tutorial - Make sure you watch it in HD or Fullscreen

### Homepage Setup

Our demo site is configured to Homepage Magazine Layout. To set the theme to Homepage Magazine Layout, go to your dashboard, navigate to Gameleon » Homepage Settings » Homepage Options, select Magazine layout and hit the Save Settings button.

#### Watch Video Tutorial - Make sure you watch it in HD or Fullscreen

The Homepage Magazine Layout is made out entirely of our widgets. The widgets that can be used for Homepage Magazine Layout are:

- Gameleon - Revolution Slider
- Gameleon - Homepage Tabs
- Gameleon - Boxed Categories
- Gameleon - SEO Text Block
- Gameleon - Mini Scroller
- Gameleon - Big Scroller
- Gameleon - 468X60 banner
- Gameleon - 660x90 banner

Please note that you can drag the Gameleon - Boxed Categories widget in Homepage Magazine Layout widget area by multiple times, showing so many different categories of posts you want to display.

### Switching theme layout

The Gameleon Arcade Theme allows you to display posts in a WordPress standard layout, even you use the games theme layout. For example, if you have a category called “News” and you dont want that its posts to be displayed as a game layout on single post page, you can type the category name or ID in your Theme Option Panel. You can also add multiple category names or IDs, separated by comma. This option is very useful in terms of SEO.

To Switching theme layout navigate to your WordPress Dashboard » Gameleon (theme option panel) » General Settings » Global Settings then scroll to the bottom of the page and read the instruction:

### Sidebar Widgets

Our 15 Custom Sidebar Widgets are:

1. Gameleon - 125x1225 banners
2. Gameleon - 300x250 banner
3. Gameleon - Ajax Login/Register
4. Gameleon - Facebook Like Box
5. Gameleon - Google Plus
6. Gameleon - Recent Tweets
7. Gameleon - Social Tabs
8. Gameleon - Flickr Photos
9. Gameleon - Latest Posts - Scroller
10. Gameleon - Popular Tags Widget
11. Gameleon - Recent Comments
12. Gameleon - Social Counters &Statistics
13. Gameleon - Top Liked Posts
14. Gameleon - Video Block Widget
15. Gameleon - Who's online

#### How to setup the Video Block Widget:

1. Enter a title for your video widget.
2. Select the desired video channel using the dropdown option: Youtube, Dailymotion or Vimeo channel.
3. Enter the Video ID
4. Enter the url of your post (optional)
5. Check/Uncheck Autoplay option and other display options
6. Click Save button.

#### How to find out the Video ID:

Youtube Channel:

Ussualy, the ID of a Youtube video is in the page url at the top of your browser window, between these symbols: = and &:
For example: http://www.youtube.com/watch?v=5In_jLI5wek&feature=g-vrec
The 5In_jLI5wek is the Youtube video ID. Any other Youtube url format will also include the ID as the above example:

Dailymotion Channel:

Ussualy, the ID of a Dailymotion video is in the url of the page, right after http://www.dailymotion.com/video/:
For example: http://www.dailymotion.com/video/xl5rdy_detente-nfs-hot-poursuit-20110914-poursuite-infernale-02_videogames
The xl5rdy is the Dailymotion video ID. Any other Dailymotion url format will also include the ID as the above example.

Vimeo Channel:

Ussualy, the ID of a Vimeo video is a numeric code that appears at the end of the video URL, at the top of your browser window: http://vimeo.com/48061341 where the 48061341 is the Vimeo video ID.
Any other Vimeo url format will also include a numeric code that is the Vimeo video ID.

We will not add here the instructions for all our widgets, because they have its own detailed instructions and setting options, visible after you drag them in left Sidebar widget area.

### Creating Pages

The Gameleon Theme needs to create some pages to look and work like the demo site. To create a page, navigate to Pages » All Pages and select Add New Page on you WordPress dashboard. Type your desired page title then do the following:

1. On the right menu, locate the drop-down menu called Page Attributes
2. On the Template label, choose the page template file that you need to create and hit the Publish button.

These are pages that can be created with their names on Template label selection:

- Popular Posts - Popular
- Most Viewed Posts - Most VIewed
- All Posts - All Posts Template
- Users - All Users Template
- Full Width - No Widgets
- Blog page - Blog
- Contact - Contact

If you are using Gameleon Theme for games, just use Games instead of Posts.

If you are using BuddyPress V1.7+ you don't need to create a Users page because BuddyPress itself automatically create a page called Members.

#### Watch Video Tutorial - Make sure you watch it in HD or Fullscreen

*Additionally, if you intend to edit your profile from Front-End, you should create one more page called My Profile, for profile editor page: do the same steps as above then type the following shortcode on the editor area and hit the Publish Button:

    [user_photo][user-profile-edit]

Important Note! For the avatar upload feature to work properly, you must do the following steps:

1. Create a folder called "userphoto" in wp-content/uploads directory and set the 777 permission for it.Then go to your dashboard, navigate to Settings » User Photo and do the settings as shown in image below:

Go to Gameleon options panel, navigate to General Settings » Login Widget & Profile Settings and locate the Frontend Profile Editor Page URL field. Enter the absolute URL path of your profile editor page (including http://), that you previously created and hit the Save Changes button.

Now, you can acces your profile front end editor page from Login Box widget » Edit Profile link and will look as shown in image below:

You and your users can now choose to display their desired avatar by uploading from their hard drive.

### Adding Games

Adding a game is similar to adding a normal post, with few small differences:

Navigate to your dashboard, go to Posts » Add New.

1. Enter the title of your game.
2. In first large textarea, enter the Game Description.
3. Scroll down and you will see a block called Game file details.
4. In the second textarea from the Game file details block, you should enter the Game Instruction: keys used for play, missions, etc.
5. At the very bottom of the page, select the Game Difficulty level. (The Game Difficulty feature will not work if MyArcadePlugin is active.)
6. Now, go to the right sidebar and select the appropriate category for your game.
7. Add some tags for the game. Note: the tags are also used for proper display the images for your Homepage Sliders, except SLider Revolution.
8. Set the Featured Image for the game by using the Upload/Insert media button: select the desired image then hit Set featured image button. Please note that the featured image must be about 633x270px, if you plan to use it for your homepage slider, except Slider Revolution.
9. Hit the Publish button at the top of the right sidebar and your game will be live on your site.

#### Watch Video Tutorial - Make sure you watch it in HD or Fullscreen

Once again, if you use MyArcadePlugin Pro, you will need to adjust two more settings as below:

1. MyArcade » Settings » General Settings: Check "Activate Post Template" and add %DESCRIPTION% to the game post template text area.This will prevent MyArcadePlugin from adding game thumbnails to post content.
2. MyArcade » Settings » General Settings: Set "Max. Game Width" to 640 or any size you need, to limit the game dimensions.

### Using Sliders

To enable the Homepage Slider, navigate to your dashboard » Gameleon options panel » Homepage Settings » Home Page Slider Settings and select the slider you want to use. Excepting the Revolution Slider that has its own setting menu page, the Homepage Sliders are based on post tags, so you should enter some tags separated by coma, in the Slider Tags text field. The slider will show up featured images from posts that contain the tags you entered in the Slider Tags text field.
To work more easily with the Homepage Sliders tags, a good idea is to add the tags called by the title of the games. You just have to simply add the title of the game in the Slider Tags text field. In this way, the slider will not display any other unwanted images from a general tag like racing games.

Please note that the tags of two or more words should be added with a hyphen between them: monster-trucks instead of monster trucks.

If you want to use Revolution Slider , go to your dashboard and navigate to Revolution Slider settings page. For Revolution Slider instrucions, scroll down to Using Revolution Slider.

### Revolution Slider

#### Creating Slider

After pressing the "Create New Slider" button you will reach a form where you are asked to enter a Slider Title (used for the Slider overview in this backend) and a Slider Alias (a slug that is used to implement the Slider in your WP later, so keep it simple with no spaces and special chars). You are also prompted to enter the Sliders Basic Settings, a Slider Title (for you to remember the Slider by) and a Slider Alias (please do not use special characters or spaces here, this defines the shortcode for you to use in your content). The options in the boxes on the right side (General Settings, Position, Appearance, Navigation, Thumbnails) have helping Tooltips on mouseover so they are not explained here. In the Sizes section you need to set the settings as in image below, if you plan to use the slider for homepage as in our demo site:

#### Creating Slides

The next step is creating/editing slides. You get there by just clicking on "Edit Slides" in the Slider Form window.

- Just press "New Slide" and the native WP Media Upload dialog window will appear. Choose or Upload the slide's background image, choose "Full Size" and then "Insert Into Post" (all like you are used to it in your WP editor). You can always click on the pic to change it.
- Use the arrow handles on the right side to change the slides position in the slider (top to bottom = first to last slide to be shown) or delete it with the "Delete" button.

#### Slide & Creative Layers

In the "Edit Slide" view you see the heart of our plugin. The drag&drop Caption editor. But first please note that you have another chance here to change the background image with the "Change Image" button.

To create a Layer (Caption, Image or Video) press the button "Add Layer" or "Add Layer: Image". In case of a text layer a basic layer will be created you can use the "Text" field in the Layer Params to change the caption on it. The "Style" selectbox shows some basic styles (CSS classes) you can use to style the caption (you can always add own CSS classes to this field or edit the existing ones via the "Edit CSS File").

In case of an Image Layer you will see the native WP Media Uploader again. In case of a Video Layer you will prompted to a custom Video selection wizard. You now can move the Layers around via drag&drop or type in the x and y coordinate in the corresponding fields. The "Layers Sorting" drag&drop list determines the Layers' z-index. This list specifies the stack order of an element.

Note that an element with greater stack order is always in front of an element with a lower stack order.

#### Including in your WP

There are three ways to include the Slider in your Theme:

1. From the theme html/php use:

       <?php putRevSlider( id or "alias" ) ?>

   Example:

       <?php putRevSlider("slider1"); ?>

2. From the widgets panel: Drag the "GAMELEON: Revolution Slider" widget to the desired sidebar.
3. From the post editor: Insert the shortcode from the sliders table - Example:

       [rev_slider slider1]>

#### Troubleshooting

- If you don't see the images loaded for slides, set the 777 permissions to cache folder located in wp-content/themes/Gameleon/includes/sliders/revslider.
- If you face problems at Edit CSS File for Captions option and nothing happening when you press the Update button, set the 777 permissions for captions.css located in wp-content/themes/Gameleon/includes/sliders/revslider/rs-plugin/css/

*Most part of this documentation was provided by ThemePunch

### Notification Bar

To make settings for Notification Bar, click on the Notification Bar menu on the left bottom in wordpress dashboard.

On clicking it will take you to the list of the various notification bars that you have created. If you are using it for the first time you see one default created for you there. You should see something like this:

So you can create a new notification bar or you can edit or deactivate any of the existing ones. Click on Edit and it will take you to the setting options for that particular notification bar.

Now you can see you can make settings for the different aspects of the notification bar. We will go through them one by one. Click on the Default Settings tab.

Default State: You can decide whether you want the bar to be opened or closed when the page loads. So you can set it to close and it can slide down say after 6 sec if you set the time to 6 secs or vice versa.

Position: You can put the bar at the top of the page or at the bottom of the page.

Stay Time: This is time in sec when the bar will toggle its position from opened to close or vice versa depending on its default state.

Background Color: Select the color of the bar that you want to. You can set it to any color you want.

Message: Put the message that you want to show to your users. (You can use html tags like bold or strong or any other even divs and inline css)

Message Font Size and Color: Set them to match the look and feel of your website.

Press Save.

Click on Link Button Settings.

So enter the values for the url where you want the user to take to when they click on the button.

Button Text: This will show up on the button so may be you can try something like Click now or subscribe now or whatever you want it to be.

Other settings for the buttons like font size, button background color and font color and the target so if you want the the link to be opened up in a new tab set the button target to _BLANK.

Press Save and Click on Social Button Settings and enter the value for the social networks that you want to show up on the left of the bar, leave empty if you dont want to show anything.

Press Save and you are done with the Basic Settings For the Bar.

#### Using the Extended Message Feature

So far we just made the settings for the basic bar which will appear on the top or the bottom of the page and will hide after a few seconds which you will decide. But the most important and useful part of this plugin is the extended bar feature which allows you to show up a extended message to your users asking them to do something or may be show them some extra information or anything you want to conver to your visitors. This will increase your conversion rates by many folds for sure. So how to enable the extend bar feature. While editing a bar you will see a check box saying "Enable Extended Notification Bar" Check it.

And you will see the complete panel for the Extended bar:

So you can make settings for the extended bar now. Click on the Default Settings Tab:

So for the Default settings for Extended bar you have a few settings:

Default State: Default state of the extended bar, whether you want it to be open by default or you want it to be closed by default and then open up after a few seconds.

Disable Counter Message: Counter message will show up on the left if you enable it showing after how many seconds the bar will slide back.

Message open time: Message open time is the duration in seconds after which the extended bar should slider down.

Message close time: This is the time after which the Extended bar will slide back. So suppose you want the extended message to slider down after 8 seconds of the page load and then slider back in another 10 seconds so your message open time will be 8 secs and message close time will be 10 secs.

Message Template: We have three premade template for you.

Template1 which has an image on the left and message on the right.

Template2 which has the image on the right and message on the left

Template3 which has the image at the bottom of the message. So either you can use these template of you can write a custom html in that case select the template 3 and leave the image settings empty.

Message (Font, color and the message): Make the settings for the extended message that you want to show on the extended bar. You can use your own html here, may be a subscription form, or a vedio or an image or ads.

Then comes the image settings and the link button settings for extended message.

Make the settings and save and you are done with the extended bar option and you are ready to use this bar on your posts and pages and everywhere.

You can completely disable the notification bar by just unchecking the Enable check box and then you can add notification bar to posts and pages manually. But if you want to show them on all the pages you can make settings for the default bar here. Select the default from the bars that you have created and check the options where you want to show the bar by default.

Remember you can override this setting in the post/post editor options for that particular posts/page.

#### Enabling/disabling NB for post/page

You can override whatever default setings you may have made for the plugin for a particular post or page. Under the post editor you will see an option to do that:

So you can disable the bar here or select one from the ones that you have created for this post/page.

*This part of the documentation was provided by WPfruits

### News Ticker

#### Create a news ticker

Go to your dashboard Settings » Newsticker to begin creating your first news ticker.
The news tickers you create will be listed here so you can edit (or delete) them when you need to. For now, click Create news ticker to get started.

The configuration page for a news ticker consists of three sections:

1. General settings
2. Settings specific to the type of animation you choose
3. Data sources

#### General Settings

- Internal Title: The internal title for the newsticker. This is how you will identify it in the admin area.
- Title on ticker: The title for the newsticker. Leave blank for no title.
- Animation: The type of animation the newsticker uses.
- Display controls: Whether to display controls for manually pausing, resuming and moving to next and previous news items.
- Start animation automatically: Whether animation should start automatically when the newsticker is loaded.
- Sort news items: How to sort news items. News items can be sorted chronologically from newest to oldest, oldest to newest, or randomly.
- Pause on hover: If checked, the animation will pause when the user hovers over the newsticker.

#### Settings specific to the type of animation you choose

These settings are related to Fade, Reveal and Scroll animation settings that are easy configurable on the settings page, so they are not explained here.

#### Date sources

The data sources section is where you set up what type of news items you want to show with your news ticker. Do you want the news ticker to show your last five posts? Your last ten comments? News headlines from the New York Times website? This is where you set that up.

Every data source has a number of settings you can use to customise it.

##### Special Instructions for Twitter

Display the most recent tweets from your Twitter account (or someone else's). Before being able to use this, you need to create a Twitter application, following the steps below.

##### Creating a Twitter application

In order to use Twitter as a data source, you have to create a Twitter application. This is much easier than it sounds! Follow these simple steps:

1. Go to https://twitter.com/apps to register your app. You may be asked to log in.
2. Once you are logged in, click the button that says Create a new application.
3. Complete the form, tick the terms and conditions and solve the Captcha. Create your application.
4. You have now created a Twitter application. The final step is to create an access token. Do this by clicking the button at the bottom of the page.
5. Finally, copy and paste the relevant details about your Twitter application into the provided fields on the main jNewsticker settings page.

##### Using the data source

If you have provided your credentials above, you are now ready to begin using the Twitter data source. Enter your username, decide whether to include retweets or replies, how many tweets to display, how long to cache tweets for and how tweets should be formatted in the news ticker.

#### A note about formatting

One of the most powerful things about jNewsticker for Wordpress is how you can customise the output of each data source. This allows you to set up your tweets to display in one way, while your recent comments are displayed differently. Different variables are available for different data sources. Below each formatting field, you’ll see a list of variables that can be used for that data source. For example, when displaying recent posts, you can insert the post title, excerpt, author name, link, date and time since the post was created as variables. Every variable is wrapped inside %% markers.

#### Inserting a news ticker

Once you have created a news ticker, there are three ways of displaying it.

##### 1.Using a PHP function - This is the default option currently used by Gameleon theme

To use one of the news tickers that you've just created, navigate to your Dasboard » Gameleon (theme options panel) » Global Settings » General Settings and scroll down the page to find News Ticker Settings. Enable the News Ticker, then enter the ID of ticker you want to display.

Or, you can insert a news ticker directly into your code with the jnewsticker_display function. The function has one required parameter: the news ticker ID. You can find the ID for each news ticker from the main Newsticker settings page – the left-most column displays the ID. Example:

    <?php jnewsticker_display( 1 ) ?>

If you’d like the news ticker to be displayed as a widget, head over to your Appearance » Widgets and drag the GAMELEON: Newsticker widget to the widget area you want to use it in.
Configuring the widget is very easy – just choose the news ticker you want to display and click Save.

##### 2. Using a shortcode

You can add a news ticker to a specific page, post or other custom content type by using the
[newsticker] shortcode. The shortcode accepts one parameter, id, which defines which news ticker you
want to display. For example, the following shortcode would display the news ticker with ID 1:

    [newsticker id=1]

You can find the ID for each news ticker from the main Newsticker settings page -- the left-most
column displays the ID.

##### 3.Using a widget:

If you’d like the news ticker to be displayed as a widget, head over to your Appearance » Widgets and drag the GAMELEON: Newsticker widget to the widget area you want to use it in.
Configuring the widget is very easy – just choose the news ticker you want to display and click Save.

##### Troubleshooting:

If News Ticker doesn't work as expected, Navigate to your Dashboard » Settings » Newsticker » General Options and select the desired skin then press the Save button. Go back to the the frontend of your site and you will see that your ticker is working great now.

*Most part of this documentation was provided by Studio164a

### Reviews

There's not much to say, all settings and options are clearly explained on Reviews menu area or on the post editing page. Find below what you should know about review box styling, shortcode review and template integration:

#### Styling Settings

- Navigate to your Wordpress Dashboard
- Click on the Gameleon Reviews menu
- Click Styling

Here's what mean each of the options above:

#### Shortcode Integration

If you want to insert the Review Box in post or page content, shortcodes are the way to go. You'll need to enter the follwing code in the place you want in the post content area:

    [taq_review]

#### Template Integration

If you have some basic PHP / HTML / FTP skills and you want to display the final score of the post review in your theme template:

1. Open wp-content/themes/Gameleon/[the file where you want to place the final score of the post review] You may place it in index.php archive.php, single.php, post.php or page.php also.
2. Find:

3. Add anywhere below it, the following code:

To display the final score of the post review out side the loop, use the following code:

*This part of the documentation was provided by mo3aser

### Translating Theme

There are two ways to translate the Gameleon Theme:

1. Using a free plugin called Codestyling Localization
2. Using a free software called Poedit.

The first option is easily, the quickest and most straightforward approach because you can manage and edit all gettext translation files (*.po/*.mo) directly out of WordPress Admin Dashboard, without any need of an external editor like Poedit mentioned above as option 2.

#### 1. Using Codestyling Localization

##### Settings Level 1

1. On your dashboard, go to Plugins » Add New;
2. In the search field, type in Codestyling word;
3. Look for a plugin called Codestyling Localization and click on Install Now, then confirm your action by pressing OK;
4. After a successful installation, click on Activate Plugin.

##### Settings Level 2

1. On your dashboard, go to Tools » Localization;
2. Scroll down the page to the Gameleon section;
3. On the right side, click on Add New Language;
4. Choose your desired language then click on create po-file;
5. Under Actions area, on the right of your new language, click on the Rescan button then press scan now;
6. When it’s done, click on finished.

##### Settings Level 3

1. On the Localization page, under Actions area, next to your chosen language, click on Edit;
2. A list of words and phrases from the theme will appear, showing their original language. To edit them, next to the one you want to start translating, click on Edit button under Actions area;
3. In the text box at the bottom of the pop up that appear, add the desired translation for the original text in the text field above, then click on Save or Save and Next to pass to the next word translation immediately. You can also click Save and Previous for the previous word;
4. After you have finished translating, do not close the page yet. Go to your wp-config.php file and search for:

       define(‘WPLANG’, '');

   In the last quote, add your translation language code. As example, for the French - Français you must add fr_FR and that line will look like:

       define(‘WPLANG’, 'fr_FR');

5. To find out what your language code is, check the WordPress Codex.
6. Once you've added your language code, save the wp-config.php file then go back to the Localization page;
7. At the top of your Localization page, click on generate mo-file button;
8. All done! Now, your Gameleon Theme is translated successfully!

#### 2. Using Poedit Software

1. Download the PO edit free software from here http://www.poedit.net/
2. Navigate to your theme folder Gameleon/languages
3. Using Poedid software, open Gameleon.po file
4. Translate/change words in any language you want, then save the file to your hard drive changing its name according to your language code, e.g. for the French - Français you must save it as fr_FR.po Please make sure that you have selected All files on save, so the software will generate a .mo file too, which also need to be renamed according to your language code.
5. Delete the dafault Gameleon.po and Gameleon.mo files from your languages folder then upload the new ones you've just saved(.mo and .po) to Gameleon/languages.
6. Navigate to your main WordPress directory, open wp-config.php and search for:

       define(‘WPLANG’, '');

   Change it according to your language code and files you've just saved with poedit, e.g. for the French - Français you must add:

       define(‘WPLANG’, 'fr_FR');

   Another example: for the Portuguese spoken in Brazil you must add:

       define(‘WPLANG’, 'pt_BR');

7. Once you've added your language code, save the wp-config.php file. That's all!

### Troubleshooting

##### If you get an error like "Fatal error: Allowed memory size of 67108864 bytes exhausted ..."

It occurs when WordPress tries to access more memory then its allowed to by "Server PHP configuration" or "WordPress Settings". Increasing Memory will solve it. Here is solution for all user, who have shared hosting, dedicated or VPS, just FTP access to server will be enough. Depending on your need, number of plugins that you use, server condition, how big is your site, you could use 32M, 96M, 128M, 256M, 512M, 1024M, 2048M, 4096M. Make sure your server configuration allow you to use that much dedicated memory. You can do the necessary changes by the follwing methods:

1. Open or create the .htaccess file in the root directory of your WordPress instalation and add the following code:

    php_value upload_max_filesize 128M
    php_value post_max_size 128M
    php_value max_execution_time 300
    php_value max_input_time 300

2. Open or create the php.ini file in the root directory of your WordPress instalation and add the following code:

    upload_max_filesize = 128M
    post_max_size = 128M
    max_execution_time = 300

3. Open your wp-config.php file in the root directory of your WordPress instalation and add the following code:

    define('WP_MEMORY_LIMIT', '128M');

4. Contact your web hosting provider or the person that manage your server and ask to increase these limits for you.

##### I don't see the images that I've uploaded on Revolution Slider plugin

If you don't see the images loaded in Revolution Slider plugin (slides), set the 777 permissions to cache folder located in wp-content/themes/Gameleon/includes/sliders/revslider.

##### I can't edit the CSS File for Captions in Revolution Slider plugin

If you face problems at Edit CSS File for Captions option in Revolution Slider plugin and nothing happening when you press the Update button, set the 777 permissions for captions.css located in wp-content/themes/Gameleon/includes/sliders/revslider/rs-plugin/css/

##### I don't see any widgets on my frontend, although they are active in widgets dasboard area

If you've update your theme by deleting the existing Gameleon theme folder then uploading the new one through FTP, your widgets may not show up on frontend although they seems to be active on your sidebar widgets area: refresh the Widgets page from your dashboard then press Save button on every widget that you use on the theme. Everything will back to normal.

##### My News Ticker doesn't work as expected

Navigate to your Dashboard » Settings » Newsticker » General Options and select the desired skin then press the Save button. Go back to the the frontend of your site and you will see that your ticker is working great now.

If you face any other issues for which you have not found a solution through this documentation please feel free to create a support ticket on our Support Center

### Sources & Credits

We've used the following images, icons or other files as listed below:

##### Scripts

- jQuery library
- jQuery Easing Plugin
- JCarousel Lite
- LavaLamp
- tipTip
- Scroll Top Control
- Superfish and Supersubs
- Progress Bar by Onedin Ibrocevic
- Taqyeem - WordPress Review Plugin
- swfObject Reloaded
- Kriesi Pagination
- Color Picker
- Click sound effect
- Switch style checkboxes
- Elastic Image Slideshow
- FlexSlider
- Refineslide
- CustomScrollbar
- Mousewheel
- prettyPhoto
- Simple Slider

##### Images&Icons

- Glyphicons
- Subtle Patterns
- Farm-Fresh Web Icons
- Free Android Icons
- Simple Social Icons
- Flickr Photos by danielferencak
- Flickr Photos by chavezonico
- Flickr Photos by garryknight
- Flickr Photos by ghassantabet
- Realore.com
- Flickr Photos by garryknight

##### Videos

- Fat Video
- 5 Hour Energy Commercial
- Roads of Rome Video Trailer

##### Games

- Realore.com
- Gamesheep.com

##### Fonts

- Bebas Neue
- Open Sans

### Final Note

#### Dear buyer!

Thank you for purchasing the Gameleon Theme! If you like this Premium WordPress Theme please rate it on your downloads area!

Please note that if you don't see here the instructions for a specific feature or widget theme, don't worry. Each widget or feature is explained in detail in the place where they are located: perhaps the widget area or in the Gameleon theme option panel. If you still have problems using any features of the theme, feel free to send a ticket to tiguandesign.ticksy.com and I will be glad to help you.