1. Start
  2. Features
  3. Support Forum
  4. Installation
    1. Install
    2. Update
  5. Airlock - Main Settings
    1. Layout width
    2. Customize Logo
    3. Theme styles
    4. Blog settings
    5. Other pages
    6. Contact form settings
    7. Google Analytics
  6. Airlock - Home Page Design
    1. Sidebar
    2. HelloText
    3. Portfolio
    4. Blog posts
    5. Footer
  7. Airlock - Thumbs
  8. Airlock - Colors
  9. Airlock - Fonts
    1. Adding Cufon Fonts
  10. Airlock - Footer texts
  11. Airlock - Portfolio settings
  12. Airlock - Social
  13. Shortcodes
  14. Adding Frontpage
  15. Adding Portfolio
    1. Add new portfolio item
  16. Multi upload
  17. Widgets
  18. Adding New Posts
  19. Main Page Menu
  20. Demo data, images sizes and others
    1. Demo data
    2. Template image sizes
    3. Video support
    4. Changing favcion
  21. Sources and Credits
  22. Plugin Support
    1. WP Paginate
    2. AddThis
    3. Slideshow

Airlock - Premium WordPress Theme

Documentation


Thank you for purchasing our theme. In case of any questions or doubts, do not hesitate to contact us via our Support Forum: http://support.apollo13.eu/. We will do our best to solve any problem concerning the project. At the same time we invite you to visit often our profile on ThemeForest since there will be appearing the improvements of our project and the newest actualizations.

Features


Support Forum


 In case of any questions or doubts, do not hesitate to contact us via our Support Forum http://support.apollo13.eu/

 

Instruction how to get Purchase Code:

Installation


Install

To install theme you can:

  1. Upload it via FTP
    • Unpack files from theme.zip to new folder named airlock
    • upload whole airlock folder to /wp-content/themes/ in your wordpress installation
    • login to admin panel in Wordpress, and go to Appearance->Themes and click Activate below Airlock theme
  2. Upload it via admin panel
    • go to Appearance->Themes->Install Themes(Tab)->Upload and choose file theme.zip
    • go to Appearance->Themes and click Activate below Airlock theme

After that You will see new menu named Airlock and that is where all fun begins :-) Also you will see Portfolio menu. We will write about it later.  

Update

Best way to update theme is to use plugin such as http://wordpress.org/extend/plugins/easy-theme-and-plugin-upgrades/. You can also manulay delete theme and upload new version. If you have made some changes in theme files you will have to manualy update to keep your changes.

Remember to always backup your data before update!

Airlock - Main Settings


Here you will set most basic options of theme. You should visit this place right after installing theme.

Layout width

Two layout widths:

Customize Logo

Upload logo image. Image should be 200x160px or less(auto centered). There, are two inputs, one for light version, and one for dark version of layout. You can upload same image, or only use one. If you use (described below), those two inputs will be helpful.

Theme styles

Airlock comes with two color version, and here you can choose few things connected with this.

- If you use this will be ignored.

- If enabled, than theme will checck what local time of visitor, and depending on it it will display dark or light version of layout. Form 6 AM to 6 PM it will display light vesrion, and after 6 PM it will display dark version of layout.
-  enable/disable theme footer if whole theme. Only home page can overwrite this setting.

Blog settings

Set welcome text on main blog page, and choose sidebar side for all blog pages.

Other pages

Choose default sidebar location for static pages, search results, and other pages that don't have individual sidebar settings.

Contact form settings

Give e-mail address for contact page form.

Google Analytics

Code for statistics from google

Airlock - Home Page Design


Here you what will be displayed on main page of your site. ( screen below )

Sidebar

Choose to display ( or not ) sidebar on main page.

HelloText

Provide welcome text for hello block. You can also choose to disable this block and move it relative to other blocks. Most top block here, will be most top on your homepage(sidebar dosen't count ;-) )

Portfolio

Beside obvious options, you can choose which category will be displayed as default on page load. One thing to note is that all your works will be loaded here but hidden if they are not in category you choose to display.

Blog posts

Same as portfolio, but there will be loaded only as much posts as you set.

Switch it on/off on home page:-)

Airlock - Thumbs


Here you can set height of thumbs. For now there are two option:

If you wish to change default settings, it would be best to change it before you upload any images, especially when you use Custom HomePage thumbnail and Custom Sidebar thumbnail for portfolio items.

Airlock - Colors


This section is almost useless at the moment, but we will work on it in next versions

Airlock - Fonts


For now here you choose Cufon font, and switch on/off Cufont fonts. We plan to add Webfonts in near future.

Adding Cufon Fonts

If you like to add more cufon fonts to your theme upload them to /themes/airlock/common/fonts .  

Airlock - Portfolio settings


IMPORTANT NOTE IF YOU UPDATE THEME:
Version 1.3 were buggy but still we leave this message.
This is only for users of nice addresses (eg. yourblog.com/about-me ). Since Airlock 1.3  there is change in how portfolio page slug should be named. Before we added pagination for portfolio it should be named same as slug for portfolio, so all addresses would be covered. Due to current wordpress limitations, enabling pagination comes in conflict with that page slug. So to resolve that issue NONE of your static pages should have same slug as portfolio slug. So what slug you should use for your portfolio page? We advice to name it portfolio-list or something else that best describe your use for portfolio type(paintings, hotel-list, etc.)

Before you start you have to decide how you wish your portfolio slug will look in Portfolio slug name. If you are not sure what you should set in there, please leave it as default :-)
Since version 1.4 slug of portfolio can be changed at any time without loosing any changes in your portfolio posts(no renaming files, or any other changes). Still none static page should have same slug as this set here.

Important thing is setting portfolio page. It is main page for your portfolio. You have to specify that one to give access to your works(also makes back link in portfolio works).

Another option you should check is to display featured category. If you enable this then all projects you set as featured will be also displayed in featured category.

Airlock - Social


Here you provide to links to social profiles you have. Nothing new :-) Only thing that should be explained it is setting number of visible icons. If you set it for example to 3 and you provided 5 links to social networks, than first 3 will be displayed instantly, and other two will be available while hovering this section :-) Simple.

Shortcodes


In Airlock we use shortcodes editor. You can see it below:

Use it to insert predefined elements for your content. To see available shortcodes in Airlock theme check http://themes.apollo13.eu/airlock/shortcodes/ and select shortcode category from submenu.

Adding Frontpage


To make frontpage and Blog work as it should you have to follow this steps:

  1. Go to your wordpress admin->Pages->Add new
  2. Add new page named Frontpage and another named Blog. You can leave them empty.
  3. Go to Settings->Reading->Front page displays
  4. Choose 'A static page (select below)'
  5. In Front page: choose Frontpage
  6. In Posts page: choose Blog
  7. Save changes.
  8. You are done :-)

Adding Portfolio


Before you start anything below, please visit Airlock - Portfolio settings

To add portfolio to your blog first you need to create portfolio page:

  1. Add new page
  2. Name it as you wish but keep in mind that if you use nice addresses (eg. yourblog.com/about-me ) than slug of your page have to be different then slug for portfolio setted in  Airlock - Portfolio settings, so everything will work correct.
  3. From template list choose Portfolio.
  4. Save Page.
  5. Go to Airlock->Portfolio and set you portfolio page.
  6. Done

Add new portfolio item

Adding new item in portfolio is same as adding new post with few bonus things (screen below).

Multi upload


Since Airlock 1.5 there is possibility to use multi upload in new portfolio item and new post. To use it you have to use wordpress 3.3 or newer. Using it is simple as it uses same interface as uploading tool in wordpress 3.3.

To use it:

  1. Open new post/portfolio
  2. Click Select files(or use drag and drop)
  3. Choose as many Images as you need.
  4. Wait till all files are loaded.
  5. Add titles,descriptions to new added fieldsets in  Add Image and videos box
  6. You are done. Don't forget to save changes.

This tool is as simple as described here so please don't expect to be smarter. It only intends to make working with Airlock more easier and faster.

Widgets


In Appearance->widgets menu you will see set of widgets. To use it just drag and drop them in Sidebar you will like to see them. Available sidebars:

Adding New Posts


Adding posts i same as always in wordpress, but with few tweaks. Firstly you can use shortcodes editor. Secondly you can add few representative posts and videos for each post in Blog post Detail - Add Image and videos box. If you add more then one it will be made slider of them on top of post.

First item in list will be used for thumb on blog and sidebar list of posts.

In posts list we use excerpt feature. Excerpt are made automatically, but you can also specify what will be displayed. Just find Excerpt box, and type text you wish Read more.

Main Page Menu


If you go to Appearance->menus menu, you can prepare menu that will be used across your page. To use your menu as main Page menu, select it for location(see image).

Demo data, images sizes and others


Demo data

We also provide sample data, if you like to see how it is all made from admin page. If you are confused about options in theme, we advise to use it only to see how things are made in Airlock. After that,  you should clean your Wordpress so you don't have any unwanted content ;-)

How to install sampel data:

Not all post/pages may work as on demo. It is caused by case that demo was specially modified to show all available configurations options.

Template image sizes

220x220px - portfolio items on Home page , portfolio items on portfolio page
220px x auto - blog items on Home page, blog items on blog
200x80px - sidebar posts and sidebar projects(recent projects, featured projects, related projects)
640px x auto - portfolio item (vertical mode and slider mode)
455px x auto - portfolio item liquid mode

Video support

Airlock theme support Youtube and Vimeo videos, and also HTML 5 types.

For youtube best to use links as : http://www.youtube.com/watch?v=JByDbPn6A1o

For vimeo best to use linkas as: http://vimeo.com/12280336

Any other link will be treated as HTML 5 video. Browsers that understand the HTML5 tag will display MPEG/H.264 (.mp4) files, VP8/webm (.webm), or Ogg/Theora (.ogv) files. Other browsers can use Flash to play the .mp4 or .flv.

Changing favcion

To change favicon you have to upload your icon to wp-content/themes/airlock/common/gfx as icon.png.

If you want to use other name for favicon change this line in header.php in Airlock theme.

<link rel="shortcut icon" href="<?php echo TPL_GFX;?>/icon.png" />

 

 

Sources and Credits


The scripts used is the project:
- jQuery (http://jquery.com)
- Cufon (http://cufon.shoqolate.com)
- VideoJS (http://videojs.com/)
- FancyBox (http://fancybox.net)
- Masonry (http://masonry.desandro.com)
- hoverIntent (http://cherne.net/brian/resources/jquery.hoverIntent.html)
- ScrollTo (http://flesler.blogspot.com)
- jQuery resize plugin (http://benalman.com/projects/jquery-resize-plugin/)
- Style Sheet Switcher (http://www.kelvinluck.com/)
- AnythingSlider (https://github.com/ProLoser/AnythingSlider)
- TimThumb (http://www.binarymoon.co.uk/2011/08/timthumb-2/)
 

Airlock theme use modified code of:
- Flickrpress http://michael.tyson.id.au/wordpress/plugins/flickrpress

 


Once again, thank you so much for purchasing this theme. As we said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist.

Apollo13 Team

Plugin Support


In Airlock we provide support for some plugins due to our customers requests.

WP Paginate

You can get it from http://wordpress.org/extend/plugins/wp-paginate/installation/.

We got paging system in out theme(top right on blog/portfolio pages) but some people wnat numeric pagination. For them we provided support for this nice plugin. You just need to install plugin and pagination will appear on its place :-) No need to change anything in code.

AddThis

You can get it from http://wordpress.org/extend/plugins/addthis/.

AddThis is social plugin that will provide support for social media in your blog. Install plugin, configure its options, and you are ready. We done already things that if should look nice with our theme.

Slideshow

We still not decided what plugin for slider we will support, but it will appear soon :-)