“Aegaeus - Responsive Business WordPress Theme” Documentation by “HB-Themes” v4.0

Aegaeus

Created: 15.10.2012.
Last Update : 8.2.2014.
By: HB-Themes
Current Version : 4.0
Email: support@hb-themes.com

Live Demo: Aegaeus
Our Portfolio: MOJO Themes

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free post a question on our support forum here.

If you like this theme please don't forget to rate it on MOJO Themes, it means a lot. - Simply log in into your MOJO account, go to Downloads section and click 5 stars next to the Aegaeus theme.

Thank you so much!

Table of Contents

  1. Theme Installation
  2. Theme Options
    1. Dashboard
    2. General Settings
    3. Header Settings
    4. SEO Settings
    5. Sidebar Settings
    6. Slider Manager
    7. Footer Settings
    8. Social Links
    9. 404 Page Settings
    10. Redirect Page Settings
    11. Map Settings
    12. Font Settings
    13. Style Settings
    14. Backup Options
  3. How To
    1. Select your Home page
    2. Create and use Sidebars
    3. Create and use Flex Slider
    4. Create and use Testimonials
    5. Create and use Staff
    6. Use Galleries
    7. Use Portfolio
    8. Create Page Templates
    9. Change Fonts / Google Web Fonts
    10. Use Inbuilt SEO
    11. Create Page With Comments
    12. Create Site Navigations
    13. Install FontAwesome and Entypo
    14. Use Child Theme
    15. Use Revolution Slider
    16. How to update your theme?
  4. Shortcodes
  5. Widgets
  6. CSS Files
  7. Javascript / jQuery Files
  8. Video Tutorials
  9. Credits
  10. Changelog

A) Aegaeus Theme Installation - top

When you download the theme from MOJO Themes, you will get an archive file in .zip extension. If you are using Windows you need WinZip or similar tool to unpack the archive. If you are using MacOS, double click on the archive file, and the archive will be unpacked in the same folder, and you should see Aegaeus_4.0 folder.

There are two ways to install the "Aegaeus" theme.

Via FTP Server
1. Connect to your website host, using one of many FTP clients, for example FileZilla.
2. Go to your default WordPress themes folder, and copy AegaeusWP into that folder. Properly uploaded theme should have path like this : ../wp-content/themes/AegaeusWP

Via WordPress Install (Recommended)
1. Open your WordPress dashboard.
2. Go to Appearance > Themes. Click Install Themes tab, located at the top of the screen.
3. Click Upload.
4. Choose AegaeusWP.zip from the zip that you have downloaded from MOJO Themes.
5. Click Install Now.

As soon as you have installed the theme, please install plugins (Revolution Slider, Layer Slider etc). You can install suggested plugins as well. There is a Video Tutorial too.

You can view a video tutorial on installing the theme (2.0 version) at our Video Tutorials section.

If you are having problems with theme installation, you can contact us over email, and we will install the theme for you.

B) Theme Options - top

Aegaeus comes with amazingly powerful theme options. We used Slightly Modified Options Framework as base for our theme options.

You can access theme options, simply by clicking Appearance > Theme Options in your WordPress dashboard left sidebar menu. Once you have entered the theme options, you will see your Dashboard.

ThemeOptions

Options Reset - Use this button to restore all theme option values to default.
Save All Changes - Use this button to save any change on theme options. Don't forget to save your changes.

There are 14 sections. You may find more info about each section bellow.

1) Dashboard Settings - top

In the Dashboard section you can find button shortcuts to some useful settings or links.

Set Front Page button - This button will lead you to Appearance > Reading, where you can set what your front page (home page) shows. You can view a video tutorial on setting custom home page on our Screenr profile.

Create / Edit Menus - This button will lead you to Appearance > Menus, where you can create or edit your theme menus.

Sidebars & Widgets - This button will lead you to Appearance > Widgets, where you can populate your sidebars with our custom made widgets. If you need custom sidebars, you can create unlimited number of sidebars in Theme Options > Sidebar Settings.

Documentation - This button will lead you the theme's online documentation file.

Contact the authors - This button will lead you to our Home where you can send us an email.

Follow us on Twitter - This button will lead you our Twitter profile page, where you can follow us to stay tuned for the upcoming theme updates and announcements.

Like us on Facebook - Like us on Facebook and get freebies and giveaways.

2) General Settings - top

In the General Settings section you can change some of the most general settings of the theme.

GeneralSettings

Enable/Disable Responsiveness - Check this box if you want to enable the responsive styles. The stylesheet will recongize the width of the screen the website is viewed on, and will style it accordingly.

Enable / Disable Zoom on mobile devices - Check this box if you want to enable zoom on mobile devices.

Enable/Disable Like Plugin - Check this box if you want to enable inbuilt like plugin used on blog and portfolio items.

Enable/Disable Search In the Breadcrumb area - Check this box if you want to enable a search form located on the right side of the breadcrumb section.

Enable / Disable 'Return to top' button - Check this box if you want to enable return to top button which scrolls website to the top when clicked.

Enable / Disable 'Blog Meta' details - Check this box if you want to enable the blog meta info, such as author, date, comment count etc.

All Projects Link - Enter the URL of a page which contains your portfolio items. This link will be used on the single portfolio pages in the details section, and will lead you to this main portfolio page.

Comment Form Respond Line - This line goes above the comment form on all of your pages.

Contact Form Success Message - Success message for the theme's contact form. This will be dispayed if user has entered information correctly and the message has been sent.

Contact Form Error Message - Error message for the theme's contact form. This will be dispayed if user has entered information wrong and the message hasn't been sent.

Default Sidebar Position - This position will be used on the archive pages.

Web Tracking Code - Enter web tracking code, Google Analytics for example..

Custom CSS - Use this textarea to enter any custom styles. Example : #header, #footer { display:none; }

TIP : Don't forget to Save All Changes after any changes made.

3) Header Settings - top

In the Header Settings section you can change the logo, tagline, favicons etc.

HeaderSettings

Site Logo - Upload a logo image here.

HTML Logo - If you do not want a image logo, enter any HTML here and that will be displayed in the logo area.

Logo Width - If you want to resize your logo image enter width value in this field. The width value can be in pixels, percents or ems. For example : 150px

Logo Height - If you want to resize your logo image enter height value in this field. The height value can be in pixels, percents or ems. For example : 90px

NOTE : If you leave width and height fields empty, the default logo image dimensions will be used.

Enable/Disable Tagline - Check this box if you want the site tagline to appear bellow the logo.

Favicon - Click Upload button to show WordPress Media Uploader. Select an image from library or upload a new one and click on the Import Image button. After that the link to your favicon image should appear in the input field.

Apple Icon 144x144 - Click Upload button to show WordPress Media Uploader. Select an image from library or upload a new one and click on the Import Image button. After that the link to your apple icon image should appear in the input field. This represents an 144 × 144 Apple Icon image for high-resolution iPad 'Retina' displays.

Apple Icon 114x114 - Click Upload button to show WordPress Media Uploader. Select an image from library or upload a new one and click on the Import Image button. After that the link to your apple icon image should appear in the input field. This represents an 114 × 114 Apple Icon image for high-resolution iPhone 'Retina' displays.

Apple Icon 54x54 - Click Upload button to show WordPress Media Uploader. Select an image from library or upload a new one and click on the Import Image button. After that the link to your apple icon image should appear in the input field. This represents an 54x54x Icon image for other Apple and Android devices.

NOTE : Find out more about Apple Icons here.

Enable/Disable Site Info - Check this box if you want to enable a 'Site Info' area in the header, bellow the social links.

Site Info Content - If you've checked the Site Info box, this is where you fill in the content for that boxs.

Enable / Disable WPML language selector - Check this box if you want to enable WPML language selector in header. WPML is a multilingual plugin for WordPress. It requires WPML plugin to be installed.

4) SEO Settings - top

Whenever you enter a query in a search engine and hit 'enter' you get a list of web results that contain that query term. Users normally tend to visit websites that are at the top of this list as they perceive those to be more relevant to the query. If you have ever wondered why some of these websites rank better than the others then you must know that it is because of a powerful web marketing technique called Search Engine Optimization (SEO).

SEO is a technique which helps search engines find and rank your site higher than the millions of other sites in response to a search query. SEO thus helps you get traffic from search engines.

Aegaeus comes with integrated SEO support.

In the fields bellow you specify metadata that will apply to those pages that do not have custom metadata. Don't forget that every page or post can have custom SEO metadata, but you have to check the option bellow. In case these fields are left empty, metatags will be set using WordPress.

TIP : If you want to use some other SEO plugin for WordPress, disable the built-in SEO.

SEOOptions

Enable / Disable SEO - Check this box if you want to enable theme's built-in SEO. If you want to use Custom SEO on each page you must check this box.

Default Title - SEO Title Element. One of the most important parts of a page (especially for placement in Google and Yahoo) and should ideally be SEO optimized for a small number of keywords or key phrases (preferably just the one main phrase for that page). This will be used as a default title if you haven't entered custom SEO settings in pages and posts.

Default Description - The meta description is probably the most important on-page SEO factor you control after the title tag. Enter the description of what the website is about.

Default Keywords - A meta keywords tag is supposed to be a brief and concise list of the most important themes of your page. The meta keywords tag takes the following form (example): HTML, Javascript, PHP, jQuery, Java, Python

5) Sidebar Settings - top

Sidebar Settings allows you to create unlimited number of sidebars simply by clicking the button Add New Sidebar.

You can open details on each sidebar by clicking the arrow at the top right corner of each sidebar title. Details allows you to rename each sidebar or to remove it. You can reorder sidebars by draging the titles.

Once you have created the desired number of sidebars, go to Appearance > Widgets to populate them with Widget items..

SidebarSettings

Add New Sidebar - Click this button to create a new sidebar.

Sidebar Title - Enter the custom sidebar title.

X (Delete button) - Click this button to remove the selected sidebar.

NOTE : You can reorder sidebars by dragging them for titles. Don't forget to Save All Changes after making some.

6) Slider Manager - top

Here you can create unlimited number of Flex sliders.

The theme uses Flex Slider.

You can open details on each slider by clicking the arrow at the top right corner of each slider title. Details allows you to change each sliders title. Also there's a remove button. Once you have created the sliders, you need to create Slides.

IMPORTANT : Please read 'How To' section in this document to learn how to create sliders and slides on pages.

SliderManager

Add New Flex Slider - Click this button to create a new Flex Slider.

X (Delete button) - Click this button to the selected slider.

NOTE : Once you have created the slider you wanted, you need to create Flex Slides. Please read 'How To' section in this document to learn how to create sliders and slides on pages.

7) Footer Settings - top

Select Footer Layout - Choose a footer layout out of 11 possible layouts. Fill in the footer areas in the Appearance > Widgets Footer Areas 1 - 4.

Copyright Line - enter the text which will be shown at the footer of your website. Most people use this space for copyright text, but you can use it for anything.

You can use simple html tags : a, strong, em and similar tags.

SidebarSettings

Footer Text - Enter a text to show in the footer area, at the very bottom of your website. You can use XHTML tags.

IMPORTANT : Do not use double quotes in this field, use single quotes instead.
For example : Powered by <a href='http://wordpress.org'>WordPress</a>

Social Links Settings allows you to enter links to your social networks profiles.

SocialLinks

Following social networks are included : Facebook, Delicious, DeviantArt, Dribbble, Flickr, Google Plus, Digg, LiveJournal, Twitter, Pinterest, Instagram, Reddit, LastFM, StumbleUpon, RSS.

These social networks will be displayed as icons in the top right corner in the header area.

TIP : If you want to use default WordPress RSS feed, you can find more info about that on Codex page : http://codex.wordpress.org/WordPress_Feeds

9) 404 Page Settings - top

Aegaeus comes with a customizable 404 page.

404 Page Settings section allows you to change some basic 404 page settings.

Page404

404 Page Title - Big title showed on 404 page.

404 Page Description - Description text that goes bellow 404 page.

Enable / Disable Search Form - Check this box to enable a search the website form on 404 page.

Search Title - If you've enabled the Search Form, enter a Title for the form here.

404 Page Separator Icon Title - If buttons are selected, separator with icon will be shown. This text goes when you hover the separator icon.

404 Separator Icon - Separator Icon. There are two types of separator icons available. Have a look here.

Page404

10) Redirect Page Settings - top

Aegaeus comes with an unique redirect page template which can be used for redirect or for download pages. Very cool.

Redirect Page Settings section allows you to change some basic redirect page settings.

RedirectPage

Timer Value - Enter the time in seconds to wait before redirect. Example : 15

Redirect Page Title - Enter the big title for redirect page.

Redirect Page Description - Description text that goes bellow page tite.

Redirect Page Icon - Enter icon for redirect page. There are two types of separator icons available. Have a look here.

RedirectPageDesc

11) Map Settings - top

Aegaeus includes a header dropdown area which can contain a fullwidth Google Map with various features on top.

Map Settings section allows you add a header dropdown with a map and a lot of features.

MapSettings

Enable/Disable Gmap Header Dropdown - Check this box if you want to add a header dropdown on your website.

Google Map URL - Enter a embedded link from Google Maps.

Center Icon - Upload a pin icon located in the center of the map.

Enable/Disable Pan Control - Check this box if you want a Pan Control visible on the map.

Enable/Disable Zoom Control - Check this box if you want a Zoom Control visible on the map.

Use Small Control - If you've checked the Zoom Control box, then check this box if you want the minimalistic zoom style.

Enable/Disable Map Type Control - Check this box if you want a Map Type Control visible on the map.

Enable/Disable Street View - Check this box if you want a Street View icon visible on the map.

Enable/Disable Overview Control - Check this box if you want a Overview Control visible on the map.

Enable/Disable Map Contact Info Box - Check this box if you want a box containing your basic contact info to be visible.

Map Box Title - A title for the Map Contact Info Box.

Map Box Phone - Enter your phone number for the Map Contact Info Box.

Map Box Fax - Enter your fax number for the Map Contact Info Box.

Map Box Mail - Enter your email for the Map Contact Info Box.

Map Box Website - Enter your website URL for the Map Contact Info Box.

Map Box Address - Enter your address for the Map Contact Info Box.

12) Font Settings - top

In the Font Settings section you can change some basic font settings as well as embedding custom fonts from Google Web Fonts using CSS @import feature.

FontSettings

Enable/Disable Custom Typography - Check this box to enable custom typography which you specify in the fields bellow.

Footer and Sidebar Areas - Specify font size, font family, font-weight and font color for Footer and Sidebar Areas.

Navigation - Specify font size, font family, font-weight and font color for Navigation Area.

Content - Specify font size, font family, font-weight and font color for each Heading.

H1 ... H6 Heading - Specify font size, font family, font-weight and font color for each the body.

Custom Font Import - This is a very important box. Here, you can enter any custom CSS you want. That means you can controll CSS elements through this box. For example if you want to change logo margin from the top you will enter something like this : 

#logo { margin-top:120px; }
Another purpose is to use it for embedding over 500 Custom Google Web Fonts. Here's an example of embedded Google Web Font for let's say H1 Heading element. 
/* Import the font from Google using @import */
@import url(http://fonts.googleapis.com/css?family=Codystar);

/* Use the font to change the H1 element */
h1 { font-family: 'Codystar', cursive !important; }

/* You can use !important to make sure that CSS is not overriden by some other styles */

VIDEO : You can view a video tutorial on embedding Google Web Fonts at our Video Tutorials section.

13) Style Settings - top

In the Style Settings section you can change theme color focus, body background texture, upload your custom background image.

StyleSettings

Theme Color - Select a color for all elements, the links, hovers, focused color.

Custom Scheme CSS - Enter your custom scheme CSS here. Learn how to create schemes here. Note that if you enter any code into this field, Predefined Scheme will be discarder.

Default Background Texture - Select a texture from a predefined list of textures. This texture will be used on all pages if a default Background image is not uploaded. You can override this texture on any page, post or portfolio item. You can add more textures by uploading the texture image in the '.../wp-content/themes/AegaeusWP/images/textures/body' folder.

Default Background Image - Upload a background background image which will be streched to fullscreen size. Note that this has a higher priority than the default background texture.

14) Backup Options - top

Backup Options allows you to backup your theme options values. It will save your latest changes.

BackupOptions

Backup Options button - Backups your latest changes made to theme options. It will override all previous backups.

Restore Options button - Restores your latest backup.

C) How To - top

1) Select your homepage - top

  1. Open your WordPress dashboard. Make sure Aegaeus is activated.
  2. Go to Settings > Reading.
  3. If you have at least one page created you should see Front page displays option.
  4. Click Select A static page (select below)
  5. Then, in Front Page dropdown, select a page which will be used as your home page.
  6. Posts Page dropdown leave -Select-

2) Create and use Sidebars - top

  1. Go to Appearance > Theme Options
  2. Click Sidebar Settings in order to get to the Sidebars Section.
  3. In the Sidebars Section, you can edit already created sidebars, or you can create a new one.
  4. Click Add New Sidebar to create a new sidebar.
  5. You can open details on each sidebar by clicking the arrow at the top right corner of each sidebar title. Details allows you to rename each sidebar or to remove it. You can reorder sidebars by draging the titles.
  6. Click Save All Changes when done.
  7. The newly created sidebar will appear in Appearance > Widgets as a new Widgetized Area which you can populate with widgets.
  8. The newly created sidebar will now be available to attach to any page, post or portfolio item.
  9. Select your newly created sidebar in the page metabox, while creating or editing a page, portfolio item or post.
  10. You can choose sidebar position there as well.

 

3) Create and use Flex Slider - top

  1. Go to Appearance > Theme Options
  2. Click Slider Manager.
  3. Click Add New Flex Slider in order to create a new Flex Slider.
  4. You can open details on created slider by clicking the arrow at the top right corner of each slider title.
  5. Click Save All Changes when done.

Creating Flex Slides

  1. Go to Flex Slides > Add New Slide
  2. From Attach this slide to a slider from the list choose the previously created Flex Slider.
  3. After you have attached the slide to a slider, upload your slide image.
  4. Click Publish when done.
  5. Click Add New Slide and add new image slides as many as you need.

Attaching Slider To A Page

  1. While creating or editing a page, you will be able to choose the newly created slider from the meta boxes bellow the content.

4) Create and use Testimonials - top

Aegaeus comes with Testimonials custom post type, as well as Testimonial shortcode, testimonial page template and testimonial widget. You can find bellow information how to create Testimonials.

Creating Testimonial Posts

  1. In your WordPress dashboard go to Testimonials > Add New Testimonial.
  2. Fill in the testimonial title
  3. Fill in the testimonial text in the main text editor.
  4. Bellow the main text editor you can enter the testimonial author name and his details. For example : John Doe, Imagination INC
  5. Click Publish when done.
  6. If you upload a Featured Image, it will be used only for Search Results.
  7. Each testimonial post represent one testimonial. Repeat this step as many times as needed.

Testimonial Page Template

  1. Click Pages > Add New Page
  2. From the Template dropdown (on the right hand side of your text editor) select Testimonials template.
  3. Fill in the optional content if you want.
  4. Setup your template settings (Sidebar, Layout, Slider, Breadcrumbs...) and click Publish.

Testimonial Shortcode

[testimonial columns="3" number="3" random="true" ]

NOTE : Aegaeus comes with powerful shortcode generator which creates shortcode code for you.

Testimonial Widget

  1. Go to Appearance > Widgets.
  2. Look for widget called Custom Testimonials Widget.
  3. Fill in the required info and click Save.

5) Create and use Staff - top

Aegaeus comes with Staff custom post type, as well as Staff shortcode, staff page template and staff widget. You can find bellow information how to create Staff Members.

  1. In your WordPress Dashboard go to Staff > Add New Member
  2. Fill in the title, which will be used as Member's name.
  3. Fill in the content, which will be used as member's description.
  4. Bellow the content you can find Member Position and Social Networks.
  5. You can add Staff Members to Staff Departments, which are basically Categories.
  6. Click Publish when done.

Staff Page Template

  1. Click Pages > Add New Page
  2. From the Template dropdown (on the right hand side of your text editor) select Staff Page template.
  3. Fill in the optional content if you want.
  4. Setup your template settings (Sidebar, Layout, Slider, Breadcrumbs...) and click Publish.

Staff Shortcode

[staff columns="3" number="3" departments="aegaeus, ceo"]

NOTE : Aegaeus comes with powerful shortcode generator which creates shortcode code for you.

Available Shortcode Options

Staff Widget

  1. Go to Appearance > Widgets.
  2. Look for widget called Custom Testimonials Widget.
  3. Fill in the required info and click Save.

6) Use Galleries - top

Aegaeus uses WordPress inbuilt feature 'image attachments' in order to create galleries. It's both, fast and easy to create galleries this way. Here's how to upload images and create galleries using Gallery Shortcode.

  1. In your WordPress dashboard go to Media > Add New.
  2. Add as many images you want using WordPress Media Uploader.
  3. When done, go to Media > Library.
  4. You will see the list of your images there, look for column where says Attached to.
  5. Find the image you would like to add to gallery and click Attach.
  6. Search for a page where you would like to attach the image (Usually Gallery page, or something like that, you can attach image to a post or a portfolio item as well)
  7. Click Select when you found the page/post.
  8. Repeat the process for as many images as you want.
  9. When added all the images you wanted, go to Pages > All Pages.
  10. Find the page you added images and click Edit.
  11. You can fill in the page just like any other page. Use the following shortcode to display the galleries. 
[hb_gallery number="8" size="col-3"]

NOTE : Aegaeus comes with powerful shortcode generator which creates shortcode code for you.

Available Shortcode Options

VIDEO : There's a video tutorial on how to create galleries at our Video Tutorials section.

7) Use Portfolio - top

Aegaeus comes with Portfolio custom post type, as well as "Portfolio" shortcode and portfolio widget. Information about creating Portfolio items is located bellow.

  1. In your WordPress Dashboard go to Portfolio Items > Add New Portfolio
  2. Fill in the title.
  3. Fill in the content.
  4. Bellow the content you can find Portfolio Item Settings. Here you can enter embedded video link which will be used instead of the featured image. Use this if you want your portfolio item to be video.
  5. Bellow the content you can find Portfolio Settings. Here you have options which will be displayed on a portfolio single page.
  6. You can add Portfolio Items to categories. This category is used to extract exact portfolio items in pages, shortcodes and widgets.
  7. Add Filters to your portfolio. These are also categories, but these are used in the filter, located in portfolio pages.
  8. Click Publish when done.

Portfolio Template

  1. Click Pages > Add New Page
  2. From the Template dropdown (on the right hand side of your text editor) select Portfolio or Portfolio Gallery Type template.
  3. Fill in the optional content if you want.
  4. Setup your template settings (Sidebar, Layout, Slider, Breadcrumbs...) and click Publish.

Portfolio Shortcode

 [portfolio category="aegaeus, portfolio" number="4" size="col-4"]

NOTE : Aegaeus comes with powerful shortcode generator which creates shortcode code for you.

Available Shortcode Options

Portfolio Widget

  1. Go to Appearance > Widgets.
  2. Look for widget called Custom Portfolio Widget.
  3. Fill in the required info and click Save.

8) Create Page Templates - top

Aegaeus comes with various predefined page templates. These templates are incredibly simple to populate and manipulate, minimal effort is required. Custom settings for each template are shown dynamically, which makes them easy to find and fill in.

All pages have some "Template Settings" in common. These include:

Every page can be set up with custom SEO settings. These setting can be found in the meta boxes bellow the content, named Custom SEO Settings. You have to have enabled Custom SEO in Theme Options. In these settings you can find: Use Custom SEO checkbox, SEO Title, SEO Description and SEO Keywords.

Supported Page Templates


Default Template - Live Preview

This template contains a content area as well as a sidebar area. The sidebar is optionaly put on the left or the right side, and any sidebar created in theme options is available to select. If you don't select a sidebar position, the page will become fullwidth. Comments are available on this template, and they are turned on or of in the Discussion Settings.

Archive - Live Preview

This template extracts your website data. The content is divided into 3 columns and they contain:

  1. Latest 30 Posts
  2. Archives By Month
  3. Archives By Year
  4. Browse By Post Format
  5. Browse By Categories
  6. Browse By Tags
  7. List Of Pages

This template incudes the default "Template Settings" boxes.

Blog - Live Preview

This is a template which extracts and displays your blog posts. Characteristic Template Setting is the Exclude From Blog where you can enter blog category slugs which will be excluded from this blog page. Slugs are separated by commas.

You can choose the position of the sidebar, and choose any sidebar you've created in the Theme Options. Make the page fullwidth by choosing the sidebar position to be 'None'.

This template includes a sidebar which can be either on the right or the left side, and any sidebar created in theme options is available for this template.

Blog Grid - Live Preview

This template does exactly the same as a regular Blog Page, except it's differently styled and it cannot have a sidebar area.

Contact Page - Live Preview

This page features a map with your location and a contact form. The map is extracted from the embedded link you must enter in the Map embedded link box. Email used in this template is located in Settings > General.

You can choose the sidebar position for this page (including leaving the position to 'None' to create a fullwidth Contact Page).

Portfolio - Live Preview

This template extracts items from the custom post type Portfolio Items. You can specify which items will display by entering portfolio category slugs in the Specify Portfolio Category setting bellow the content. Portfolio items are displayed in 2, 3 or 4 columns, which you can choose in the 'Portfolio Columns'.

A filter is included above the portfolio items, as well as a text line and separator with icon, both of which are changeable in the 'Template Settings' meta boxes.

Portfolio Gallery - Live Preview

This template has the exact same settings as a regular Portfolio Template except the thumbnails won't lead to a Single Portfolio page, instead it will open up the featured image/video in a fancybox.

Redirect Page - Live Preview

This template is a page which is displayed for a certain time before it redirects to a link of your choice. The link is specified bellow the content, in the Template Settings. The rest of the page details, such as title, description, icon and time are defined in Theme Options.

Sitemap - Live Preview

This template extracts your website data. The content is divided into 3 columns and they contain:

  1. Pages
  2. Blog Categories
  3. Portfolio Categories
  4. Feeds
  5. Tags
  6. Archives By Month
  7. Archives By Year

This template has the default "Template Settings".

Staff - Live Preview

This template extracts items from the custom post type Staff. You can specify which items will display by entering staff department slugs in the Specify Staff Department setting bellow the content. Separate the slugs with commas.

Choose the number of columns on this page in the 'Column Count' settings. These will adjust a bit differently if you're using a sidebar on this page.

This template includes a sidebar which can be either on the right or the left side, and any sidebar created in theme options is available for this template.

Testimonials Page

This template extracts items from the custom post type Testimonials - Live Preview

This template has the default "Template Settings".

9) Change Fonts / Google Web Fonts - top

Aegaeus comes with some basic typography settings. For some bigger changes we strongly suggest using Google Web Fonts plugin for WordPress.

Importing Google Web Font

Here's how to import a custom Google Web Font.

  1. Go to http://www.google.com/webfonts
  2. Find the font you like and click Quick Use button.
  3. Look for @import
  4. Copy the code inside @import tab. It should look like : 
    @import url(http://fonts.googleapis.com/css?family=McLaren);
  5. Scroll down the page and look for Integrate the fonts into your CSS. It should look like : 
    font-family: 'McLaren', cursive;
  6. Find the appropriate HTML tags you would like to change. For example p, body, blockquote
  7. Your Import Code and CSS code should look like this (put that code in Custom Font Import textarea) 
    /* Import Google Web Font */
@import url(http://fonts.googleapis.com/css?family=McLaren);

/* Change body, p and blockquote font family, color and size. */
body,
p,
blockquote 
{ 
    font-family: 'McLaren', cursive; 
    font-size:13px; 
    color:#000; 
}

10) Use Inbuilt SEO Settings - top

SEO is a technique which helps search engines find and rank your site higher than the millions of other sites in response to a search query.

Aegaeus comes with inbuilt SEO settings. Each page or post can have it's own custom SEO settings like different title, keywords and description.

NOTE : You have to enable Custom SEO Settings in theme options.

Go to Appearance > Theme Options > SEO Settings. There you need to check checkbox Enable/Disable SEO.

If you are going to use SEO Plugins For WordPress like All In One SEO, WordPress SEO by Yoast or any other, you should disable Inbuilt SEO Settings in theme options.

If you check the SEO settings, you can fill in the default SEO values, which will be used everywhere where you didn't specify custom SEO. For example if you have created a new page and you didn't enter Custom SEO settings, the default ones will be used. Also the default ones will be used on some pages where is immpossible to use Custom SEO, like 404 page, category page and similar.

Ok, you have checked the SEO Option, let's set different Custom SEO for every page you want.

While editing or creating a new page scroll down the page until you find Custom SEO Settings. There you can define custom title, keywords and description for your page.

11) Create Page With Comments - top

View a live demo.

With Aegaeus you can create page with comments. Here are the steps for creating a page with comments :

  1. Go to Pages > Add New Page
  2. Select your desired page template.
  3. Make sure Discussion meta box is visible. Have a look at the screenshot bellow.
  4. In the Discussion meta box make sure Allow comments are checked.
  5. Click Publish / Update

  1. Go to Appearance > Menus
  2. Click Add New Menu button
  3. Drag pages you want onto your menu or add custom links
  4. Save the menu
  5. Choose it in the Main Menu dropdown
  6. For the Footer Menu, create a new menu this way (steps 2-4) or choose the same one as the Main Menu

13) Install Font Awesome and Entypo (Not needed in version 1.1+) - top

As soon as you have installed the theme, it is recommended that you install Font Awesome and Entypo.

This step is not needed in versions 1.1+

Download Font Awesome

Go to http://fortawesome.github.com/Font-Awesome/ and click Download Font Awesome 2.0. The download should start automatically. Unzip the downloaded file.

Download Entypo

Go to http://www.fontsquirrel.com/fontfacedemo/entypo and click Download @font-face Kit. The download should start automatically. Unzip the downloaded file.

Transfer the files into the theme

Connect to your WordPress themes folder via FTP client. Open the AegaeusWP > css > font-face folder. In there you should find two empty folders : Entypo and FontAwesome.

From the downloaded and unzipped FontAwesome folder, copy the files from the font folder into the according folder on your FTP account. There should be 4 files to upload.

From the downloaded and unzipped Entypo folder, copy all files into the FTP Entypo folder. There should be 7 files to upload.

The font installation is now done.

Check out the Video Tutorial on how to install Font Awesome and Entypo.

14) Use Child Theme

The version 1.1 (and higher) comes with Child theme support.

A child theme inherits the functionality of a parent theme, which usually holds the base for the layout, structure, function and basic style. A child theme expands upon or modifies the parent theme within a separate set of files. It keeps all of your customizations in their own folder. With a little understanding of HTML and CSS, you can make that very basic child theme modify the styling and layout of a parent theme to any extent without editing the files of the parent theme itself. That way, when the parent theme is updated, your modifications are preserved.

For this reason, child themes are the recommended way of making modifications to a theme.

With a basic understanding of PHP, WordPress Templates, and the WordPress Plugin API, you can make the child theme extend virtually every aspect of a parent theme, and again, without actually changing the parent theme files.

Using Starter Child Theme
In folder Aegaeus_2.0 you should find Child Theme folder. Open that folder and install the ChildThemeWP.zip theme through your WordPress theme install. Simply activate the child theme.

Find more about Child Themes.

15) Use Revolution Slider

Aegaeus comes with a licenced Revolution Slider developed by ThemePunch.

Please note, that you need to INSTALL the Revolution Slider first.

The installable zip file (revslider.zip) is located in Aegaeus_2.0/Revolution Slider/ folder.

When you're at your admin panel, at the bottom of the left nav bar, a 'Revolution Slider' tab should appear. These are the steps on how to create a slider and insert it into a page:

VIDEO : You can view a video tutorial on creating a Rev Slider at our Video Tutorials section.

16) How to update your theme?

If you need to update your theme, please read this forum post : Updating your HB-Themes WordPress Theme.

D) Shortcodes - top

Aegaeus theme comes with a beautiful shortcode generator which makes shortcodes incredibly simple to insert into your posts or pages. These shortcodes are designed specially for Aegaeus, and they will give your website a unique look with no effort.

In order to enter the shortcode generator, you need to be creating or editing a post/page. In the Visual view, a button with HB-Themes heart logo will appear. Click on the button and the shortcode generator will popup.

Every shortcode is listed bellow with detailed instruction on how to use them properly.

Available Shortcodes: Accordion, Animation, Blockquote, Boxes, Button, Custom Image Box, Callout, Circle Column, Clear, Column, Dropcap, Flex Slider, Focus Color, Focus Separator Text, From Blog, From Portfolio, Gallery, Headings, Icon Column, Icons, Image, Infobox, List, Mailchimp Newsletter, Map, Media Screen, Pricing Table, Section, Separator, Service, Social, Spacer, Staff, Read More Button, Tabs, Testimonial, Title Description, Toggle, Tooltip, Typography, Video

Accordion ( Live Preview )

Every [accordion_item] belongs to a group wrapped with [accordion]. This group makes the accordion section.

[accordion]
	[accordion_item title="Accordion Title 1"]Accordion Content Goes Here[/accordion_item]
	[accordion_item title="Accordion Title 2"]Accordion Content Goes Here[/accordion_item]
	[accordion_item title="Accordion Title 3"]Accordion Content Goes Here[/accordion_item]
[/accordion]

Preview:

Accordion width can be changed by wrapping the whole accordion into a column, respecting the column rules.

Available arguments are:

Animation ( Live Preview )

Spice up your pages with these interesting animations. You can animate every object on a page, from any shortcode to any custom piece you have written. Bring spark to your pages with this one.

[animation animation="shake" duration="2s" delay="0s" iteration="1"] 
  Animation Content Here
[/animation]

Available arguments are:

Blockquotes ( Live Preview )

[blockquote]Blockquote Content Here[/blockquote]

Preview:

Available arguments are:

Fullwidth Boxes ( Live Preview )

[boxes margin_top="10px"]
    [box size="one-third" icon="icon-bolt" title="Box 1 Title" link="#" last_column="false" new_tab="true"]
    [box size="one-third" icon="gear icon" title="Box 2 Title" link="#" last_column="false" new_tab="true"]
    [box size="one-third" icon="icon-globe" title="Box 3 Title" link="#" last_column="true" new_tab="true"]
    [/boxes]

Preview:

Available arguments for [boxes] are:

Available arguments for [box] are:

Button ( Live Preview )

Buttons have never been this easy to create and style. Choose from predefined sizes, colors and shapes to create a beautiful button in no time.

[button title="Button Title" link="#" size="large" color="black" icon="Q" rounded="true" in_new_tab="true"]

Available arguments are:

Image Box ( Live Preview )

Image box shortcode allows you to create a beatiful image links. Create an image which you viewers can click and be directed to another page.


    [hb_image_box 
      title="Title"
      subtitle="Subtitle"
      image="Image URL"
      link="#"]

Available arguments are:

Callout ( Live Preview )

Callout Shortcode is great for promoting anything. Name it, describe it and put a link to it with style!

[callout 
    size="col-12" last_column="true" 
    title="Callout Title" description="Callout Description" 
    button_title="Button" button_link="#" 
    button_size="large" button_color="red" 
    button_rounded="false" button_icon="icon-ok" 
    button_in_new_tab="true" 
    flip_left_edge="false" flip_right_edge="true"]

Preview:

Available arguments are:

Circle Column ( Live Preview )

[circle_feature size="col-4" last_column="false" color="red" title="Title" link="#" number="1" 
      bottom_margin="true" icon=""]
  Circle Feature Column Content
[/circle_feature]

Preview:

Available arguments are:

Clear

It's recommended that you use [clear] shortcode after each row of your content if that row is not wrapper in a [section].

[clear]

Column ( Live Preview )

Aegaeus is styled using 960 grid. Columns are created by adding a class named col-number, where the number represents how many number/12 parts is the column long. For example col-4 is actually 4/12 which is 1/3 content width. When the sum of col numbers is equal to 12, then you have to set the last_column attribute to true, which means it's the end of that row.

[column size="col-6" bottom_margin="true"]Column Content[/column]
[column size="col-3" bottom_margin="true"]Column Content[/column]
[column size="col-3" bottom_margin="true" last_column="true"]Column Content[/column]

In this example, we had col-6 + col-3 + col-3 = col-12. Since the last col-3 gives the sum of 12, it must have the attribute last_column set to true.

Available arguments are:

Dropcap ( Live Preview )

[dropcap]T[/dropcap]his is a sentence.

Preview:

Flex Slider

This shortcode can extract slides only from Flex slider. Set the slider name and you're all set.

[flexslider name="Flex Slider"]

Available arguments are:

Focus Color

This shortcode colors your content with the Theme Focus Color you've set in the Theme Options

[focus_color]Content to focus here[/focus_color]

Available arguments are:

Focus Separator Text

This shortcode puts your text in a rounded area (good for using inside a [separator_shortcode])

[focus_separator_text]Content to focus here[/focus_separator_text]

Available arguments are:

From Blog ( Live Preview )

This shortcode extract blog posts. It's incredibly simple, choose how many items to extract, you can add some category filter and you're all set.

In the example bellow, latest 3 blog posts from 'Aegaeus Category' category will be extracted.

[blog number="3" category="aegaeus-category"]

Preview:

Available arguments are:

From Portfolio ( Live Preview )

This shortcode extract elements from portfolio custom post type. You can control the size of displayed items, as well as which items will be extracted.

In the example bellow, portfolio elements that belong to a category which slug is notable or portfolio will be extracted, while the other items will not. Only latest 3 element which satisfy the category requirement will be displayed, and they will be displayed in 3 columns.

[portfolio category="notable, portfolio" number="3" columns="3" orderby="date" order="DESC"]

Preview:

Available arguments are:

Gallery ( Live Preview )

This shortcode extract media library items attached to the page where this shortcode is used.

[hb_gallery number="12" size="col-3"]

Preview:

Available arguments are:

Headings ( Live Preview )

There are two types of headings, regular and focused heading.

// Regular Headings
[h1]Heading 1[/h1]
[h2]Heading 2[/h2]
[h3]Heading 3[/h3]
[h4]Heading 4[/h4]
[h5]Heading 5[/h5]

// Focused Headings
[h1_focus_heading]Focused Heading 1[/h1_focus_heading]
[h2_focus_heading]Focused Heading 2[/h2_focus_heading]
[h3_focus_heading]Focused Heading 3[/h3_focus_heading]
[h4_focus_heading]Focused Heading 4[/h4_focus_heading]
[h5_focus_heading]Focused Heading 5[/h5_focus_heading]

Preview:

Icon Column ( Live Preview )

[icon_column size="col-4" last_column="false" icon="9" title="Icon Column Title" 
    link="#" color="f60" bottom_margin="true"]    
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar nulla ut 
  ante malesuada in semper eros vestibulum.
[/icon_column]

[icon_column size="col-4" last_column="false" icon="Q" title="Icon Column Title" 
    link="#" color="BB4" bottom_margin="true"]    
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar nulla ut 
  ante malesuada in semper eros vestibulum.
  
[/icon_column]

[icon_column size="col-4" last_column="true" icon="7" title="Icon Column Title" 
    link="#" color="099" bottom_margin="true"]    
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar nulla ut 
  ante malesuada in semper eros vestibulum.
  
[/icon_column]

Preview:

Available arguments are:

Icon ( Live Preview )

This shortcode uses FontAwesome and Entypo icons.

[icon size="20px" color="F60" icon="icon-bolt"]
[icon size="80px" color="060" icon="icon-briefcase"]
[icon size="40px" color="773" icon="icon-beaker"]
[icon size="55px" color="BBB" icon="icon-random"]

Preview:

Available arguments are:

Image

[hb_image white_frame="true" width="300" height="180" fancybox_rel="" align="left"]
  Image Link Goes Here
[/hb_image]

Available arguments are:

Infobox ( Live Preview )

Notify, inform, alert or warn your viewers using this stylish boxes. Choose whether viewers can close them or you want them to stay on that page.

[infobox size="col-6" last_column="false" bottom_margin="true" closable="true" color="blue"]
  Infobox Information
[/infobox]

Preview:

Available arguments are:

List ( Live Preview )

These list can use any Entypo or FontAwesome icon as its bullet. Neat!

A group of [list_item] is wrapped with a [list].

[list]
  [list_item size="" icon="icon-beaker" hex_color=""]List Item[/list_item]
  [list_item size="" icon="icon-globe" hex_color="444"]List Item[/list_item]
  [list_item size="" icon="icon-ok" hex_color="6F0"]List Item[/list_item]
  [list_item size="large" icon="icon-plane" hex_color="045"]List Item[/list_item]
[/list]

Preview:

Available arguments are:

Newsletter ( Live Preview )

This shortcodes uses your MailChimp embedded Sign Up Form as the content. It extracts the required data so you can paste the whole code in the shortcode without any trouble.

[newsletter_mailchimp size="col-6" last_column="false" flip_left_edge="true" 
  title="Did we mention it's free?" flip_right_edge="false"
  description="Yup, it's that straight forward! Enter your email address below and we'll 
    send you the confirmation link to your inbox. No worries, we don't do spam." 
  bottom_margin="true"]
  
    MailChimp Embedded Code Here
[/newsletter_mailchimp]

Preview:

Available arguments are:

Map ( Live Preview )

This shortcode uses embedded map link as the content.

[map width="100" height="100"]Long Embedded Map Link[/map]

Media Screen ( Live Preview )

This shortcode is very convenient. It displays different content depending on the device its displayed on. Put different content for those on tablets, phones or desktops.

[screen size="phone"]This is displayed only on phones[/screen]
[screen size="desktop"]This is displayed only on desktops[/screen]
[screen size="tablet"]This is displayed only on tablets[/screen]

Available arguments are:

Pricing Table ( Live Preview )

These pricing tables are perfect for your business offer promotion.

[pricing_row] shortcodes are grouped into a [pricing_item] shortcode. The group makes a table.
That group of [pricing_item] shortcodes (tables) are grouped into a [pricing_wrap]. Which makes a set of tables.

[pricing_wrap]

  [pricing_item title="SubPricing" size="col-4" layers="true" bottom_margin="true"]
    
    [pricing_row is_price="true"]$110[/pricing_row]
    [pricing_row]Pricing row 1[/pricing_row]
    [pricing_row]Pricing row 2[/pricing_row]
    
  [/pricing_item]

  [pricing_item layers="true" title="Table Title" focus="true" last_colum="false" 
      bottom_margin="true" size="col-4" button_title="Click" button_link="#"]
      
    [pricing_row is_price="true"]$240[/pricing_row]
    [pricing_row]Pricing Row 1[/pricing_row]
    [pricing_row]Pricing Row 2[/pricing_row]
    
  [/pricing_item]

  [pricing_item title="SubPricing" size="col-4" last_column="true" layers="true"]
  
    [pricing_row is_price="true"]$110[/pricing_row]
    [pricing_row]Pricing row 1[/pricing_row]
    [pricing_row]Pricing row 2[/pricing_row]
    
  [/pricing_item]

[/pricing_wrap]

Preview:

Available arguments for [pricing_item] are:

Available arguments for [pricing_row] are:

Section

Section is a shortcodes which adds a clearfix to your content. Use this shortcode to wrap every row of content in order to have proper spacing between rows.

[section]Section Content Goes Here[/section]

Separators ( Live Preview )

Aegaeus comes with a couple different kinds of separators: icon, text, to_top, shortcode and small separator.

// Empty fullwidth separator
[separator]
  
// Icon Separator
[separator icon="icon-briefcase"]

// Text Separator
[separator text="Text Separator"]

// Small Separator
[separator small="true"]

// To Top Separator
[separator to_top="true"]

// Separator with a shortcode inside
[separator_shortcode]Any shortcode here[/separator_shortcode]

Preview:

Icon separator can use Font Awesome or Entypo icons

Service ( Live Preview )

Service shortcode is a boxed service column. These columns are extremely beautiful, with layered style and an icon of your choice.

[service title="Service Title" size="col-4" last_column="true" link="#" icon="9" layers="true"]
  Service Content Goes Here
[/service]

Preview:

Available arguments are:

Social ( Live Preview )

A group of [social_icon] is wrapped in [social]. Check out the Live Demo for cool hover effects.

[social]
  [social_icon type="twitter" link="#" in_new_tab="true"]
  [social_icon type="facebook" link="#" in_new_tab="true"]
  [social_icon type="dribbble" link="#" in_new_tab="true"]
[/social]

Preview:

Available arguments for [social_icon] are:

Spacer

This shortcodes makes emty vertical space with a specified height. If content is to close for your taste, feel free to separate them with more space using this awesome shortcode.

[spacer height="50px"]

Staff ( Live Preview )

This shortcode extracts items from the Staff Members custom post type. Choose which departments to display, as well as how many of them in how many columns.

[staff number="4" columns="4" departments="ceo,manager"]

Preview:

Available arguments for [social_icon] are:

Read More ( Live Preview )

[read_more_button link="#" ribbon="false"]Read More[/read_more_button]

Preview:

Tabs ( Live Preview )

Every [tab] belongs to one [tabs] group.

[tabs]
  [tab title="Tab 1"]Tab Content Goes Here[/tab]
  [tab title="Tab 2"]Tab Content Goes Here[/tab]
  [tab title="Tab 3"]Tab Content Goes Here[/tab]
[/tabs]

Preview:

Tabs group width can be changed by wrapping the whole [tabs] group into a column, respecting the column rules.

Available arguments are:

Testimonial

This shortcode extract items from testimonial custom post type.

[testimonials number="3" columns="3" random="true"]

Available arguments are:

Title Description

A neat text styleing

[title_description]Text to apply this styling[/title_description]

Toggle ( Live Preview )

[toggle title="Toggle Title 1"]Toggle Content Goes Here[/toggle]
[toggle title="Toggle Title 2"]Toggle Content Goes Here[/toggle]
[toggle title="Toggle Title 3"]Toggle Content Goes Here[/toggle]

Preview:

Toggle width can be changed by wrapping the whole toggle group into a column, respecting the column rules.

Available arguments are:

Tooltip ( Live Preview )

[tooltip title="Hover text over the tooltop"]Tooltip Text[/tooltip]

Preview:

Available arguments are:

Typography Shortcodes ( Live Preview )

This is [sup]sup[/sup] element.
This is [sub]sub[/sub] element.
This is [del]del[/del] element.
This is [mark]mark[/mark] element.
This is [mark_dark]mark dark[/mark_dark] element.
This is [dfn]dfn[/dfn] element.
This is [strong]strong[/strong] element.
This is [code]code[/code] element.
This is [abbr title="ABBR element"]abbr[/abbr] element.

Preview:

Video ( Live Preview )

[hb_video width="" height="" white_frame=""] Video Embedded Link Goes Here [/hb_video]

Preview:

Available arguments are:

E) Widgets - top

Aegaeus comes with custom widgets. You can find them in Appearance > Widgets along with some WordPres built-in widgets.

The list of custom made widgets :

Note : You can use any shortcode inside Text Widget.

Use widgets simply by dragging them into desirable widgetized area and filling in the required info.

F) CSS Files - top

The following CSS files are imported into the theme when needed. They are located inside css folder.

G) Javascript/jQuery Files - top

The following JS files are imported into the theme when needed. They are located inside scripts folder.

H) Video Tutorials - top

LINK : You can view our Screenr profile here.

I) Credits - top

A huge thanks to all great authors. Feel free to view their work in the links bellow.

J) Changelog - top

Version 4.0

Version 3.0

Version 2.3

Version 2.2

Version 2.1

Version 2.0

Version 1.2

Version 1.1

Still not found answer to your questions? Send us an email and we will respond within 24 hours (working days).

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 MOJO Themes, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Branko Conjic & Hristina Zlateska, HB-Themes

Go To Table of Contents