Saturday, Feb 11, 2012
Login

Installation

This guide covers the basics of installing the template into WordPress.

Downloading the necessary files

To install the template, you only need one file:-

  • Affinity Template (rt_affinity_wp.zip) – This file is the template package you will use to install your template into WordPress.

There are other files that you may wish to download that accompany the release, but are not required for the template to work.

  • Affinity Sample Content (rt_affinity_wp-sample-(version).zip) – This file contains XML file with sample posts, comments etc. and the “wp-content” directory with all images used in our sample content.
  • Affinity Source PNG(s) (rt_affinity_wp-sources-(version).zip) – This contains all the Adobe Fireworks PNG source files for the template, and if applicable, the logo font.

Method 1 – Using the Wordpress installer

  • Login into the WordPress administrator dashboard (http://www.yoursite.com/wp-admin/)
  • In the left menu sidebar, go to Appearance → Add New Themes → Upload
  • Select the Choose File button
  • Locate the rt_affinity_wp.zip file on your computer
  • Click Install Now
  • On the post-install page (with the template name, description and thumbnail), select Activate
  • Affinity will now be installed

Method 2 – Using FTP

  • Extract rt_affinity_wp.zip
  • Load your FTP client, such as FileZilla
  • Upload the rt_affinity_wp folder to the http://www.yoursite.com/wp-content/themes
  • Login into the WordPress administrator dashboard (http://www.yoursite.com/wp-admin/)
  • In the left menu sidebar, go to Appearance → Themes
  • Click Activate underneath the Affinity section

Importing Sample Content

This allows you to copy over the data from the Demo so that you can match our setup

  • Extract rt_affinity_wp-sample-(version).zip
  • Enter the wp-content folder from inside of the sample package
  • Upload from it “rockettheme” folder using your favorite FTP client to your WordPress wp-content directory.
  • Locate sample_data.xml
  • Login into the WordPress administrator dashboard (http://www.yoursite.com/wp-admin/)
  • In the left menu sidebar, go to Tools → Import
  • Select WordPress from the numerous options
  • Click Choose File and select sample_data.xml from your computer
  • Click Upload File and Import
  • Now you can create a new author for sample posts or map it to existing user.
  • Press the Submit button and let the Wordpress do the rest.
 

RokTabs

  • IE6 Warning Message
  • RokBox JavaScript Slideshow
  • RokStories Widget
  • Source Ordered Layout
  • Nunc Placerat Tempor
  • Donec Ultricies Lectus
  • Lorem Ipsum Dolor

The template has a script that will display a message to IE6 users advising them to upgrade to a more secure browser version. This is enabled by default, but can easily be turned off or on with a toggle in the theme settings page. When enabled, users visiting your site with IE6 only, will be able to view the message. By enabling this, you can help fight the good fight that rids the internet of the evil incarnation that is IE6!

Any web developer will tell you, working with IE 6 is one of the most difficult and frustrating things they have to deal with on a daily basis, taking up a disproportionate amount of their time. Beyond that, IE 6’s support for modern web standards is very lacking, restricting what developers can create and holding the web back.

RokBox, the successor of our popular RokZoom plugin, is a mootools powered JavaScript slideshow that allows you to quickly and easily display multiple media formats including images, videos (video sharing services also) and music.

RokBox provides a theme system that allows you to create your own custom ones to fit your websites design. It includes two predefined themes, a Light theme and a Dark theme that will fit seemlessly into your site design. RokBox is as easy as pie to install and customize, providing an easy way to create your own custom themes for it.

RokStories is a great widget to display your articles and accompanying images as a featured item. The widget itself is facilitated by Mootools to transition between images and articles seamlessly. Perfect for showcasing featured articles or image on your site.

RokStories provides a vast assortment of configuration options and parameters to give you more control over how your dynamic content is displayed as well as providing a lightweight and fast loading experience.

Rewriting it to widget let’s you configure and use it even easier!

Affinity continues the latest trend of SEO optimised templates. The layout of the template has been constructed differently to the norm. A typical WordPress template, in regards to the mainbody source, will load the left column first, then the right column and finally the main column (where your main articles are loaded). Affinity takes a different approach and loads the main column code before the left and right columns.

Therefore, this template loads in this order: Header, Menu, Showcase, Main Column, Left Column, Right Column, Bottom, Footer. This is perfect for SEO purposes as the search crawlers will find your main content before your subsidiary content in your side columns. This is a major step forward and will improve your search engine results for your pages.

Etiam rhoncus risus non est pretium egestas. Nunc placerat tempor dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque sollicitudin scelerisque varius. Cras volutpat sem vulputate quam feugiat a luctus erat feugiat. Nullam blandit, sapien non venenatis tristique, nunc quam pulvinar nunc, at sodales nunc libero a purus. Curabitur dignissim, urna ac convallis fringilla, mauris velit malesuada turpis, nec tincidunt felis lorem a augue.

Aliquam erat volutpat. Phasellus accumsan fermentum lacus, in imperdiet orci imperdiet in. Fusce et nisl id mauris pulvinar aliquet quis a dui. Quisque nisl augue, facilisis nec gravida a, auctor non arcu.

Suspendisse eros velit, rutrum nec congue in, viverra ac leo. Suspendisse potenti. Duis fermentum arcu at sem hendrerit auctor. In condimentum sem ac ante porta pellentesque. Vivamus pretium ullamcorper urna, bibendum euismod felis tincidunt eget. Nunc viverra ante et purus venenatis luctus. Fusce vehicula eros sed arcu congue suscipit. Duis diam justo, laoreet id luctus quis, varius eget erat. In quis urna nunc, pretium euismod sapien. Cras malesuada iaculis augue at aliquam. In urna augue, pharetra at dictum id, tristique a ligula. Nunc bibendum viverra tortor sed bibendum.

Nunc viverra ante et purus venenatis luctus. Fusce vehicula eros sed arcu congue suscipit. Cras malesuada iaculis augue at aliquam. Vivamus pretium ullamcorper urna, bibendum euismod felis tincidunt eget.

Phasellus accumsan fermentum lacus, in imperdiet orci imperdiet in. Fusce et nisl id mauris pulvinar aliquet quis a dui. Quisque nisl augue, facilisis nec gravida a, auctor non arcu. Donec metus eros, vestibulum ut venenatis eget, varius a velit. Ut eget est quam, in auctor lectus. Nulla fringilla placerat diam nec placerat. Cras bibendum arcu vitae nibh porta eget vestibulum lacus egestas. In hac habitasse platea dictumst. Aliquam erat volutpat. Aliquam condimentum feugiat mauris at dignissim. Duis tincidunt tellus eget eros iaculis ultricies.

Fusce et nisl id mauris pulvinar aliquet quis a dui. Quisque nisl augue, facilisis nec gravida a, auctor non arcu. Donec metus eros, vestibulum ut venenatis eget, varius a velit. Ut eget est quam, in auctor lectus.

User 5 Widget

The "User 5" position is set to the 'light' color variation. Variation switch can be done in the theme settings page.

User 6 Widget

The "User 6" position is set to the 'medium' color variation. Variation switch can be done in the theme settings page.

User 7 Widget

The "User 7" position is set to the 'Dark' color variation. Variation switch can be done in the theme settings page.