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
Download
Please visit The Unstandard page for details, instructions, and a demo.
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
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.
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
Problem solved! Thanks so much for that Derek, you’re a star.
José
Thanks, Derek!
[...] Demo Download Tags: 2009, Best, coding, commercial, demo, design, designer, download, Free, personal, premium, [...]
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?
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:
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.
[...] Unstandard WordPress Theme [...]
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
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.
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.
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.
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
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.
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!
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
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
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
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.
excellent. As long as the post image is 600 px, no distortion. works very well.
Hey Derek, I love the theme! Just one question for you, can you suggest a way for me to change the comments tab that shows up on each picture/post on the main page? I’d like to change it from displaying the number of comments, to displaying the date in which that post was published. Any suggestions? Thanks!
In index.php, find this code: <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?>
Replace it with: <?php the_time('M jS Y') ?>
Note that you’re changing the tab from being a link to a plain text string. You’ll need to go into the main stylesheet (style.css) and change the support styles for that "comment" tab.
Right on, thanks Derek! Much appreciated.
I know you just can’t please some people, but I preferred your 1.1.6 iteration because it was easier for me to customize.
-in my file manager, the separate elements of the theme don’t show. soI can’t just edit the css file and upload it – same with the php components. Where’d they go?
-I would like to restore the previous look of the comments on =home posts but can’t remove the .moz radius rounded corners easily – the fixes I’ve done cause problems with the titles, etc. FAQ anywhere?
-Unable to change shared footer in widgets and remove your instructions.
I like that you can use an image in the sitename though –
If your theme files are writeable on the server, you can make all of the changes you’ve mentioned directly from within the Admin Dashboard. The “separate elements” you speak of are all in the editor. WordPress often adds its own title before the actual filename. Example: Main Index Template (index.php).
You can still create your own custom files and upload them directly to the theme directory overwriting the originals. Or, using your FTP client, open files directly on the server. All the files – php & css – are all there in the root theme directory so I’m not really understanding what you’re having issues with finding them.
To remove the border radius from comments, open style.css (in the Admin Dashboard or via your FTP client and look for:
.post-comments a { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; background: #fff; border: 1px solid #ddd; color: #555; display: block; font-size: 0.8em; padding: 7px; text-align: center; }
Remove the -moz* and -webkit and save. Rounded corners on the comment tabs will be gone.
Re: the widget instructions, I can not begin to explain how often people emailed in asking where they could configure the proper widgets for the theme. If you want to remove that instructional text, open footer.php and delete the following between the else & endif:
<h3 class="module-title">Configure Widgets</h3>
<p class="sidebar-desc">The Unstandard theme utilizes WordPress widgets to populate the main sidebar, single post sidebars, and shared foote area of a page. To remove this message, visit your Admin Dashboard to configure your site widgets. Customize this area by selecting widgets for the ‘Footer – Shared’ zone.</p>
Sorry, you beat me to it Derek. The theme files are updated on my server and I can edit them now. I like being able to restore a copy of my stylesheets to quickly restore my changes when the theme is updated. And you’ve done a great job of that!
The first item is incorrect, the file manager has now updated on my server.
Nice theme however |I am not technie enough to change the pics… shame…
Thank you for this wonderful theme!
I have used it to showcase my work on my website.
Well documented, and easy to tweak!
High five.
Hey Derek,
Thanks for a rockin’ theme! I am trying to get the whole custom fields bit to work with my install of WordPress MU, and I can’t get them to work to save my life. Is this a common problem or I am just missing the trees through the forest?
I have the lead_image and secondary_image fields set up and my values are ‘ file/2009/07/image.jpg ‘
Any help would be great, thanks!
Image URI’s need to be absolute – instead of file/2009/07/image.jpg, it needs to be http://domain.tld/file/2009/07/image.jpg. That is if you want to have timthumb automatically generate the thumbnails and crop for you. Also note that the file needs to be on your server, and not remotely hosted.
If you would prefer to use remote files, disable the timthumb option from the theme options page and user the absolute URI for the image e.g. http://flickr.com/photos/whatever.jpg.
Okay, my bad about the absolute URI’s. And now it works great with a standard WP install. However, I am still fighting to make it work in WordPress MU. I have the same settings and the same image, but it only works in WordPress. MU is still the stubborn one.
Thanks again!
I am building a site using the unstandard but have a couple of problems.
The thumbs on the homepage are not showing the images. I followed the instructions, with lead image and secondary images.
Also the “about” tab is not working?
I would really like to use the theme, any suggestions.
Double checked to make sure that scripts and cache have the correct write permission (777)? Are images hosted locally on your own server? The about tab needs to be mapped to the correct URL. Open header.php and adjust accordingly.
Can you help me?
I cannot find where to disable timthumb
I want to use externally (flickr) hosted images as my lead and secondary images.
Help is much appreciated as I don’t want to be uploading my photo’s twice.
I await your reply.
Malcolm Bryce
Cliffe FC
Open the theme options page. The last option gives you the choice of enabling (default) or disabling timthumb support.
The only options I see are:
Select A Color
Logo Style
Fancy Post Headers
There is no forth option for timthumb support…
Help?
Grab the latest again. I just double checked to see if the option was in the theme file and it is. You may have downloaded a version right before I added the option.
Hello Derek,
I’ve disabled the TimThumb option and placed the external URL’s for my lead and secondary images and it is still not working for me.
I’ve updated the version if TheUnstandard.
Help please…