iA³ Template for WordPress

iA3 WordPress Theme
HTML5/CSS3 with iPhone/Android Theme
Price: $33

The iA³ WordPress theme is simple, fast, clear, with full focus on readability. It is based on the actual theme we use on the iA website. As you can see, it incorporates standards compliant HTML5 and CSS3 and some tasty jQuery stuff. The HTML code follows a simple structure which helps your SEO. It comes with a fully functional iPhone/Android version.

Why we Sell it

We believe that no matter whether you’re a private person or a commercial entity, the iA template will save you time, nerves and money. That’s what you pay for. A comparable custom built template built by iA will cost you between USD $500 to $20,000, depending on whether it’s done in Manila or New York (you know the drill).

Yes, this is the template that we use right here. Among others It was featured on the Best Of CSS Design 2009 list by WebDesignerWall, as one of the 40-killer-minimalist-blog-designs by Spirestudios, featured as an “Excellent Example for Great Web Typography”, it is one of the favorites at Best Web Gallery and Web Design Ledger.

Don’t Buy This Unless…

…you have programming skills. We will answer critical questions about the template. But we will decide which questions are critical. We won’t provide full support. If you don’t know how to install WordPress or deal with simple code, DON’T BUY IT! Let me say that again: If you don’t have any programming skills IT IS NOT FOR YOU!

If you find out after you bought it that you don’t like it or that you don’t know about WordPress installations, you will not get any money back. It is so cheap because we don’t provide customer support. If we had to, the price would go up considerably.

Updates

  1. You can get future updates as long as we develop it.
  2. We will update it with future releases of WordPress, but each iA³ version only works with its own WordPress release
  3. Eventually we will update the template if any major CSS or PHP problems arise.
  4. Please keep your PayPal code to make sure that you can claim those updates for free.

Screen Shots

Desktop Browser

  • index.php
  • archive.php
  • single.php
  • about.php
  • gallery.php
  • gallery-single.php
  • tweets.php

iPhone/Android

  • index.php
  • single.php
  • single.php
  • single.php
  • about.php
  • gallery-single.php
  • tweets.php

Notes

The template includes the following files:

  • 404 Template (404.php)
  • Archives (archive.php)
  • About Page Template (about.php)
  • Gallery – single Page Template (gallery-single.php)
  • Gallery Page Template (gallery.php)
  • Main Index Template (index.php)
  • Page Template (page.php)
  • Search Results (search.php)
  • Single Post (single.php)
  • Tweets Page Template (tweets.php)

Main Index Template (index.php)

You can feature the article on top page with a prominent image. To do this, create a category “Featured” first. When you write a featured article, include “Featured” in category (fig.1) and set a “featured_image” custom field; put the big image path into the input field (fig.2).

Figure 1

Figure 2

The text section before will appear on the top page. Please make sure that you don’t include images before the more tag.

About Page Template (about.php)

This corresponds to our contact page. We included the access map of iA as a default. Replace with your own. The information showed in the left column is page content.

In order to create an about page you need to 1. Create a new page 2. Chose the subtemplate from the “Attributes” box on the right hand side (in the backend). Don’t link directly to the about.php!

Tweets Page Template (tweets.php)

To make this template work, you have to install the “Twitter for Wordpress” plugin. The templates are filled with iA related twitter account details to show you how it works. Please edit the account names and put in your own details. The twitter account overview page template uses http://tweetimag.es/ for the avatar images!

Single Post (single.php)

Per default, the template provides a comment function. If you want to use similar article page functions as we use them on the iA website, you have to install “Post-Plugin Library” plugin, the “Similar Posts” plugin and uncomment the source right above #comments section.

Gallery Page Template (gallery.php)

The images shown in this template are implemented by hand. If you add new page as gallery-single type, they will not appear automatically. You have to edit the template directly.

In order to create a gallery page you need to 1. Create a new page 2. Chose the subtemplate from the “Attributes” box on the right hand side (in the backend). Don’t link directly to the gallery.php!

How to Implement the Fancy Image Larger Ajax Effect

  1. Go to fancybox.net and get the jquery.fancybox.js plugin.
  2. Put the file into the “themes/js” directory.
  3. Edit line 2 of the the file “themes/js/bundle.php” by adding “jquery.fancybox” to the end of the string.
  4. Edit the block starts at line 10 in the file “themes/js/init.js” so it looks as follows:

if($.browser.mobile){
iaMobileNavInit();
}else{
$('.contentBody .enlarge').fancybox().sparkle();
}

If you do this correctly, your “.enlarge” classed images now should pop up with the fancybox effect.