RIGEL Ultimate Agency & Portfolio Theme

Rigel template documentation version 1.0


Table of Content

rigel – is a creative WordPress theme related for portfolio showcase and blogging with plenty of layout designs, theme options and rich drag and drop content builder elements to create your portfolio and/or personal blog site in minutes.


USE FIREBUG or Chrome DEVELOPER TOOLS!

I'm not going to tell you about when i discovered this great tool, or necessarily why i like it and so on. I'm actually going to push you into using it :) I mean it, you can't be a serious developer unless you're using it.

Scenarios:
  • You want to change the size/color/etc of a certain font and search into 3 stylesheets with 1000 lines each and you can find that damn rule which contains the property
  • You want to get rid of an ugly space somewhere
  • Some block has some absolute position and overlays another block
  • You want to inspect an element to see if it has some sort of margin padding etc.
  • And etc. etc.

Mainly (for me), Firebug is about tracking the css code and to debug a website seeing the actual final (generated code). This tool is about productivity, you want to make things quicker - you should have it; you want to make things better - you should have it; you want to learn more and more - YOU SHOULD HAVE IT.

Trust me i wouldn't make any premium joomla templates if i haven't knew this tool!

Now, Firebug is made for Mozilla Firefox, you can find it here

For those of you who are using different browsers you already have some builtin tools: Chrome / Safari / Opera / Internet Explorer

Instead of making huge tutorials about Firebug here, i will point you some great links so you can easily learn it:

CANT FIND ANSWER, HOW TO GET SUPPORT

Please subscribe to the my support board here http://support.radiuzz.com  and start a new thread if you need support.

Before posting, try to open the JS Console (hit F12 ) and click on Console. The errors appear in red color. If you can solve the problem on your own it's good, however if you're planning to ask us, try sending a screenshot of the console and a link to your website.

IS THIS THEME WORKING WITH WPML ?

Yes. The theme has been tested with the latest WPML version and everything is working fine. If you want to translate the text set in the theme option pannel for "Archive Page Title" and "Archive Page Subitle" you will need to install WPML string translation plugin.

HOW IS THE SHOP CREATED ?

The shop was created with the powerfull wordpress plugin called WooCommerce. If you do not have this plugin installed, don't worrry, the theme will check for the installation of this plugin and will hide all related shop features if you don't want to use them.

How to Install WordPress #back to top

Since WordPress is constantly being updated information about how to install WordPress may become out of date, so you always can read official guide here


Below are all the useful links for WordPress information:

Check out this video about how to install Wordpress

How to Install Theme #back to top

Requirements For rigel Theme

To use Dream, you must  running WordPress 3.0 or higher, PHP5 or higher, and mysql 5 or higher. Below are a list of items you should ensure your host can comply with.

  • Check to ensure that your web host has the minimum requirements to run WordPress
  • Always make sure they are running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website
  • Always create secure passwords FTP and Database

Upload via WordPress Admin

Use "Install theme" function from dashboard and choose for upload "rigel.zip" that located at root of our archive. After that activate Theme from Wordpress admin panel by clicking " Themes" in "Appearance" section, which is located on the left side. .

  • Step 1 – Navigate to Appearance > Themes.
  • Step 2 – Click Install Themes and hit the upload button.
  • Step 3 – Navigate to find the “rigel.zip” file on your computer and click “Install Now”
  • Step 4 – Wait while the theme is uploaded and installed.
  • Step 5 – Activate the newly installed theme. Go to Appearance > Themes and activate it.
  • Step 6 – Most included plugins are integrated into the theme and all will be ready to use when you right away. The Revolutilon Slider and Visual Composer is the acception and you will be prompted to install and activate the plugin.

Upload via FTP Server

Upload "rigel" folder from our archive to your hosting into wp-content/themes directory (wp-content/themes/rigel that's how it should be look like).

  • Step 1 – Log into your hosting via an FTP software
  • Step 2 – Unzip the rigel.zip file and ONLY
  • Step 3 – Upload the rigel theme folder into wp-content > themes folder
  • Step 4 – Activate the installed theme. Go to Appearance > Themes and activate it.
  • Step 5 – Most included plugins are integrated into the theme and all will be ready to use when you right away. The Revolutilon Slider and Visual Composer is the acception and you will be prompted to install and activate the plugin.
Check out this video about how to install Theme via FTP

Check out this video about install theme via wordpress admin

Check out this video about VISUAL COMPOSER

Necessary Plugins #back to top

Once theme is activated you will see a message "This theme requires the following plugins..." Click begin installing plugins to install required plugins.

Hover over the plugin name and press Install button. You can deactivate or remove any plugin later in classic Dashboard/Plugins section, as they will always be available to install again in Appearance/Install Plugins.

Here is a short description of each included plugin:

  • CF Posts Formats - plugins that adds theme functions to blog posts. Is a required part of the theme.
  • WP Bakery Visual Composer - theme's page builder. Is a required part of the theme.
  • Essential Grid - complete portfolio and grid building solution. Can be used for creating blog layouts, custom WooCommerce shop pages and much more.
  • Ultimate addon for visual composer - One of the best addon for visual composer, now you can create absolutelly everything

Import demo data #back to top

Before importing demo data you need to installall necessary plugins to prevent errors.

IMPORTANT: It will be much easier to understand how this theme works if you will import demo content as an example data in your wordpress. You can play around with this data and get idea how to get each feature working like on demo page.

Import our demo content, see the steps below

  • Log into your Wordpress Dashboard and click on Tools > Import.
  • Next click on Wordpress.
  • Next choose a file from your computer and click on Upload file and Import.
  • If you also want to import demo images then check Download and import file attachments checkbox.
  • Next click on Submit.
  • After data is imported go to Appearance > Menus.
  • Then assign "Primary menu" menu to the "Primary menu".
  • Next go to Administration > Settings > Reading panel
  • Set Front page displays: to a static page and choose the Home page for Front page.
  • Save changes

doc-menu

Import Essential Grid Elements

Don't forget to intall Essential Grid greeds, skins, meta and styling. We will explain how to use it later.
  • Step 1 – Log in to the site as an administrator.
  • Step 2 – Go to Ess.Grid: Import/Export in the WordPress admin panel.
  • Step 3 – Click Import -> Browse .json file -> Read File.
  • Step 4 – Import all selected data.

doc-menu

Setup Menus

After first activation theme your site will be look like on picture leftward. To create and activate your new menu follow the steps below:
  • Step 1 – Log in to that site as an administrator.
  • Step 2 – Go to Appearance -> Menus panel.
  • Step 3 – Give your menu a name and click "Create Menu" button
  • Step 4 – Add few simple links form "Links" tab.
  • Step 5 – Save your menu.
  • Step 6 – Navigate to "Manage Locations" tab (at the top of the screen).
  • Step 7 – Choose your new menu as "Main Navigation".
  • Step 8 – Save changes.

doc-menu

Setup Homepage

  • Step 1 – Log in to that site as an administrator.
  • Step 2 – Go to Settings -> Reading.
  • Step 3 – Choose one of the page as your homepage from dropdown menu
  • Step 4 – Choose blog default page from blog dropdown list.
  • Step 5 – Save

doc-menu

Basic Theme options and functions #back to top

Pages and Templates

How To Create A New Page

  • Step 1 – Navigate to Pages and click Add New.
  • Step 2 – Type name for your page, then find the Page Attributes box on right side.
  • Step 3 – Set your Parent page; it’s usually set to No Parent
  • Step 4 – Set your template from the dropdown list. See list of page templates below.
  • Step 5 – Content for your page goes in the editing field, use the Visual Composer, Visual or Text editor. Page content is mainly built using Shortcodes, see the Shortcodes section for how to use them.
 

Available Templates

  • Default Page – Just Emty page with header and footer.
  • Contact Page – Map on the Page
  • Blank Template – page without any header/footer elemnts
  • Blog Template – page with your blog posts
  • With Sidebar Page – page with your custom sidebar

Setting Up The Blog

To setup your Blog page, create a new page and name it anything that you want. Make sure the page Template is set to Blog Template in the Page Attributes Box on the right side of the page editor. Doing that will automatically apply the sidebar to your blog page.

Blog Posts

  • All of your blog posts are made in the Posts section of your wordpress admin. Click on Posts to open the section.
  • At the top of the posts page, click on Add New to make a new post. Create a title and insert your post content in the editing field (You can also use Visual Composer)
  • On the right hand side of the post page is the Categories box. To make a new Category, click + Add New Category and give it a name. You can have as many as you want. To apply a Category to a post, simply check the box next to the Category name.
  • You can also apply Tags to a post. The Tag box is below the Category box. Simply insert your tags, separate multiple tags with commas
  • To set a Featured Image. Click the Featured Image box and select an image from the media window and click Use As Featured Image
  • Once you have everything you want selected, click Publish and your post will show up on your blog page

Post Formats

rigel Theme have 4 posts formats, see them below
  • Standard - Simple text post
  • Image - Post with image
  • Gallery - Post with images gallery
  • Video - Post with videos

Setting Up The Portfolio

Most of all portfolio grids for this theme were made with Essential Grid made by ThemePunch

Before you start using Essential Grid We recommend you look through the Essential Grid documentation and look at admin interface.

Basic Principles

  • When you imported our grids you can paste all of them into your page via Visual Composer
  • When you pasted Grid into your page you can go to "Ess.Grid > Ess.Grid > Select your grid" and choose unique styling
  • Choose grid type: Masonry, Cobbles, Even, Fullscreen
  • Select sourse for grid Posts, Portfolio, Shop Items, Essential Grid Posts
  • Choose skin for all grid items.
  • You can also choose unique skin for some items
  • Some Skins which you imported may use additional settings from Meta Data. So for testing how skins looks for items you can fill all fields for one item and try all skins.

How To Update Theme#back to top

You can update your theme via FTP or via WordPress. See the information below for each method. No matter what method you choose, you first need to download the new theme version files from Themeforest.

First, Download New Theme Files From Themeforest

  • Step 1 – Log into your Themeforest account and go find the "rigel" purchase on your downloads tab.
  • Step 2 – Click the “download” button next to it and choose to download the “Installable WordPress Theme” which is just the WordPress file, or choose the “Main Files” which is the entire package.
  • Step 3 – Decide if you want to install the update via FTP or via WordPress.
 

How To Update Your Theme Via FTP

  • Step 1 – Go to “wp-content > themes” location and backup your "rigel" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
  • Step 2 – Retrieve the “rigel.zip” file from your new Themeforest download and extract the file to get the "rigel" theme folder.
  • Step 3 – Then simply drag and drop the new “rigel” theme folder into “rigel > ” location. Choose to “Replace” the current one if you did not delete it.
 

How To Update Your Theme Via WordPress

  • Step 1 – You need to deactivate the current “rigel” theme in the “Appearance > Themes” section by simply activating a different theme. Once you activate a different theme, you can delete the “rigel” theme. Dont worry, your content will not be lost.
  • tep 2 – Retrieve the “rigel.zip” file from your new Themeforest download. If you downloaded the “Main Files” from Themeforest, then you need to unzip the archive file you received, the rigel.zip will be inside of it.
  • Step 3 – Then simply upload the “rigel.zip” file in the “Appearance > Themes” section. Click on the “Install Themes” tab at the top and choose to upload the zip file.
  • Step 4 – Once it uploads, choose to activate it. You’re done!

How To Update Your Theme Via Envato Toolkit

Check out this article about how to update theme via Envato toolkiy

Also this video:

Make your site run faster#back to top

Get a good hosting You may not think that this is important, but if you want your site to display really fast you need to get a good hosting. This is the first step in having a fast site, which also translates into more views, which also translates into a better SEO, which finally translates into more sales. (affiliate links below) There are three hosting companies which we recommend:
  • Media Temple: http://mediatemple.net - if you want a premium WordPress hosting which is easy to manage and works pretty well, this is a good choice to host your website on.
  • A Small Orange: http://asmallorange.com - this is another good hosting company, which i’m currently using to host my theme demos on. If you bought this theme you probably liked the speed as well, so i highly recommend ASO to host your themes on (especially the Cloud VPS option).
  • WPEngine: http://wpengine.com - definitely not as cheap as the two examples above, but if you really want an incredibly fast website and absolutely no headaches in managing it, WPEngine is the way to go. With it you don’t have to worry about security, caching, updates, etc. Everything is handled by a great theme of professionals ready to help you with everything. You just need to care about your content.
Optimize images Always optimize/compress your jpeg images before uploading them to the server. Large images should be compressed at around 90% image quality and you should also try to limit the use of lossless image files (uncompressed pngs). Use a caching plugin I can’t recommend enough the necessitiy go good caching. If you use a managed hosting such as WPEngine you don’t need this. But if you are using ASO or MT or any other hosting you need to cache your content. For this purpose, we recommend W3 Total Cache! It’s a great and easy to use plugin, and with only a bit of work you can double your site’s speed.

SEO Advices#back to top

The theme is built in a way to be SEO friendly, by emphasizing titles with heading tags, having the content before anything else, stripping out useless content, fast loading, setting titles in the header for better crawling, etc.. All these help.. But you have to remember that Content is King! So you shouldn’t blame the theme because your website doesn’t appear in search engines. You should always focus on providing good content and in this way, your website will definitely look great in search engines. Also, you should always install a popular SEO plugin which will make the most of keywords and descriptions.. I suggest using Yoast for SEO.

Support Desk #back to top

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our profile page or ask question @yourusername

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Version History (Changelog) #back to top

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.


Changelog


						-----------------------------------------------------------------------------------------
						Version 1.0.0 - Nov, 2015
						-----------------------------------------------------------------------------------------

						- Initial release