Version 0.3 of the theme is now available for download, and I highly recommend upgrading because nearly every template file has been improved for this release. Don’t fret, though—version 0.3 is much, much smarter than its predecessors, and I’ve made lots of changes that will allow me to provide you with better support, design help, and custom mods in the future.
Although most of the improvements are behind the scenes, there are two major changes that I am excited to share with you.
First, you now have the option to choose between a dynamically generated navigation menu and one that is manually controlled (how it worked in previous releases). The dynamic nav menu is simply a list of your WordPress pages, so if you only use pages in a limited capacity, this option will be perfect for you!
Second, you can now show a video in place of the rotating images if you prefer. As savvy user Ken pointed out, it’s all about multi-media, and now Thesis has you covered in that department as well.
For a more comprehensive and geeky list of the changes to version 0.3, as well as some key upgrade tips, make the jump!
Thesis Version 0.3 Improvements and Changes
- Smarter configuration file
- The theme’s configuration file,
config.php, now contains simpler settings that provide for more user control and fewer errors. Also, this move brings us one step closer to a fully-functional options panel within WordPress, which is the next big step for Thesis. - Lots of CSS consolidation
-
In previous Thesis releases,
style.csswas littered with quite a few unnecessaryfontdeclarations that not only increased the file size, but also made it more difficult to change the theme’s fonts efficiently. To fix this, I consolidatedfontdeclarations into just a few key places, so now you’ll be able to experiment with different font combinations when you customize Thesis.Also, I was unhappy with the way I handled
inputand otherformelements in previous iterations of the theme, so I took some time to extract these styles in a way that would make them more deployable and usable. This move resulted in a file size savings of roughly 6%, and in addition, the developers among you will find it much easier to create fully-styled forms on the fly. - Style and usability improvements
-
Thanks to you early adopters out there, I was able to see Thesis operating out in the wild under many different conditions, and as a result, I noticed elements that needed to be tweaked in order to make Thesis more adaptable and usable. Here’s a quick rundown of the styling changes:
- Adjusted the sidebar headings (
<h2>) so that headlines spanning more than one line of text would be handled in a more aesthetically-pleasing way - Spaced comment meta data (the date and time a comment was made) away from commenters’ names so that the names would have more of a visual impact
- Increased sidebar line height so chunks of text in either sidebar will read as gracefully as the content area
- Tweaked image styles so framed images will look a little nicer
- Increased the height of the comment box so that users will be able to see more of their comment while writing
- Posts with comments turned off no longer display unnecessary “comments off” text
- Adjusted the sidebar headings (
- SEO improvements
- I’m always looking for ways to decrease the number of followed links on every page, and I realized that I could add
rel="nofollow"attributes to comment links that follow posts on index and archive pages. This move further protects your link equity and tightens your keyword optimization—two things that will help your site rank in the search engines. - Custom stylesheet abstraction
- In order to protect against upgrade headaches and unintentional overwrites, I’ve abstracted the custom stylesheet file,
custom.css, from the Theme download file. If you’re a new user and don’t yet have acustom.cssfile, you’ll want to download it separately from the Thesis downloads page.
Helpful Upgrade Tips
Nearly all of the core Thesis files have been modified in some way for version 0.3, and if you want to have a seamless upgrade, you’ll need to follow these steps before you upload the theme:
- Open your new
config.phpfile and set the appropriate variables for your site (especially$thesis_feed_urland$thesis_use_paged_nav). - If you’ve set
$thesis_use_paged_navtofalse, then you’ll need to set up your navigation menu in the newnav_menu_items.phpfile. Note that the CSS classcurrentis no longer supported—it has been changed tocurrent_page_itemto mirror WordPress’ auto-generated navigation code. - If you have customized your rotating images, you’ll need to include the
/headersfolder androtating_images.phpfrom your previous Thesis installation.
That’s everything, and now it’s time to download Thesis version 0.3!
New to Thesis? Find out how you can improve your site immediately with the most optimized and accessible template system on the Web.
{ 2 trackbacks }
{ 98 comments… read them below or add one }
Chris, query from a user of 2 of your older themes:
The image window in the upper R hand of the page: is that assignable to rotate with the most current post? So if the latest post is on, say, beaches, can I assign a beach jpg, to it, but if my next post is on snow, can the image change to the snow jpg I assign to that article?
Ideally, then, when an archived article is brought up, the image showing with it would be the one assigned to it.
Or, is the upper R frame image just a rotation amongst a set of 5 or 9 or whatever?
Peter — As of version 0.3, the rotating image box is not tied to a particular post, but it certainly should be! I’ll have to release a “patch” soon to allow for that functionality, and then plan to incorporate it into the next major release of the theme.
At this time, the images that appear in the upper right box are a customizable set, and you can include as many images as you like.
Chris – Thank you for your commitment to excellence and continuous improvement. I love the theme, and love that you continue to improve it. Thanks!
Allowing the right hand image to be connected to a post would be wonderful and really give my blog a totally pulled together look.
As a beginner that has only the bare basics of Word Press down, this is the easiest and nicest looking theme to work with. It makes me so happy to see those 3 little green check marks in the Firefox browser.
My future upgrade wishlist would include:
To have a page template without any sidebars and a really nicely styled print this page option.
Thanks so very much for this wonderful theme. It is just such a pleasure.
Marion
I’ll echo what the others say above and add that I’m learning so much from this process. I’m very glad I’m one of your early adopters.
Chris: My upgrade to .3 went smooth. When you implement the control panel, could you include a custom header and footer block? This would make my upgrade (except for the rotating images) painless. I add Google Analytics code and OpenID forwarding info to my header, and a custom line to my footer. Not having to port these every time would be nice.
I was also wondering whether you would consider adding a basic XML sitemap for the search engines. I know there are plug-ins to handle this, but it seems like an easy add to the template.
Hi Chris,
Re the rotating image area. Can that be used for non-images? I’m considering putting an opt-in form in that space instead. Would that work?
And could I use the rotating functionality to split test different opt-in forms?
I’ll be making the switch from my existing theme to yours shortly so it would be good to know.
Thanks
Graham Cox
Marion — Both of your suggestions are excellent and will find their way into the theme in some form or another by version 0.4. If you’re so inclined, you can create a “sidebar-less” page template on your own—all you have to do is eliminate the following code from your new page template file:
Regarding the printing option, the answer is a print-only stylesheet,
print.css. I meant to include it in this release of the theme, but I admittedly got caught up in providing a quick fix for the page navigation issue, which was affecting a large number of users.Colin — That’s a fantastic idea. Ironically, I was just cursing the theme’s lack of abstracted header/footer support today while I was upgrading Thesis here on DIY Themes. I am focused on ironing out these upgrade and modification wrinkles, and I sincerely appreciate you and other users who feed me real-time updates and suggestions about the theme’s usability.
As far as the XML sitemap goes, the XML Sitemap Generator plugin is an indispensable addition to any WordPress installation. The plugin itself is large and rather intense, so it’s not something I can just casually add on to the theme. I think some things are better left on their own, and the often-updated XML sitemap generator plugin is one of them.
Graham — You can use the rotating image area to display anything you want. In your
rotating_images.phpfile, you’ll notice HTMLimgreferences. You can replace each of these references with new HTML – paragraphs (<p>), for instance – and generate any kind of output you like.Unfortunately, the random image rotator is useless for split testing because of its randomness. There’s no way to extract reliable data from this type of random generation, but if you’re interested in software that can do this sort of thing, I can recommend OpenX from personal experience.
Chris –
I don’t own Thesis, but I’d pick it up in a heartbeat if the R upper corner image could be assigned to the most recent post (if viewing the home page) or a particular image for a particular post (if viewing the specific post, or an archived one). I try to pick an eye-catching graphic for each post, which I wouldn’t want to lose if I switched to Thesis.
What does it do the overall look of the homepage, if a jpeg image is displayed with each post, above the title, say? The overall look of the theme seems to be, imageless titles for posts, with a single upper R image. Was that a purposeful design choice? That R upper (or L upper) area is pretty prime territory for calls to action, like email list sign-ups, etc.
Chris – A
print.cssfile would be wonderful!Another wonderful addition would be stylesheets for mobile devices. That might even warrant a separately-priced package, as it sure would be non-trivial. I just disabled the plugin I had been using for iPhone viewing, because it does such a poor job. Has nothing to with Thesis, of course, since it takes over as a theme when it whiffs an iPhone or iPod Touch. It just does a lousy job with the fonts. So, something to think about for down the road.
Hi Chris
If I get the theme for the first time now will it be the 0.3 release??
dupatta — Yes, absolutely.
Alright, I installed the new theme upgrade. I saved a copy of the old. Updated my image files and the footer changes I made, and then renamed the theme to thesis again (was thesis 0.3 and that was causing trouble in editing through wordpress)
Now, this is what changed. I now have a sitemap link on my header which I never had before (I did install sitemap and was not able to get a header before). Fine, but would prefer it to be only mentioned in the footer. But the issue is now that the sitemap is empty! I rebuilt it, nothing. What am I doing wrong?
One more thing! I noticed that in my “pages” where I have the page “sitemap”, now the template is default, and there is no option for sitemap anymore…
I just love this theme (and it’s finally convinced me to embrace WP and abandon Drupal, Textpattern and MT). One quick question since I’m new to WP as well as Thesis: how do I edit my sidebar items? For example I would like to completely suppress ‘Categories’. Also not sure how to write code to add top nav items (ie what code and in which file).
One more thing, re your ‘Helpful Upgrade Tips’: it took me a few moments to realize we’re supposed to edit the config.php in the new version not the old one (yup, that’s how green I am; there may be others like me out there too…).
Go Chris!
I’m thinking it would be nice to have all five of my images rotate automatically–like a slideshow–on each page, instead of one image per page. I tried to do that with Dreamweaver and by playing with some Javascripts for rotating images I found but to no avail. It’s not a high priority for me so I didn’t stick with the problem but it’s worth considering for future releases, I think, because some others might want to do that too.
Hi Chris,
Thanks for that…good to know I can put an optin form in the image space as personally I don’t think I’d use it for random images. Really like the fact we can put videos in there too.
From what you say, i t sounds like I could configure that right hand image space to simultaneously display multiple 125×125 banners if I wanted. Is that right?
Also, on the forgeville site and your pearsonified blog you have a couple of nice features that I’d love to see available in Thesis if possible…
i)The ability to place small images for the author’s photo (or image related to the post) on the top right hand side of each blog post (as seen on forgeville).
ii)As seen on your blog, the nice little quote mark graphic.
Just some food for thought anyway. Thanks again for a fantastic theme.
Cheers…Graham
Peter — I think you bring up an extremely valid point, and after taking a look at your site, I realized that if I were using Thesis on Pearsonified, I would need to remove the multimedia box to achieve the proper aesthetic. Like you, I try to use at least one vivid picture with each post, and unfortunately, those pictures clash with the large images (or videos) in the multimedia box.
Because your images are part of your post content, you are tied to keeping those images in the content area of your site (unless you want to manually edit each post… no thanks!). This means that if you were to use Thesis, you’d need a simple option that would allow you to remove the multimedia box, thereby allowing the images within your content area to shine.
Based on this reasoning, I’ve decided to work on a new version of Thesis that provides you with the option to remove the multimedia box altogether. During the course of adding this functionality to the template, I discovered some things that still need tweaking in order to increase the “universality” of the template. That is, there are certain things about Thesis that require tweaking in order to make the theme a best-fit solution for a wider array of bloggers.
Look for this new version (possibly in a beta release) sometime very soon.
Bruce — The
mobile.cssstylesheet is on the theme’s roadmap, somewhere just beyond theprint.cssstylesheet. I’m surprised that a plugin even exists for the mobile styles… It seems to me that the structure of a mobile stylesheet would be completely dependent on the HTML for which it is written.Christian — The answer to both of your questions is that I removed the
sitemap.phptemplate file from the theme download. The primary reason for this is that I no longer recommend the use of an XHTML sitemap. Secondarily, the sitemap file itself is poorly constructed and is not optimized for sites with more than 100 posts.Instead of using a sitemap, I recommend that you learn to distribute your link equity to the best pages of your site. There are a variety of ways you can do this, but one method that I personally prefer is intelligent use of your WordPress categories.
Matt — There are two ways to edit your sidebars. First, by adding widgets to your sidebar, you can override the default sidebar code. If you choose to do this, you’ll be left with only those widgets that you’ve added.
The second way you can edit your sidebar content is by editing the actual sidebar template files themselves. The files in question are
sidebar.phpandsidebar_2.php, and in order to give you a better idea how this works, let’s look at an example.You mentioned that you’d like to suppress categories, so that’s what we’ll do. In a default Thesis installation, the categories list is located in
sidebar_2.php. Open that file in your favorite text editing or coding software, and then simply delete the following block of code:As far as your navigation menu goes, the items that appear in the menu are dependent on the method that you choose in your
config.phpfile. If you choose to use paged navigation, then your nav links will be automatically populated with all of your WordPress pages. If, however, you’d like to manually edit your navigation, you would need to set the following in yourconfig.phpfile:After doing that, you can open
nav_menu_items.phpand manually edit the items that appear in your navigation menu.Finally, thanks for the usability notice on the “Helpful Upgrade Tips.” I’m adding a specification for the new
config.phpfile now.Christian — One thing I noticed on your site is that you’re applying erroneous CSS classes and inline CSS styles to your
<img>declarations. Try removing thestyle="..."references altogether, and replace the classes with something like this (for the image currently in the top-left position on your latest blog post):This will align your image to the left, wrap the text around it, and add a nice frame around it to set it apart from your content.
This is a great theme! Just a quick question: How do I integrate the Google Custom Search into this theme? I want to use it instead of the WordPress default search.
This theme is wonderful chris
I’ve been using copyblogger’s for my own blog, but since i’ve started a side project (linked here) i’ve bought thesis and i’m getting used to it . Kudos!
Chris –
A big part of Thesis’ charm IS that image on the upper R side; it may nice to have an option to remove it for image-in-each-post aesthetics, since its elegance stands on its own, but that pic on the R is an eye catcher.
If you can somehow rig it so that the image one would normally put at the top of one’s post could be put into an image folder, with a tag of some kind for that particular article, and displayed in the R-sided window if the post is at the top of the queue on the home page, or being displayed as the solo post by itself, that would be awesome.
Two features I’d love to see: 1) Submenus to display pages under the nav_menu_items.php 2) Rotating videos. If Chris or anybody else has suggestions for how to make this happen, I’d love to hear it. I’m playing with the code and I’ll let you know if I come up with anything. Thanks!
Daniel — You may know this, but submenus generally require a Java$cript solution to show and hide the menu on mouseover. It’s definitely hackable, but I think it would be difficult for Chris to implement in an automated way, and certainly a headache to support.
If you wanted the submenu items to persist, then that would just be a question of adding in a new ul list (and some custom style rules to differentiate it from the main nav) into the nav_menu.php.
Daniel — Thesis actually comes with default styles that are meant to accommodate an almost drag-and-drop implementation of a Google Custom Search Engine. Unfortunately, I just tested the code per Thesis 0.3, and I found out that some additional CSS declarations were required for seamless integration. Here’s what you need to do to get it working properly.
First, you’ll need to open up
style.cssand locate line 310, which should read:Add the following highlighted CSS declarations to that line, like so:
Once you’ve done that, you should open up the appropriate sidebar file where you’d like to place your Google CSE, and then insert your CSE code like so:
Hopefully, that’ll do it! I’ll have that fixed by the next release—I simply overlooked it in this one.
Peter — I think the route I’m going to take here involves the use of custom fields. This way, if you include an
imgreference in the appropriate custom field, it will show up in the multimedia box. Otherwise, if the custom field is empty, then the multimedia box area will revert to your active setting. Right now, the planned “active settings” are rotating images, video, and no box at all.Hi Chris, I think I found a bug in the theme, but I’m not sure, being a greenhorn to WordPress and the theme. It appears differently in IE7 and Firefox 2.0.0.13
What happens is, if a user posts a long URL or string of text in the comment box, it overflows outside the comment area and over into the sidebars. I used a normal Amazon URL since I know they are notoriously long, as I was testing the Recent Comments plug-in I had just installed.
Here it is.
Also, I have had some issues with other plug-ins and their look in the theme, specifically the Subscribe to Comments plug-in, on the Manage Subscriptions page. The text seems awefully small. Any advice on how to enter the settings for this so that the correct
divtags are around the main portion of the form and how to get it to display the second sidebar would be greatly appreciated.Also, I’m using the DualFeeds plug-in and could use some help in either suppressing the subscribe link in the upper right of the page, or replacing it with the image from DualFeeds, or at least your view on this.
Thanks again!
Thanks Lisa. My dream is a submenu that only appears when I am on the parent page for those pages and then disappears otherwise. I don’t know javascript, but I’ll look around and see what code I cut and paste. Thanks again.
Robert — The behavior you’ve described is perfectly normal. Generally speaking, it is considered poor practice to post lengthy, ambiguous URLs like the link in your example. The solution here is simply to use anchor tags (
<a>) to encode your URLs instead of posting the raw URLs outright.Regarding the Subscribe to Comments plugin, the problem you’ve described exists within the plugin’s options page. The code behind that page is strictly the product of the plugin itself, so Thesis has nothing to do with the way that page is presented.
To fix your problem, though, I’d recommend making sure you’ve upgraded to WordPress 2.5 and the latest version of that plugin. The author of the Subscribe to Comments plugin is an excellent WordPress developer, and I know he generally takes care of usability issues like that.
Finally, I’m not sure I understand the issue with your feeds. The feed URL that displays in the status bar when I mouse over your “subscribe” link appears to be the right one, so I’m assuming you’re at least linking to the correct feed. As far as the icon goes, the RSS icon has become the widely-adopted standard—especially since it was integrated into the Firefox 2.0+ address bar. On that basis alone, I would say that the current RSS icon graphic is far more universally recognizable than the DualFeeds graphic. The goal of any icon is to convey specific information accurately, and I believe the RSS icon stands a better chance of doing that here.
Anyone have a working demo of a video header? I’d love to see this feature in action!
Chris– Thank you for the feedback and I will use your suggestions and work things out. I’ll let you know if I have any further issues.
Thanks!
You’ve got a happy customer here. I look forward to future iterations and will be interested in purchasing more themes in the future from you. Your work is really top-notch.
Concerning the discussion around the media box….
If a site’s posts contain images (say, a photoblog), and we didn’t want a rotating image in the multimedia box as a result, what would everyone’s opinion be on using that space for a site logo? Would it work (look good)?
It seems to me that you could simply have one image that is your logo, and let the site rotate that..er..one image. or just take out the code that rotates the images.
I was playing around with that thought before I read all the above…
This theme is solid gold. I have been using it for quite some time and i must say, I am really hooked. I really like the simplicity and note how i change the rotating picture to random quotes.
Thanks for the note Chris. Noted.
Hi, just a little advice: if you install the “wp-cache” plugin for wordpress, you will notice that the sidebar are not updated when you save your widgets. This is because wp-cache is caching the sidebar files: my advice is to empty the cache when you update the sidebars.
If the rotating image can be matched to the category, can FeedBurner be set up to also add the same matched image to the feed? Is there a way to play with FeedBurner’s style sheet?
Marion
I am new to blogging and just now creating three websites for Marketing, Real Estate and Medical (all my companies). I have seen copyblogger and Ron Shefren and Jeff Walker’s blogs. I am impressed with all of them. What I was wondering is which one of your sites should I purchase (i.e., the copyblogger theme or the new thesis theme)? Why one over the other.
Greetings Chris
Great theme. I’m keen to purchase but would like to know what your license terms are please. In particular, is the license limited to a single site use of the theme or multiple sites? And does it matter whether there is a commercial element for subsequent sites?
Many thanks
Richard
hi I just bought the 0.3 version. How do I (a) add videos in place of the rotating images? (b) if I want to add custom images in the rotating images area what dimensions should they be?
Just a thought: it could be really nice if there was a plugin that allow us to add snippets of html code, styled for thesis, directly into the editor
Chris,
Let me know if you change the Neoclassical theme to a purchase with support. I don’t mind paying you for your excellent work.I really don’t want to change themes though.
H’lo Chris!
I am pretty new to the web in general and to wordpress specifically. When I decided to blog, design and readability seemed of paramount importance. I am so glad that a little poking around got me to pearsonified.
I liked thesis the best although I agree that the rotating pics, as nice as they are, are likely to clash with the images I am going to put in the various articles. So, I look forward to the option of converting that area to other uses. For now, I will probably take all the images out save one that will align with the overall scheme I have for the site.
Could you tell me how to place a header image in the banner area for my site? Where it currently states in type, “Mr. Ooh Where the best of Ooh! meets the best of You”?
Being new, I am not sure whether I should first look amongst wordpress documentation for answers to my questions or come to you. (This in regards to various revisions I intend for my site.) I thought I would try the easiest way and just ask you!
Is there a forum or tutorials coming? Or, if simple layout changes are part of basic wordpress documentation, can you advise on the most laymen-friendly resources?
Thanks so much!
Marion — As far as I know, there is no way to provide conditional code within the feed. Further, since the rotating images are not yet part of the post content, there’s simply no way I could pull them into the feed.
Rich — Thesis is the newest of all those frameworks, and as a result, it is also the most refined. On top of that, I provide ongoing support to the Thesis community, and for many people, that makes all the difference.
Richard — If you get a developer’s license, you can use Thesis on as many sites as you like, but you cannot sell Thesis or any modifications of it as independent entities. For example, if you’re doing design work for a client, you can use the theme on their site. However, if you’re simply tinkering with the theme and making modifications to it, you cannot sell the theme or those modifications as standalone products.
I’m not sure what you mean by “commercial element,” but as long as those subsequent sites aren’t selling Thesis or any modifications thereof, then you’ll be well within the range of the license.
garethjax — I’ve thought about something like that, and unfortunately, I can’t commit my own development resources to a solution anytime soon. I can, however, point you in the direction I was looking.
Basically, the process is called syntax highlighting, and I think if you dig deep enough, you may find a WordPress plugin that can help you out. When I was seriously looking over this stuff earlier this year, I concluded that if I wanted my syntax highlighted properly, I was going to have to do a fair amount of customization (involving regex, too… yeeesh!).
Bob — I will probably end up doing just that. Thank you for the vote of confidence!
Dan — I should probably code in an option that allows people to replace the header content with an image, but for now, a tutorial will have to do. Because a lot of users will likely be interested in modifying their headers, I think it makes sense to add a tutorial on this to the Thesis user’s guide. The tutorial is somewhat technical, though, so it may take me a couple of days to complete it.
I should have the forums up by the end of the week, so hopefully, you’ll find more value and support there in the future!
I just want to echo that Chris has provided not only a great design with Thesis, but also an excellent platform.
For example, with some relatively simple additions, I can have random images for all my posts and fixed images for a couple of selected pages. To illustrate, I added the following code to the top of the
rotating_images.phpfile:<?php if ( is_page('my-music') ) : ?> <img src="<?php bloginfo('template_url'); ?>/headers/gretsch.jpg" alt="gretsch" /><?php elseif ( is_page('free-ebook-download') ) : ?> <img src="<?php bloginfo('template_url'); ?>/headers/book_page.png" class="three_by_two" alt="free ebook" /><?php else : ?>
and added the following to the bottom of the file
<?php endif ?>
and now have fixed images on my music and ebook pages.
I love being able to do this, but am even more excited about continuing to learn from Chris’ tutorials on how to take advantage of the design and platform.
Thanks again Chris!
Hi, I have a very minor niggle – I want to use the theme with a static home page. I have created a home and blog page then gone to settings/reading and selected the Front Page Displays a static page selecting my two pages. However, the automatic menu displays two home items and the selection gets a little confused.
I’m running WP 2.5 and Thesis 0.3. Great theme too and well worth the money.
Bruce — Thanks very much for the kind words!
Paul — You’ve uncovered a “bug” in the theme that only appears when you’re using a static homepage. I’ll have to cook up a fix for the next version; in the meantime, you’ll have to use the manually updated navigation menu instead of the auto-generated one.
Sorry for the inconvenience!
No problem. Thanks for the quick reply.
Chris –
Do you have any plans to release a kind of “front page” theme or product? By that I mean something like a semi-static website page, with subsections that link to other standard pages (like what the Revolution theme does, for online news magazines).
There’s definitely a niche for a thematically consistent landing page type site, with similar customizing functionality to your themes, for businesses needing to update visitors about multiple goings-on.