Adding images

Written by Benji March 8th, 2010

The Columnist theme is extremely flexible with images and supports the latest Wordpress image functionality. It features custom fields to display various sized images and thumbnails to support each article.

Continue reading →
Close

Image usage

The Columnist theme is best suited to having one single ‘hero image’ that supports the story or article — much like a newspaper. The image above is an example of the hero image.

  1. Hero Image: 625px × 390px
  2. Thumbnail Image: 140px × 180px
  3. One-column width: 452px
  4. Two-column width: 218px
  5. Three-column width: 140px

The hero image 625px × 390px

The hero image is 625 pixels wide and 390 pixels high. You can define which image you would like to use by entering the URL in the custom field titled: ‘Large Image (625×390)’.

The thumbnail image 140px × 180px

The post thumbnail image is 140 pixels wide and 180 pixels high. Similar to the hero image, you can define the thumbnail image by entering the URL in the custom field titled: ‘Thumbnail Image (140×180)’.

In-post images

You can easily insert images into your posts by using the regular <img> tag. Your image is automatically re-sized in relation to the column structure being used. To demonstrate this, a single image below will be used for each column scenario. To learn more about defining the post column structure you can check out the Text style post.

  1. One-column: 452px wide
  2. Two-column: 218px wide
  3. Three-column: 140px wide



  • Date: February 2010
  • Photo: Ben Martineau

Posted in Images

8 Comments

Tagged with , , ,

8 Comments

  1. [...] can find The Columnist theme support and help documentation from this demo site for topics such as: Adding images, Text styles, Downloading and installing, Video posts, The making of and Version [...]

  2. Wallace says:

    @Benji,
    IE looks like a dinosaur, it’s past tense. lol

  3. Alex says:

    This is a lovely theme. I am trying to set it up and I am having issues with the images so I thought I would post here.

    I enter the custom field title as

    ‘Large Image (625×390)’

    and then put the link in the value field and nothing happens? Am I totally missing something here? :(

  4. Benji says:

    @Alex seems a little strange…
    Make sure you are using absolute url’s
    E.g. http://yoursite.com/img/image.jpg

  5. myish says:

    got it!

    @alex, when posting for the hero image, in the LINK URL click FILE URL instead of Post URL.

    this is totally rad theme.

  6. Lora says:

    I am trying to put a logo where the thumbnail image is, top left and I can’t figure out how to do so. It’s the same size as the thumbnail image. Any help would be fabulously appreciated.

    PS – I love how typography strong it is :)

  7. Francis says:

    Not a fan of custom fields, but must say that this theme got me thinking. i’m gonna give it a try, well actually more than that. i gonna use it. thanks for all your time and effort. appreciate it.

  8. Matt Nguyen says:

    Great theme, is it possible to post a hero image on the home (index) page? I’d like to post a logo on the home page instead of the large empty white space.

Show some love:

News

The Columnist is a grid based wordpress theme. It features a newspaper column layout, neat typographic heirarchy, a tidy grid system and some css3 & jQuery greatness.

Continue reading →

View all

Images

The Columnist theme is extremely flexible with images and supports the latest Wordpress image functionality. It features custom fields to display various sized images and thumbnails to support each article.

Continue reading →

View all

Videos

Keith Loutit’s awesome tilt-shift time-lapse clip of Tamarama Beach, Sydney, on the first warm weekend of the year.

Continue reading →

View all

Design

The Columnist is inspired by grid structures, Helvetica, jQuery, Wordpress, photography, minimalism and the interwebs!

Continue reading →

View all

Typography

The Columnist has a strong emphasis on typography. It uses an exponential formula for text hierarchy and the greatness of Helvetica along with column layouts and newspaper theme.

Continue reading →

View all

Installation

This post demonstrates the step-by-step process to installing The Columnist Wordpress theme and applying it to your blog or website.

Continue reading →

View all

Mentions

General mentions, mumbles and some examples of people repping The Columnist theme.

Continue reading →

View all

Versions

The latest and greatest version of The Columnist Wordpress theme is ready and waiting for you.

Continue reading →

View all