Saturday, Feb 11, 2012
Login

Using Typography

Every RocketTheme template is accompanied by custom content styles known as Typography. This guide outlines how to use Typography in your content.

Inserting Typography with the HTML Editor

To insert the Typography into your content, you must use the HTML feature of Wordpress content editor. The following tutorial will outline the steps in which to do this with the Wordpress content editor.

Please note that the following tutorial will show you how to insert HTML (typography) into Article, the same procedure is apparent for Pages.

Step 1 – Login

Login to the Wordpress Administration Dashboard. Go to www.yoursite.com/wp-admin/. Enter the Administrator’s Username and password.

Step 2 – Navigation

From the left menu bar choose Posts or Pages depending on what type of content you wish to edit.

Step 3 – Content Manager

When you have selected the content section you’re interested in, you will be sent to the either Posts or Pages Manager. Select either to Edit or Add New, depending on whether you want to add typography to an existing or new item.

Step 4 – HTML Mode

To add typography to your content, you must enter the HTML mode of your Content editor. In Wordpress, this is an tab called “HTML” on the top of the post box (next to the Visual tab). Press the tab to enter HTML mode.

Step 5 – HTML Mode

Your text will show up in HTML with all typical HTML tags. You shall do all your editing here for typography.

Step 6 – Inserting HTML

You then proceed to add your HTML coding to HTML converted content. This can be any HTML such as span class typography or styled lists.

You will not see the effects in the content editor, all style affects are only visible on the Frontend of your Wordpress weblog.

 

RokTabs

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.