AutoFocus

AutoFocus

A derivative of Futurosity Aperio Prototype by Robert Ellis, AutoFocus is a Wordpress theme specifically for photographers looking for a simple and elegant way to display their work online.

Demo

All of the photos used in the demo were shot by Ouxu Cheng (used with permission).
See more of her BRILLIANT work here: http://www.flickr.com/photos/ouxu/

Screenshots

Download (version 1.0.1)

Installation

Simply download/extract the zip file and upload the resulting ‘autofocus’ folder to your Wordpress themes folder. Then navigate to APPEARANCE > THEMES and activate AutoFocus.

Usage

Settings

Before uploading new images, go to SETTINGS > MEDIA page. Set the LARGE Max Width  to 800 and the Max Height to 600.

Posting

Simply create a post and use the Wordpress image uploader to attach any high resolution(I recommend images higher than 800px) image(s) to your post. Write the content for your posts, just like any regular blog post. Hit PUBLISH and you’re done! The attached images are placed into the photo area automatically which means no custom fields required! UPDATE: AutoFocus, pulls the last uploaded image for every post, so if you upload 3 images ie: 1.jpg, 2.jpg, 3.jpg, then 3.jpg will be used as the main image on the home and single pages.

As an alternative, you may also use the “From URL” option on the Wordpress Media Uploader to link to images hosted elsewhere (flickr, photobucket, etc.) When you post images this way, AutoFocus will automatically generate the custom fields required for the posts to display properly.

You can place images in your post’s content and you can use the gallery shortcode in posts without any issues.

UPDATE: If you are getting weird gallery shortcode CSS in your excerpts on the home page and archives, simply add some text to the Excerpt content area of your post and all should be well.

Layout

This theme also comes with a more generic 1 column Blog layout. To activate it, simply delete or rename the home.php file.

Sidebar

The sidebar for this theme is included as a template for use on an ‘Archives’ page. To activate the sidebar, create a page called ‘Archives’ for example and select the Archives Page Template. This template pulls in the 2 sidebars that sit right on top of each other.

Features

  • Images are automatically placed into posts. No need to use Custom Fields.
  • Psuedo-Image protection. All of the images are protected from download with an invisible layer of HTML that prevents users from Right Clicking and Saving the image directly. Similar to how flickr does it.
  • 2 Front page layouts. Photo Layout (home.php) and Blog Layout (index.php)
  • Works with Wordpress for iPhone (resize images must be turned OFF.)

FAQ

Known Issues

This theme has not been completely browser tested. AutoFocus looks best in Safari and Firefox on Mac ( As all sites do :-) ), but it should hold up pretty well on PCs. IE6 doesn’t like this theme AT ALL so of you absolutely need your site to be consistent on IE6 you probably should go with another theme. I am working on bug fixes for this but at the moment, it is not a major priority.

Versions

  • 1.0.1
    • Adds IE6 & IE7 support (still a work in progress but FAR better than before).
    • Fixes the ‘Leave a comment’ page jump link.
    • Fixes images on the home page using the blog formatted index.php template file.
    • Fixes image ‘floating’ issue in the front page template that broke the image alignment.
    • Improved static navigation arrows for an easier UX.
    • Now pulls the ‘large’ (800px wide) image instead of the full size image for CSS backgrounds on the homepage (Images loads faster as a result).
    • Adds EXIF Data to image attachment pages (However, Shutter Speed does not work).
    • Fixes borders and shadows for Firefox 3.5 and Safari 4.
    • Reworked comments section to include Pings.
    • New 404 template that adheres to the site’s format.
  • 0.9.7
    • Fixes ‘Headers already sent’ error.
  • 0.9.6
    • Fixes removed images on pages.
  • 0.9.5:
    • Removes the first image(the duplicate image) from the post content when it comes before the_content text.
    • Allows for images to show up in the RSS feed.
    • Adds indented sub-page formating in the main menu.
    • Removes grey background for smaller images on single pages.
  • 0.9.4
    • Removes [shortcode] & CSS from single page next/previous excerpts.
  • 0.9.3
    • Fixes ‘From URL’ image errors.
    • Removes [shortcode] & CSS from homepage excerpts.
  • 0.9.1
    • Fixes some IE bugs.
  • 0.9.0
    • First Public release.

License

AutoFocus is Copyright © 2009 by Allan Cole. It is released under the GNU General Public License, version 3, as published by the Free Software Foundation. Basically you can do whatever you like with this theme. I only ask that you please give credit where credit is due by providing a link back to my site: http://www.allancole.com/wordpress.

This theme is offered ‘as is’ so I don’t support theme customization but I will gladly help you with any bugs that you may find. Just leave a comment about it below.

ENJOY.

1090 Comments

  1. Posted Feb 10, 2010 at 5:54 pm | Permalink

    Terrific theme. Truly amazing.

    Sometimes when create posts with several pictures in a gallery the front page has trouble creating a thumbnail for the link. See my site now (www.waese.com) and you’ll see how it’s getting stuck trying to create an image for the final post on the page (backdated to 2004). If I adjust the date to make that the most recent post, the whole page gets stuck and nothing will load.

    Any thoughts on how I can get the image to load?

    Thanks!

    Jamie

  2. Posted Feb 19, 2010 at 8:33 am | Permalink

    Hi Allen,
    I usually don’t ask those questions, but after nearly 5 hours searching I have to: On the Archive Page I see the headline, the “go to” names, all tags, the nav & the WP, Sandfox & Autofocus letter all in a light blue (MAC color picker says #0066cc. I have searched overall and the style.css especially 3, 4, 5 times – nothing. Any idea where this light blue discription code is hidden?
    Thx a lot for any assistance befor I’ll get totally crazy ;-)

138 Trackbacks

  1. [...] ??????? ??? ???????? ???????????.?????????? / ???????AutoFocus – ??? ???? ????????????? ?? ?????????? ??????? ???? [...]

  2. [...] ???????? ???? | ???? [...]

  3. [...] 18. AutoFocus [...]

  4. [...] 18. AutoFocus [...]

  5. [...] Demo Download [...]

  6. [...] AutoFocus [...]

  7. By To see or not to see on Jan 21, 2010 at 7:09 pm

    [...] autofocus [...]

  8. [...] 18. AutoFocus [...]

  9. [...] de vídeo, para blogs, o incluso para dedicar tu instalación al microblogging. Para mi el mejor es AutoFocus, toda una delicia de theme, y para colmo [...]

  10. [...] AutoFocus [Demo] [...]

  11. [...] 04:17:13 · Reply · View stacyreeves: also, neat WP theme for photographers: http://allancole.com/wordpress/themes/autofocus/ 2010-02-01 04:15:21 · Reply · View Tweets [...]

  12. [...] AutoFocus – This theme is for photographers looking for a creative way to showcase their photos. There is a pretty unusual layout in which photos are displayed. [...]

  13. [...] Demo | Download [...]

Post a Comment

Get Your Questions Answered Fast!

WP Questions WPQuestions is a problem-solving community for WordPress, ideal for users seeking quick, succinct answers they can't find in any WordPress forums. I’d recommend running your most pressing Neutica+ questions by the experts at WPQuestions.com. WPQ is also great for established WordPress developers who want to help problem-solve and be paid fairly for their efforts.

Customizations

This theme is offered as is so I CANNOT help with theme customizations or how to use WordPress questions. For the quickest help with customizations, check out WPQuestions.com. There is also an entire community in the WP Support Forums that can provide you with solutions for questions related to WordPress and theme customizations.

Bugs/Errors

I will gladly help out with any bugs, typos, or errors that you may find in this theme at no cost to you. Just leave a comment about it below and give me a few days to figure out a solution. THANKS!

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting