Instapic is a fun theme styled after the popular Instagram, allowing you to mimic the features that Instagram offers (minus the photo filters), yet run the photo blog on your own.  Instapic features Google Map support, as well as a ‘like’ counter to keep up with what your followers most enjoy.

How this theme operates:

The image displayed on a post, both on the index and single post views, are set using the Featured Image function of WordPress.  Post contents display on the sidebar underneath ‘More About This Photo.’

The blurb in the sidebar on the homepage, as well as the archives page, is the tagline set under the General settings option in the Administration Panel. now set in the theme options panel.

The theme is coded to display the like counter and map location if the plugins are installed.  If they are not, the theme will simply ignore their display.

Theme Instructions

Step 1 – Installation
Download Instapic
Upload the entire Instapic folder to /wp-content/themes/

Step 2 – Site Settings
Login to your admin panel

1. Choose Instapic as your theme in Appearance >  Themes
2. Settings > Media > Image sizes
   Medium size – 580 x 580
   Thumbnail size – 60 x 60
3. Settings > Reading > Blog pages show at most 81
4. If you want comment threading
   Settings > Discussion > Other comment settings
   Check “Enable threaded (nested) comments x levels deep.”
   Recommended depth level of 3 or less.

Step 3 – Optional Plugin Settings
To take advantage of the map feature, upload and activate WP Geo and make the following setting changes

1. Set “Show Post Map” to Manually
2. Set “Default Map Width” to 340px
3. Set “Default Map Height” to 150px

For the Like feature, simply upload and activate the Like This plugin

Step 4 – How to Create Pages

• Archives Page
  Page-slug = archives
  Attributes > Template > Album
• Tags Page
  Attributes > Template > Tags

Additional notes:
Medium images are cropped with the set dimensions above, but are cropped from the center.  So please keep this in mind for any wide or tall photos.

If you wish for the site title to appear in script like the demo, download and upload the Blackjack @font files to the fonts directory.

The Postie plugin works with Instapic.  Just be sure to leave the image formatting from the Image tab empty, as Instapic automatically attaches the image to the post as the featured image.

How To Post:

While making a post, use the default WordPress media uploader to upload an image.  After your image has uploaded, you can either click “Set as featured image,” or just close out the uploader and the theme will automatically feature the image.  The contents you type inside the post box will appear in the right sidebar underneath “More about this photo.”  Post contents can be left blank if you wish to not describe your image or leave any additional information for your visitors.

The location is set using the WP Geo box on the post screen.

I’d like to thank the following people for their plugins/scripts/icons that made this theme possible:

Jquery Custom Content Scroller for the cleanest looking css scroller I was able to find!
WP Geo / (WP Plugin) for such an awesome Google Map plugin and excellent support!
Like This / (WP Plugin) for such a great and simple ‘like’ plugin!
BlackJack Font for a great looking script style font!
IconSweets2 for the awesome iconpack that you’ve released for free!

Changelog:

• 0.1 – 6/26/11
  • Initial release
• 0.2 – 7/5/11
  • Removed custom functions to display images and used the Featured Image feature of WordPress instead
  • Cleaned up styling code
• 0.3 – 7/18/11
  • Added navigation to the album.php sidebar
  • Adjusted styling on the album.php page to better layout the thumbnails evenly.
• 0.4 – 7/22/11
  • Custom menus now supported using the native WordPress menu theme option, set under Appearance -> Menus
  • Custom background option in backend allows for color change or background image upload, set under Appearance -> Background
  • A post’s image attachment is now automatically set as the featured image
  • Theme update notification added in backend to notify theme user of new releases
• 0.5 – 8/2/11
  • Background defaults to the standard woodgrain if none is set through the Appearance -> Background setting
  • Images are stripped from being displayed in the sidebar if they are inserted in the post content
  • Control panel allowing for the selection of colors for different elements of the theme, seo options, and custom welcome text replacing the old blog description
  • Introduced a new @font-face to replace the Myriad Pro font, since some systems lack it
  • Facebook meta tags added, as well as a function to set the featured image as the facebook share thumbnail

License: GPL

Feature roadmap:

• Widetized areas in sidebar, possibly per type of page (archives, single, page, etc.)
• Options panel in backend for customizing colors Included in v0.5
• Background option in backend to allow for color change or background image upload Included in v0.4
• Make the post’s image attachment automatically be the “featured image” for the post Included in v0.4

Please feel free to leave more suggestions in the comments below.

  Instapic (513.9 KiB, 246 hits)