5ThirtyOne

Derek Punsalan

Media Temple

The Unstandard WordPress theme

The Unstandard WordPress theme is released / shared with the intent of breaking the typical blog mold. Farewell to the blase reverse chronological text heavy front pages, and hello to visuals & imagery to lure visitors deeper into your website / blog. A WordPress theme comprised of a – grid aligned – images for forward facing pages, and clean textual presentation on the inner pages. Originally developed for personal use, and modified for release, I felt that an update to the WordPress themes made available on 5thirtyone.com was due.

I hope that the theme is enjoyed and will serve as the foundation for future WordPress driven blogs. Please read through the details below before downloading and installing.

Screenshot

The Unstandard screenshot

Download

Please visit The Unstandard page for details, instructions, and a demo.

Backblaze unlimited secure online backups Find out what Backblaze can do for your online backups

431 Comments • RSS

  1. Tarkan says:

    Hi,

    Quick question: I seem to be having a lot of trouble getting the text to wrap around an image. Is anyone else having this problem? Any solutions? Seems to only be an issue with the Unstandard theme.

    • Yes Tarkan, I have the same problem. In my case, text and images (see above comment) are wrapped correctly in the WP WYSIWYG editor, but not when the post is published. As far as I can see the correct html and align attributes are in place, but something seems to be overriding this.

      I too would be very grateful for a solution to this problem :-)

    • Tarkan says:

      Jose,

      Same here. It looks fine in the editor, not so in the preview. Otherwise a great theme. Just wish I could solve that issue.

    • Derek says:

      The theme has been updated. Check the code repository for the latest version. The problem was that images aligned using the options in the WYSIWYG editor were missing from the stylesheet.

      Starting on or around like 297 in the stylesheet look for img.floatleft and img.floatright. Replace those selectors with this (or download the latest from the project page):

      .post.single img.floatleft,
      .post.single img.alignleft {
      float: left;
      margin: 4px 10px 0 0;
      }

      .post.single img.floatright,
      .post.single img.alignright {
      float: right;
      margin: 4px 0 0 10px;
      }

      For future reference, Google Code offers a convenient ticketing system for users to report issues with the theme here: http://code.google.com/p/theunstandard-wordpress/issues/list

  2. Problem solved! Thanks so much for that Derek, you’re a star.

    José

  3. [...] Demo Download Tags: 2009, Best, coding, commercial, demo, design, designer, download, Free, personal, premium, [...]

  4. Andi says:

    Hi Derek,

    thank you very much for this great theme!

    I´ve got just a little Question: is it possible to change the amount of images which are displayed at each site before the “next” button appears?

    • Derek says:

      Assuming you’re running the latest from the Google Code project, you can specify the number of images before pagination occurs in the admin Dashboard:

      Post number before pagination

  5. Andi says:

    Ah, very cool! Thanks a lot!

    You can take a first look here: http://www.jenbachweb.de/trachtenstrip/2009/

    But it`s still a lot of work to do. ;-)

  6. Kyle says:

    Derek,
    First off this theme is super tight! Thank you very much for releasing it…and for free!
    I’m attempting to modify the style a bit and make all the lead/secondary images the same size laid out like a grid. What line of code would I remove/change to eliminate the need for a ’secondary image’ custom field?

    Thanks in advance, any help is appreciated!
    Kyle

  7. jujyja says:

    Looking to automate the image sizes for the lead and secondary images. Somewhere I read about using tim thumb script, but though I can’t locate it in the theme directory resizing already occurs. Using the media uploader for images, automatically resizes to 300×300 and 150×150. Is this a function of your theme or a tim thumb script running in Wordpress 2.8? How can I automate lead and secondary images?

    I LOVE this theme. Thank you Derek – and the grid implementation on your personal site is awesome.

    • jujyja says:

      I see, those sizes are in the dashboard Admin -

      Still looking for a way to automate slicing of images into your lead and secondary image sizes.

    • Derek says:

      Subscribe to the RSS feed for updates. I haven’t had a chance to finish the image resizing post. But there are a few different ways that this cropping can be done.

  8. Raul Raja says:

    If you want to auto crop and resize the medium and large image sizes you can add the following to your functions.php in the theme files.

    ## support for auto cropping medium and large size images to conform with the unstandard theme sizes
    ## Modify tools – media settings with the right small, medium and large values
    ## large 593 x 225, medium 502 x 200 (this is a nice size for embedding inside post) and small 293 x 150
    false === get_option(”medium_crop”) ? add_option(”medium_crop”, “1″) : update_option(”medium_crop”, “1″);
    false === get_option(”large_crop”) ? add_option(”large_crop”, “1″) : update_option(”large_crop”, “1″);

    Then change your Settings-> Media to

    Thumbnail size 293×150
    Medium size 502×200
    Large size 593×225

    The medium size is just perfect for embedding inside your posts when using the unstandard theme

    • jujyja says:

      Thanks Raul, this works. But this automatic function is a scaling rather than a cropping procedural. The lead and secondary images used in the grid on the home page are “slices” and a different ratio of height to width than the medium size. Distortion results. So it’s back to Photoshop for the processing.

      I agree with Andi that’s a lot of work.

    • Derek says:

      The Unstandard code is being updated in a few moments. A tutorial post will also go live here on 5thirtyone.com which explains what I’ve updated. The new version of the theme will allow use of the same image URL in both custom fields with thumbnailing handled by timthumb.php. No more manual cropping in Photoshop before uploading!

    • Raul Raja says:

      Seems like Derek is fixing it so no mods are not required, The function I posted though it auto crops the image with no distortion in my case

  9. Almo says:

    Hi

    I seem to be having a problem with images on the home page, it goes to “theunstandard-blank.jpg” – a gey box instead of my desired image.

    Can someone help with this problem?

    Many thanks

    • Andrew says:

      Hullo – I also have the same issue. Images are attached to the individual posts, only a grey box shows on the home page.

      kind regards

    • Derek says:

      If you’re seeing a blank grey box, you either didn’t upload a image for lead_image / secondary_image, or you’re trying to host the image somewhere else other than your server.

  10. jujyja says:

    excellent. As long as the post image is 600 px, no distortion. works very well.

Leave a Reply

Comments may be held for moderation. If your comment does not appear immediately, do not repost. I reserve the right to remove any inappropriate or off-topic comments. If you plan on sharing helpful code, please pass it through Postable first. Want other to know who you are? Register a Gravatar.

Syndicate

Subscribe via RSS or Email

Advertisements

9rules network

Categories

5THIRTYONE

Public projects

Select project

Something new

Fresh content

Show Latest

Easy thumbnails for The Unstandard (or any theme) One of the most requested features by The Unstandard WordPress theme users was a easier method for photo thumbnails on front pages. After exploring a few options including using the baked in ... Link