Typograph – a no images WordPress Theme
Typograph 0.8.6 Now Available
In the wake of the problems caused by WordPress 2.8 I have released a new and updated version of Typograph. In addition to fixing the technically small but hugely damaging code conflict from 0.8.5 I’ve also fixed a number of other problems:
- Search results now display pages properly
- all code related to the sidebar tabbed box has been moved to tabbedBox.php
- general code clean up has made the theme lighter
In particular this means now all you have to do to disable the sidebar tabbed box is to remove or comment out the php include found on line 4 in sidebar.php.
Typograph 0.8.6 is now available from the WordPress Theme Directory.
Critical update for WordPress 2.8
It was brought to my attention last night that there is a critical conflict between the popular Typograph theme and the new WordPress 2.8. Knowing that most Typograph users will update their WordPress installation in the coming days finding the reason for the conflict and a solution was a number one priority and I am happy to say I’ve already created a fix that solves the problem. A full upgrade of Typograph will be published later today but for current installations the fix consists of just replacing one file. Here are instructions:
Upgrade Typograph to work under WordPress 2.8
- Download and unzip the archive with the fixed functions.php file here.
- Access your Typograph theme directory in your hosted WordPress installation (should be under www.yoursitename.com/wp-content/themes/Typograph).
- Delete the old functions.php file under the Typograph theme directory.
- Upload the new functions.php file to the Typograph theme directory.
I have tested this critical fix and it works.
Major update – fixed tabbed box and threaded comments
The 0.8.5 version of Typograph was created with two goals in mind: Fix the many plug-in conflicts reported and add threaded comments. To fix the problems the NicEdit HTML editor for the comments is gone (so no more fancy HTML editing for now, sorry. I’m looking for a solution) and I have rebuilt the tabbed box from scratch using the MooTools library instead. Extensive testing with numerous plug-ins shows that at least as far as I know the conflicts are no longer there and everything works properly. If you do find any more conflicts, please tell me so I can fix them.
One of the really cool new features in WordPress 2.7 is threaded comments. Basically this means that when you comment on a posting you can answer other comments and your answer will appear “nested” within the comment you answered rather than on the bottom of the page. This is a very cool feature that you had to use a plug-in for in the past. Upgrading to threaded comments was quite a challenge. There is very little information about it around and it took me a while to figure it out. Luckily I came across two blogs with instructions and it is these two approaches combined that formed the basis for the threaded comments in Typograph. These were Chris Harrison’s blog (for styling) and Otto’s blog for backend code. Thanks go out to the both of them for excellent tutorials and to Otto for some extra help via e-mail.
Important note for WordPress 2.7 Coltrane users:
With the release of WordPress 2.7 Coltrane came the introduction of a new template tag called post_class(). Interestingly I have been using a custom template tag by that exact name for a long time in my themes including the free Typograph. That means when users of Typograph upgrade to WordPress 2.7 Coltrane a conflict occurs between the WordPress functions.php file and the Typograph functions.php file because both define the same template tag.
The Typograph theme has now been updated to resolve these issues and the new WP 2.7 Coltrane compliant version is avaialbe from the WordPress Theme Library:
Download Typograph for WP 2.7
Introducing Typograph – a no images WordPress Theme
I’ve been planning to launch a proper free WordPress theme for some time now but there have always been major projects in the way. This week I had some extra time so I sat down and developed the Typograph theme which is now available for anyone to use. For free.
The theme is as simple as possible with clear separation between the content and the sidebar, a calm gray and white design with popping red links, a tabbed sidebar box with navigation, search and other important elements and some other styling for increased readability and better navigation. It complies with the new WordPress standard elements like image captions and Gravatars and even has a customizable ad space directly under the first post on the front page. And last but not least, Typograph is fully XHTML and CSS standards compliant.
Download the Typograph theme from the WordPress Theme Directory here!
See a demo of the Typograph theme here
No images
Right before I began the design of this theme, Spyremag published an article about 5 ways to break your design habits, one of which was to design a site using no images. Seeing as I’ve become somewhat obsessed with CSS over the last year it seemed only appropriate to follow this advice and create a no-images theme. Not only would this be a bit of a challenge because I ususually use a lot of images to make my designs more vibrant, but it would also put my coding skills and my understsanding of WordPress themes to the test.
Styled from scratch
Over the last several months I’ve been refining and customizing a copy of the Sandbox WordPress theme to develop an ideal platform for quick and easy WordPress theme design. The plan is to create a “God Theme” if you will that has all the bells and whistles installed and ready to go so that new theme design is quick and efficient. To put the alpha version of this foundation theme to the test I used it to style Typograph from scratch.
Tabbed box navigation
When I created the new theme for Design is Philosophy I spent quite a bit of time developing and perfecting a JQuery and CSS based tabbed sidebar box that would contain navigation as well as other useful information for the visitor. For Typograph I further developed the tabbed box and isolated it in it’s own file to simplify customization for the user. It can also easily be deactivated by commenting out a single line of code in the sidebar.php template. The tabbed box contains navigation for pages and categories along with an about section, RSS link and search box by default. It takes standard WordPress tags and can be customized to include pretty much anything by editing the tabbedBox.php file found in the theme directory.
Download the Typograph theme from the WordPress Theme Directory here!
See a demo of the Typograph theme here
If you liked this theme, consider donating donating a dollar or two so I can keep creating free themes and tutorials:
106 Comments
Trackbacks / Pingbacks
-
[...] started getting requests from people to explain how they were built. This in turn resulted in the free WordPress theme Typograph which in large part is the framework of Design is Philosophy without any of the fancy [...]
Hey there,
I’m reading some people have had this problem before but I can’t figure out a way to fix it: looking at the theme in Firefox or IE6, the sidebar drops beneath the content, while in newer versions of IE as well as Safari, everything looks right. Do you know if there’s anything to be done about this?
Thanks!
NICK… you managed to get the sidebar to stay in place on your blog [http://www.ivoren-toren.nl/]. How did you do it?
Thanks for Typograph theme. Now I read that new release (0.86) is avalaible. How can I upgrade to 0.86 without lost all my customizing? P.s. I’m using 2.7.1 wp version.
Hi Morten –
For some reason, using any secondary sidebar widgets through the WP widgets pane wipes out the rest of the sidebar. Do you know what I can do to prevent that?
Thanks!
-m-
this typograph theme is really something. looks awesome. but I have a problem while using it with 2.8.4 WP. After installing a skicky post plugin and then adding my sidebar Archive widget the widget panel become broken. there should be a problem in css file but I can’t find where. please advise.
One of the good web design Sussex Company, The Website Design is the best method to identify with a customer; website increase is additional sites for particular Design Website business.
web-project, which hold information about decorative surgery in New York city.
Thanks for Typograph theme. Now I read that new release (0.86) is avalaible. How can I upgrade to 0.86 without lost all my customizing? P.s. I’m using 2.7.1 wp version
Free hosting isn’t always bad. I run a couple of websites and needed
a dedicated server for them,I know how bad the economy is right now
and my passion for small business. I decided to create a free web host
for people. It has all the perks of paid hosting but no cost. I don’t,
and do not plan on putting ads on customer’s websites.
Finally someone who can write a good blog ! . This is the kind of information that is useful to those want to increase their SERP’s. I loved your post and will be telling others about it. Subscribing to your RSS feed now. Thanks
That is a real nice theme you got there. Nice and simple! There are a ton more like this at http://www.topwordpressthemes.info that I have seen, well worth a look.
I have run into a bug with this theme. It seems that when logged in i can choose a single post to view and everything is fine. But then when i log out and click on a single post to view my whole sidebar renders underneath the post. I played with editing the single.php file and was able to mirror this problem ie do the opposite, but i can’t figure out how to fix it so the sidebar stays put when logged in or logged out.
I like this theme a lot, but with a problem like this, it’s not usable.
I like this theme alot, thankyou for sharing this with us!
Thanks for Typograph theme. Now I read that new release (0.86) is avalaible. How can I upgrade to 0.86 without lost all my customizing? P.s. I’m using 2.7.1 wp version
???
“Typograph – a no images WordPress Theme” nice post. Thank you again.
I cant get Typography to work properly with my 2.6 wp installation. Frontpage ok but when I click on a post de right col disappears. Also comments wont work. No form appears.
Is my wp too old for the theme? Is there an older version of the theme that will work? I really like the look!
http://www.akademiajans.com adresini tavsiye ederim. Zannediyorum faydas? olacakt?r.
I see images in the comments section…just kidding, just kidding. It has a unique charm, really. Never thought a “no image” theme would look really good.
This is really and interesting theme, with all the great free wordpress themes available, its a wonder anyone would pay for a theme for their site. I will definitely be giving this one a workout on my site soon.
Long live free WP themes and nice site by the way. Is this a custom theme or a free one that you use on this site?
Hi there..!!
i’m currently using the themes that you made..and it is simple and i like it so much..thank you anyway..
O like this template. but how can i upload this into my blog/web. thank YOU!
LOVE the Typograph theme. Incredibly versatile.
However… when I click a post to read the full article, the sidebar disappears from the right and repositions itself below the full article text. Is this supposed to happen? I’d prefer the sidebar to always be at the right.
Major bug with the sidebar dropping to the bottom when viewing a single post UNLESS I also happen to be logged in to the admin. When I’m logged in to the Admin, it works great. When I’m not logged in… sidebar drops to the bottom. Weird.
@George It’s weird how that happens to some people and not others. The sidebar is of course meant to be hovering to the right the whole time. It’s been a while since I looked into this last time but I think it can have something to do with text/image elements in the sidebar that are a fraction too wide. Like a really long word with no breaks. Do you happen to have a live version of the site running that I can take a look at and debug?
Hi, Morten. Thank you for replying!
Here’s a link to the site: http://blog.jonathanreynolds.net/
I’ve obviously made some customizations. As I said, the sidebar behaves when I’m also logged into the admin. But when I’m logged out, it drops.
Any ideas?
I found the error: For whatever reason there is a missing in your single.php file. Go to the single.php file, scroll down to where it says
and in between the two insert
This will fix the problem.
BRILLIANT!!! Thank you so much, Morten. Perfect fix.
And, again, this is my favorite WP theme bar none. Many great ones there, but none like yours. Thank you for such good work.
George
No problem George. Just sorry it took so long – I have way too much on my plate and neither my cloning machine nor the time machine are currently operational so things take way longer than intended.
Hi Morton, I’m sorry, but insert the in single.php don’t solve the problem – it inverse it: unlogged users now see the correct sidebar at the right, but logged users see the sidebar at the bottom. The left -Tag must come from comments.php or others…?
I love this one. Did you add it to STCFX ? I think they are allowing free theme submission.
Is there a way to change the number of postings that display on a page, reducing it from the default 10 to say, 6?
My client uses lots of widgets and embedded videos, and it’s made the page load very slowly.
Hi,
The typograph theme is beautiful and I really want to use it, but the problem I’m having in firefox stops me from implementing it on my site. Here’s what’s happening: the right sidebar drops below the main column on every page, logged in or logged out. I tried the fix you suggested to add in the single.php file, but it didn’t work. Any other ideas would be great!