Paul Bennett - tagged with theme http://paulicio.us/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron p4blo32@gmail.com Urban: A Free Wordpress Theme http://paulicio.us/items/view/25/urban-a-free-wordpress-theme/Urban-A-Free-Wordpress-Theme

Urban is a free Wordpress theme from Paul Bennett, based around the idea of having posts displayed in a timeline. It features a scrolling timeline, inline loading of posts, pages, images and Youtube videos, realtime search that displays results as you type, tracking of your recently viewed pages, and other footer modules including twitter updates and last.fm recently played tracks.

Try the live demo.

Usage:

Urban gives you several ways to represent your posts: Display the excerpt (default behavior), display an image, or display a Youtube video.

Displaying an image is a similar process to that of my previous theme, Viewport, however now there is no need to re-size your images manually, Urban will automatically do it for you! So:

  1. Write the article as normal.
  2. Click the ‘Add an Image’ button and upload your desired image.
  3. Copy the image link from the list that appears, click ‘Save all changes’ and close the overlay.
  4. Scroll down the ‘Write Post’ page to the ‘Custom Fields’ tab and in the key field enter ‘lead_image’ (minus quotes).
  5. Paste the image link you copied previously into the value box and click ‘Add Custom Field’.

That's all that's required, now your post will be represented by an image which the reader can expand by clicking the magnifying glass that appears when they roll their mouse over a post.

Displaying a Youtube video is even easier! Simply:

  1. Write the article as normal.
  2. Scroll down the ‘Write Post’ page to the ‘Custom Fields’ tab and in the key field enter ‘youtube’ (minus quotes).
  3. Paste the complete Youtube link you from your browser address bar into the value box and click ‘Add Custom Field’.

Urban will then go and grab the video screenshot for you, and users can watch the video by clicking the magnifying glass that appears over the post.

When you're done your 'Custom Fields' tab should look a little bit like this:

picture-1

Other Options:

Urban offers some advanced options that blog owners may choose to activate. These are explained in more detail on the 'Urban Settings' page that will appear on your Wordpress Admin page when the theme is activated.

These options are:

  • Enable tracking (no personal data is stored)
  • Enable Last.fm
  • Enable Twitter
  • Enable Spell Checking

Download:

Download the Urban theme (.zip ~760kb).

Questions and Comments:

Limited support is available, just leave a comment on this page and I’ll see what I can do.

If you like what you see here, and would like to talk about what I can do for you, get in touch!

]]>
Thu, 09 Jul 2009 06:33:53 -0500 http://paulicio.us/items/view/25/urban-a-free-wordpress-theme/Urban-A-Free-Wordpress-Theme
Viewport: A Free Wordpress Theme http://paulicio.us/items/view/28/viewport-a-free-wordpress-theme/Viewport-A-Free-Wordpress-Theme

Update:

Viewport is now integrated into PhotoQ Photoblog Plugin by Manuel (whoismanu.com).

PhotoQ is a WordPress plugin that turns your blog into a photoblog. If you are a photo enthusiast or simply have a lot of pictures to post, PhotoQ is your ideal companion.

I'm am very pleased to have Viewport included with PhotoQ, and you really must check it out if you are a photoblog owner!

Update:

Version 1.1 has been released with several bugfixes and improvements. Please scroll down or click here to get the latest version.

Viewport is a free Wordpress theme from Paul Bennett. It features a clean and simple layout with sliding 'panels' displaying images to represent posts. It also features a user-changeable background (color or image) and other customizable elements.

More information about the theme can be found here at Smashing Magazine, and here on the Live Demo.

Usage:

As this theme uses images to represent articles, a little more work is required when posting. This is a step-by-step guide to using the Viewport theme:

  1. Write the article as normal
  2. Create 3 images using your favorite image editing program. They'll need to be 940x600px, 940x300px and 270x172px respectively.
  3. Click the 'Add an Image' button and upload your first image.
  4. Copy the image link from the list that appears, click 'Save all changes' and close the overlay.
  5. Scroll down the 'Write Post' page to the 'Custom Fields' tab and in the key field enter 'lead_image' (minus quotes).
  6. Paste the image link you copied previously into the value box and click 'Add Custom Field'.
  7. Repeat steps 3-6 with the other 2 images, however enter 'single_image' in the Custom Fields value for the second image, and 'archive_image' in the value for the third image.

That's all, now your posts will be represented by the images you chose.

Posts that don't have images will display a grey box, so whilst it may be time consuming, you may wish to update all your recent posts at least.

Additional Notes:

It's worth noting that uploading just a lead_image, will work - the image will be resized to display on the other pages, however in the long run you may see increased bandwidth usage due to always loading the large image.

Depending on the image quality you use, the main images are likely to be between 50KB and 300KB each, for that reason it is recommended to edit your Wordpress settings to display around 10 posts per page. In actual fact, because the archive page works in groups of six, you may wish to display a multiple of six posts per page -  I recommend 12, but the choice is yours.

Credits:

Download:

Download the latest version directly (.zip ~255kb).

Download the Viewport theme from Smashing Magazine. (Older Version)

Questions and Comments:

Limited support is available, just leave a comment on this page and I'll see what I can do.

If you like what you see here, and would like to talk about what I can do for you, get in touch!

Version 1.1:

Version 1.1 of the Viewport theme is now available to download here. This updated is recommend for all users experiencing problems with version 1.0.

Changelog:

  • Fixed: unclosed divs when comments on articles are closed.
  • Fixed: 'Where Next' image not updating correctly/at all.
  • Fixed: Archive and Category pages not scrolling correctly/at all.
  • Corrected: 'Image Color' to 'Background Color' on settings page.
  • Feature: Theme now supports multiple media types including images, flash video and iframes (support for Google Maps included) as the lead_image. Read more about this feature below.

Recommended for advanced users only, lead_type now accepts links in image, flash video (.flv) and iframe format. The theme will attempt to determine the type automatically, so no further user input should be required. However if the content is not displayed correctly or at all you may try adding the custom field 'lead_type', for which accepted values are either 'flash' or 'iframe', this will force either media type to be displayed. It is also worth noting that video content doesn't have to be prepared in 940x600, however it will be stretched to fit. Additionally you must define the size of the iframe, width=940 height=600 (Google Maps default is 425x300 for example, so you must change these values in the lead_image field).

]]>
Tue, 04 Nov 2008 22:00:33 -0600 http://paulicio.us/items/view/28/viewport-a-free-wordpress-theme/Viewport-A-Free-Wordpress-Theme