Your KICKCUBE WordPress Theme

Download The Theme

1. Select the “All Files & Download” option to download the theme file and the sample data (the main theme file zip will be located inside the Upload folder).
2. Select the “Installable WordPress File Only” if you just want the theme.

1. To create a new Main Menu go to:

This tutorial demonstrates how to create a custom menu in WordPress and how to create a menu structure.:

1. Go to your WordPress Dashboard > Appearance > Menus
2. Click on the "create a new menu" link.
3. Write a name for you menu.
4. Press Create Menu button.

2. To customize your new Menu:

1. Start to add menu items from the left panels (Homepages, Pages, Links, Categories).
2. You can manage your menus by using the drag and drop functionality and rearrange the menu items in the desired order.
   After setting up your menu, scroll down to the bottom of the page and assign the menu to one of the Theme Locations at the bottom. Select Header Navigation same thing you see in the photo from the below.
3. Click the Save Menu button.

3. To add a font ICON:

1. To add a font ICON: select a menu that you want to edit and paste the icon code in a menu item, then save the menu. To preview all available Font Awesome icons go to http://fortawesome.github.io/Font-Awesome/icons/
   


2. Now go to Appearance > Menu and create a custom nenu or edit a page, delete the Navigation Label and paste the code you've copied in the first step and click Save Menu, and that's it.
   


3. The icon / text used in the demo:

<i class="fa fa-user-plus"></i>  Account

4. Menus Border colors:

In order to use the Border Colors, follow this steps:

1. Go to Appearance > Menus.
2. At the top, right corner click Screen Options and check CSS Classes.
   
3. Now you can add a class to every menu, add a class from "style1" to "style10" the colors can be changed from Theme Options > Style Settings > Menus Border colors.
   

KICKCUBE plays well with the Restrict Content Pro plugin an awesome plugin that can transform your WordPress theme into a powerful paid content site. In order to do this, you will have to purchase the plugin from here: Restrict Content Pro

Restrict Content Settings:

If you've installed the demo content with the 1 click install option, the pages for Restrict Content Pro will be added automatically, after that some settings need to be added:

1. First, create "Subscription Levels" In the demo, we've created 2 Subscription Levels, Free and Premium, go to Dashboard > Restrict > Subscription Levels:
   


2. Go to Dashboard > Restrict > Settings > General:
   
   In the editor change from Visual to Text and paste text:
   

   [symple_box style="boxnotice"]
   <p style="text-align: center;">You must have an active subscription in order to view the content on this page. Please click the "Subcribe" button below or the "Login" button if you already have an account.
   <a class="btn_orange" href="http://anthemes.com/themes/kickcube/box/register/">Subscribe</a> <a class="btn_black" href="http://anthemes.com/themes/kickcube/box/login/">Login</a></p>
   [/symple_box]
   							

   and change your links accordingly to your pages.


3. Go to Dashboard > Restrict > Settings > Payments: Check each of the payment gateways you would like to enable. Configure the selected gateways accordingly.


4. Go to Dashboard > Restrict > Settings > Misc and Check the Redirect Default Login url and choose the Login page, like the image below and click "Save Options".
   

Restrict Content - Custom Pages:

If you've installed the demo content, all the pages from the Restrict Content Pro will be added automatically, but if you don't want to install the demo content, after the installation of the plugins, some pages will be created automatically like: Login / Register, etc. You can delete does pages and create them manually. For the pages created in the demo, follow the below steps:

1. Login page. Go to Dashboard > Pages > Add New, name your new page "Login" and from "Page Attributes" choose "Template - Small Page 300px. Now change the editor to Text and paste this shortcodes:
   

   [login_form]



2. Register page. Go to Dashboard > Pages > Add New, name your new page "Register" and from "Page Attributes" choose "Template - Small Page 600px. Now change the editor to Text and paste this shortcode:
   

   [register_form]

3. Your Membership page. Go to Dashboard > Pages > Add New, name your new page "Your Membership" and from "Page Attributes" choose "Template - Default. Now change the editor to Text and paste this shortcode:
   

   [subscription_details]

4. Edit Your Profile page. Go to Dashboard > Pages > Add New, name your new page "Edit Your Profile" and from "Page Attributes" choose "Template - Default. Now change the editor to Text and paste this shortcode:
   

   [rcp_profile_editor]

Premium Content - Restrict this entry to active paid users only.

Site without Restrict Content Pro #back to top

---

1. In the main folder you've downloaded, open the folder Documentation > plugins and you'll find an-themes-login.register.zip plugin:
   


2. Go to WordPress Dashboard > Plugins > Add New and upload the plugin from the Documentation > plugins folder and install it.
3. Login page. Go to Dashboard > Pages > Add New, name your new page "Login" and from "Page Attributes" choose "Template - Small Page 600px. Now change the editor to Text and paste this shortcodes:

   <strong>Get more than ever out of KICKCUBE. Submit and share your favorite stories, participate in discussions, etc.</strong> Your content here, lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel mauris sit amet erat ultrices mattis fringilla eget justo.
   
   [slr_login]

4. Register page. Go to Dashboard > Pages > Add New, name your new page "Register" and from "Page Attributes" choose "Template - Small Page 600px. Now change the editor to Text and paste this shortcode:

   <strong>Get more than ever out of KICKCUBE. Submit and share your favorite stories, participate in discussions, etc.</strong> Your content here, lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel mauris sit amet erat ultrices mattis fringilla eget justo.
   
   [slr_register]

If you've installed the demo content with the 1 click install option, the pages / settings for Frontend Publishing Pro will be added automatically.
Follow this tutorial for installation of demo content in 2 minutes: https://www.youtube.com/watch?v=b94pQPAOths
Now, in order to change the forms, go to Dashboard > Frontend Publishing Pro > Forms and you'll see 2 forms created: Free and Premium:


Now, click the Edit link from the Premium form and you'll see the Fields:


If you click on of the field, you'll be able to define restrictions such as word range, maximum links, number of comma separated sections and so on:

Frontend Publishing Pro

Using Frontend Publishing Pro without the demo content from the demo. #back to top

---

In this section you will learn how to install the plugin and create a simple frontend publishing form with it. Just follow these steps:

1. Go to Plugins > Add New in your WordPress site's admin panel and click on the Upload link at the top of the screen.
2. Upload the plugin's zip file. Once the file has been uploaded, activate the plugin.
3. Access the plugin control panel located at Frontend Publishing Pro > Forms.
4. To create a new form just enter a suitable name, description and post type and click 'Create Form'. After a few seconds the newly created form should show up on the right side of the screen.
   


5. The form is now ready for use and can be integrated into any post or page. Just create a new page and add [wpfepp_submission_form form="X"] in the content area. Replace X with the form ID. The form should look something like this:
   


6. On a different page use the shortcode [wpfepp_post_table form="X"]. This shortcode will create a list of posts with edit and delete links. The list will contain all the posts of the post type supported by form X. It should look something like this:
   

Customizing A Form#back to top

---

If you want to customize an existing form then here are the basic steps that you need to follow:

1. Go to Frontend Publishing Pro > Forms.
2. In the list table located at the right side of the screen you will see all your existing forms. Hovering over a form name should make the 'Edit' link visible. Click on this link to start modifying the appearance and behavior of the form.
   


3. On the next screen you will see a list of form fields. You can drag and drop these fields to rearrange them or click on a field to change its settings.
   


4. Once you are fully satisfied with your form save your changes and see them in action on the frontend.

Defining Restrictions for a Field#back to top

---

One of the things that sets Frontend Publishing Pro apart from the multitude of form plugins available on the Internet is that it allows you to define restrictions such as word range, maximum links, number of comma separated sections and so on. A post is not created until all the requirements are met. To define restrictions for a particular form field:

1. Go to Frontend Publishing Pro > Forms and start editing the form for which you want to define restrictions.
2. On the next screen click on any field to slide open its settings. In this case we will use the Content field as an example. This is what it looks like on the settings page:
   

Now you can drag and drop validators and sanitizers onto this field to add restrictions. For instance you could add the Min Words validator to the field and the user will not be able to create a post until it meets the word requirement. If you do not want to define a particular restriction just leave it empty or remove it. For instance if you don't want to set a maximum word count limit then just leave the area empty.

Working with Custom Fields#back to top

---

If you want to save a user-entered value as post meta then you should create a custom field. Here's how you can do so:

1. Go to Frontend Publishing Pro > Forms and start editing the form for which you want to create a custom field.
2. On the right side of the page you will notice a box titled 'Custom Fields'. Its looks like this:
   

Enter a label along with a valid meta key and hit the Add button. Your new custom field will show up under the default form fields. Let's say you want to give your users the ability to submit a byline along with each post. All you have to do is create a custom field by entering a label and a valid meta key like 'byline' or 'about_the_author'. After that you can get the byline for each post by using something like this:

<?php $byline = get_post_meta( $post_id, 'byline', true ); ?>

KICKCUBE is using 2 Custom Fields:#back to top

---

If you haven't installed the demo content with the 1 click demo install option, you'll need to create manually 2 custom fields: Embed Code and Article Source Link:


Go to Frontend Publishing Pro > Forms and start editing the form for which you want to create a custom field.

1. First, create the "Embed Code" for the label add "Embed Code" and for meta Key add "kickcube_embed" and click add. Note: You can change the label name, but you can change the meta key.
   
   


2. Second, create the "Article Source Link" for the label add "Article Source Link" and for meta Key add "kickcube_source" and click add. Note: You can change the label name, but you can change the meta key.
   
   

Contact form 7 Configuration

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on:

1. Install and activate the Contact Form 7 plugin from here: https://wordpress.org/plugins/contact-form-7/
2. Navigate to Dashboard > Contact and click Edit your first contact form.
3. Display the Inputs in 2 columns like you can see it from the demo:

   
   								<p class="one_half_c"> Name (required)<br />
   								    [text* your-name] </p>
   
   								<p class="one_half_last_c">Email (required)<br />
   								    [email* your-email] </p><div class="clear"></div>								
   
   								

4. And here is the code from this page:

   
   									<p class="one_half_c"> Name (required)<br />
   									    [text* your-name] </p>
   
   									<p class="one_half_last_c">Email (required)<br />
   									    [email* your-email] </p><div class="clear"></div>
   
   									<p>Subject<br />
   									    [text your-subject] </p>
   
   									<p>File upload<br />
   									    [file file-404] </p>
   
   									<p class="one_half_c"> Telephone<br />
   									    [tel tel-867]</p>
   
   									<p class="one_half_last_c">Fax<br />
   									   [text text-776]</p><div class="clear"></div>
   
   									<p>Message<br />
   									    [textarea your-message] </p>
   									<p>[submit "Submit Message"]</p>							
   
   								

How do I translate my theme to another language?

Our themes are written in English, though you are of course welcome to translate them to your language. While it's possible to go through each theme file and manually translate the appropriate text elements, we highly recommend using the program Poedit to translate your theme. It's easy and will save you LOTS of time.

1. First, go to WP Dashboard > Settings > General > Site Language > Select your language > Save.
2. Then, download & install the Poedit program.
3. Open Poedit and click the "Open" button on the top-left of the program screen. Within your theme's files, find the "languages" folder and select the "kickcube-wp.POT" file.
4. A long list of text elements you may translate will appear in the box labeled "Source Text". Please note: You may not need to translate all of these elements. Many may be WordPress notification messages or similar.
5. Select the line within the "Source Text" box that you'd like to translate. When that line is highlighted, go down to the box labeled "Translation". Here, you can type the direct translation of the "Source Text" in whatever language you'll be using. Repeat this step for all of the "Source Text" elements you wish to translate.
6. When done, go to "File" and "Save as" within your theme's "languages" folder.
   IMPORTANT! You must save this new file with a name based on a specific format: aa_AA
   The first "aa" refers to ISO 639 two-letter language code (list found HERE).
   The second "AA" refers to an ISO 3166 two-letter country code (list found HERE).
   
   ( Example 1 )
   If translating to Danish, we would use the Danish language code of "da" and the Danish country code of "DK". The file name must be the language code in lowercase letters, followed by an underscore character, and lastly the language code in uppercase letters. So the finished file name would then be: da_DK
   ( Example 2 )
   If translating to Brazilian Portuguese, your file name would be: pt_BR
   Note: For the French language in Canada, please use "fr_FR". "fr_CA" is not recognized by WordPress.
7. When you save the file, it will automatically create your .po format as well as an additional .mo format file of the same name.
8. Via your FTP program, upload the .po & .mo files you just created to your theme's "languages" folder.
9. You're finished!