Smashing Theme
Sep 16,2007
Many of us know and read Smashing Magazine. Last week SM had their First Anniversary celebration and Vitaly ask me to do a wordpress theme for this occasion. This was an honor for me and say thanks in a special way to this magazine for the content they provide. I haven’t got so much time (around 4 days) but i came with an idea and did the theme. Vitaly asked me also to detail the creation process of this colorful theme. You will find that information on the release post on Smashing Magazine.
The Smashing theme has a plug-in integrated into the functions.php, so modifying this file you should have some basic knowledge about PHP. The theme is Widget Ready.
- RSS feed for comments on this post
- Smashing Theme - blooWorld | WordPress Themes & Plugins
- yakuter » Geçici Temamız Smashing Magazine
- ธีม WordPress ประจำวันที่ ๒๕ กันยา ๒๕๕๐ « au8ust’s wordpress channel
- WordPress Theme: Smashing Theme
- Best WordPress 3-Column Themes
- Skylog » Blog Archive » links for 2007-10-10
- links for 2007-10-11 « Mandarine
- Wordpress Themes - Smashing | BlogOnExpo
- Gossip City Theme | Eric Liu`s Blog
- Teme de la DesignDisease.com | CNET.ro
- psFreak - The 9 Best (free) Wordpress Themes
- Best Three Column Wordpress Themes | scrapur.com
- Best (Free) Wordpress Thems of 2007
- くまめがね - blog
- for your inner geek - the dramatic
- Be-mine.ws Web-Blog » Gallery Theme 3 cột tốt nhất cho WordPress
- 三列式WordPress主题精选 @ ALA's HOME
- free proxy template free proxy guide
- 3-Column WordPress Theme Gallery | [Blog Tutorials]
- Wordpress Teması - Smashing Theme | myerdogan.com
- 3栏WordPress主题（Theme） 汇总
- Galería de Themes Wordpress de 3 Columnas | XeroBlog - Blogging - SEO - Consejos y Recursos para Bloggers
107 Responses to “Smashing Theme”
1 | prof kienstra
I’ve downloaded your theme when it came up on smashing magazines and am using it right now on my blog. I love the design and the layout.. The colors are something i might want to change sometime in the future, but the design is super! Thanks for sharing.
2 | Paulo Sacramento
You guys are getting each time better… no words… this theme is amazing!
3 | Dem
i love the colors and the design, everything…
the only thing that i’ll probably add, is that every time i add a widget it doesn´t take new colors… i don’t know if i’am beign clear… sorry about my english
keep on with your designs that are very nice
4 | Raj
Hey Kindly let me know how to change the color of second Sidebar ( Right One). I want the single color there.
Plz help me,
5 | FAS
Wonderful theme! As others have mentiond, however, I too am having some problems with the sidebar colors. Any suggestions?
Thank you!
6 | prof kienstra
In wordpress you can change the CSS of the Side bar -> Presentation -> Theme Editor
If you look at the sidebar.php you can see the following
This means you that the design for the sidebar with the Meta information is given in the stylesheet as #SR.
Select the stylesheet.css
Find the following:
.SR { background: url(images/SR.gif) no-repeat right top; width: 400px; float: right; }
Here you can see that the grey sidebar is made by using the SR.gif images as a background. You can change this in the stylesheet.
For example: if you want a white sidebar: use #FFFFFF instead of url(images/SR.gif)
This will probably change some of it, so make a backup of the orignal css file before starting.
Hope this helps out..
Note: this will not only change the sidebar with the information, you’ll still have to change the css code for the sidebar as it goes past the tekst..
7 | diyetler
great theme , fantastic colors :)
thanks…
8 | FAS
I’m sorry — I’m new at CSS and having some problems. Can you provide more information? :)
9 | Smashing Theme - blooWorld | WordPress Themes & Plugins
[…] Visit & Download […]
10 | yakuter » Geçici Temamız Smashing Magazine
[…] Yeni bir iş, yeni bir ev derken yeni bir de tema olsun istedim ve geçici olarak sitemde Smashing Magazine temasını kullanmaya karar verdim. Not: Lütfen bir önceki temada olduğu gibi hiç uğraşmadan […]
11 | ธีม WordPress ประจำวันที่ ๒๕ กันยา ๒๕๕๐ « au8ust’s wordpress channel
[…] September 25th, 2007 Smashing Themeดาวน์โหลด | ทดลอง | เวบคนทำ […]
12 | fizik
fantastic colors :)
thanks…
13 | Bilal
Good, thanks
14 | david
I am having problems with the search feature. On the search results, lets say you search and there are 3 pages of results, when you click page 2 it doesn’t pass the s= variable and thus you get the 2nd page of ALL your posts ?
Any ideas ?
15 | david
fixed
in header change “post” to “Get” :)
all working now.
16 | Elena
yay… happy that you fix the issue.
17 | david
It is a great theme it really is - love it !
18 | Mr Happy
I just put this design on my blog - it rocks. cheers
19 | francisco
grate design! thanks.
I need some help. I have the comments very close to the next post, so its look like they were of the next one. I think the dot line look like the finish of each post. how can I get it better?
20 | Elena
@david
No Idea sorry!.
@francisco
Try explain better, I didn’t understand.
21 | francisco
I would like to enlarge the space between the comments of a post and the title of the next one. if you see mi blog, you will see they are very close and they look like if they were of the same post. sory because of mi english… thanks
22 | Elena
Edit this css line from:
.post {
padding: 0px; position: relative; clear: left;
}
to
.post {
padding: 20px 0px; position: relative; clear: left;
}
23 | francisco
PERFECT !!!! THANKS!!!
24 | david
how do you make your comments standout like that ? it looks amazing!
25 | Tracey
hey thanks, i love colors for this themes.i am using it on my new book site.check it out.
http://bookdirt.blogspot.com/
26 | Johnson
Just saw your theme on hoovaloo.com. they made their own custom logo for the top that looks really good.
27 | Silvio
Hi,
i have adapted the theme for dblog, an opensource platform in .asp
Thanks Elena and Smashing!
28 | MB
Hey I love your great script. Can you tell me how I can add a border to any images dispayed, thanks !
29 | WordPress Theme: Smashing Theme
[…] cover it. I am here to rectify that mistake because it is definitely worthy of being talked about. Smashing Theme was created for Smashing Magazine, a popular website to which Elena credits some of her design […]
30 | Best WordPress 3-Column Themes
[…] Source / Download / Demo […]
31 | Skylog » Blog Archive » links for 2007-10-10
[…] Smashing Theme (tags: wordpress theme) […]
32 | Liski
I’m using the theme at http://www.tastitunes.com but when looking at it at work on IE6 the sidebar contents is all the way on the bottom.
33 | Liski
How can I make the far right sidebar wider?
34 | Elena
@david
There is a plugin called Official Comments.
@Silvio
Good to hear that.
@MB
Isn’t a script…The border is in the image.
@Lisky
You can not…the sidebar is fixed. You made some changes in the css or what you placed in the sidebar is larger.
35 | Sachin
Hi, I’ve been using this theme and its really great. I’ve just updated WP and it seems to have header sending problems on this theme. Maybe I’m wrong about this also. Cheers.
36 | Liski
I haven’t changed anything in the CSS - I’ve tried to slowly remove all the stuff in sidebar but still dropping all the way to the bottom on IE6
37 | links for 2007-10-11 « Mandarine
[…] Smashing Theme - Design Disease - Professional Blog Design (tags: wordpress template) […]
38 | Wordpress Themes - Smashing | BlogOnExpo
[…] like a theme, let us know using our contact page. In the main time, today’s theme is the new Smashing Theme. Created by Design Disease, the theme utilizes a striped pink background that goes well with the […]
39 | Liski
It’s all working!!
I might have this get this fab Elena to do a special Tasti theme for me!!
40 | tom
Hi
i have problem
After activating and viewing the smashing theme on a brand new wordpress installation, each post and page only displays the first character of that post or page. For example, on the default HELLO WORLD post on a fresh Wordpress install, I only see the “W” in the actual “Welcome to Wordpress” post.
41 | Emrahca
Thank you very much..
42 | Mahmood Al-Yousif
This is a wonderful theme! Thank you very much.
Elaine, could you assist me a little please? I can’t seem to get it to display the coloured boxes on the left sidebar. I checked and the permissions of all files are okay (664) directories are (775) and ownership is good.
I wonder if it is a plugin that is causing this problem? Have you come across this before?
I’ve installed your excellent them on http://mahmoodsgarden.com
Thanks!
43 | Mahmood Al-Yousif
Sorry, tried it with the latest versions of Safari and Firefox but problem exists in both. (Mac OSX)
44 | Elena
@tom
Try to upgrade wordpress and make sure you haven’t made any change on the theme.
@Mahmood Al-Yousif
Try to use the original theme boxes. Insert your content into this div.
<div class="Panel PBlue"> …your text here… </div>
45 | Mahmood Al-Yousif
Thanks Elena, I didn’t realise that there are “original theme boxes”! Can you please explain? Are those standard widgets? As I do not see them in the widgets control panel.
46 | Mahmood Al-Yousif
Ah, they’re hard coded.. I just looked into the sidebar.php…
47 | Liski
How can I put an ad after each post on the main page?
48 | Ginn Wei
Liski, I think you need to use ad management plugin to do that. Anyway, this is a great theme. Seriously considering it for my blog.
49 | Ginn Wei
I’m also having the same problem as Mahmood Al-Yousif where the coloured boxes in the sidebar disappear when I’m using widget. However, they will reappear once I stop using widget for the side right left bar. Hope you can help.
50 | Ronald Lewis
Just wanted to send my appreciation to Elena, DD and Smashing for this great theme. I’ve just refreshed my site (http://ronaldlewis.com) with this theme.
Many thanks.
51 | Liski
Elena,
I’ve emailed you a few times for a qoute!
52 | Grace
Nice theme.. using it in my blog now….
keep up the good work!
53 | Gossip City Theme | Eric Liu`s Blog
[…] City和她上次的主题Smashing Theme一样，也是一款lady & girls […]
54 | Luis
Hi Elena, thanks for sharing this awesome theme. It’s really pretty!
I’m having the same problem reported by Liski: the whole sidebar goes to the bottom on IE6. It looks great in Firefox but most of my readers are still using MSFT’s sorry excuse for a web browser so I need to fix the sidebar… any idea?
thanks
LR
55 | John
I’m having the same problem Tom mentioned… i looked at the smashingmagazine comments and 2 other people had it too… i’m talking about the “only the first character of the post showing up” issue… i have a clean wordpress (latest version) install and didn’t make changes to the theme…
56 | Luis
Just to add something I discovered as follow up of my previous comment (54). I checked the code in the two latests posts published. The second one had a tag on it. It was only the opening tag so I deleted that and problem solved. Maybe it was just about a misplaced tag??
57 | Melanie
Amazing theme! The color combination is fantastic. Thanks for sharing it!
58 | Elena
@Ginn Wei
I am working on the improved version of Smashing Theme and there the widget sidebar will work and look ok.
If you have IE6 errors on the sidebar, please make sure the content doesn’t exceed the column size.
59 | Elena
@John
Please send me an email with this error. I don’t know what it is.
60 | bob
Hello, is there a way to limit the homepage to show post_excerpt instead of the whole post?
I can’t find it anywhere and the whole posts are shown. :(
Thanks for the great work
61 | Felicia
I love this theme, I’m trying to get it to work on my blog, but unfortunately I’m running into the colored boxes disappearing on the left sidebar again. I haven’t touched the source code. Is there a widget/plugin interfering?
62 | Felicia
Gah, well I installed the theme with the same untouched files on another blog of mine and the left sidebar works fine. I deactivated all plugins, but the sidebar colors still aren’t showing up. I can’t understand it. Any suggestions would be appreciated, I really would love to use this theme on my blog!
63 | wmwebtr ödüllü seo yarışması
Any suggestions would be appreciated, I really would love to use this theme on my blog!
64 | Ange
I love this theme… have installed it and playing around!!
Thanks :)
65 | Adem
Having problems with getting whole posts to appear on the main blog - only titles of my posts are showing up! How do I fix this?
66 | Adem
Actually, even when I click the single link for a blog post no posts actually show up, just the comments :(
67 | Silver
Hi, I’ve got the same problem as John (comment 55) & tom (comment 40), only the first character of any post is showing up. If an image was inserted, then the HTML character “
68 | Silver
Oops sorry, I typed the HTML open bracket & that caused the rest of my comment to disappear.
Basically this problem only happened with WP 2.3.1, I had no problems with WP 2.3 before the upgrade. This was with a clean install of WP 2.3.1 and latest download of Smashing, with no files or settings changed at all.
Any fix would be appreciated as this is a lovely theme & I would really love to use it!
69 | libretto
Hello, traduction en français ici : http://wordpress-tuto.fr/theme-wordpress-smashing-magazine-250
70 | wmwebtr ödüllü seo yarışması
wmwebtr ödüllü seo yarışması
71 | Anton
I’ve used it for my new idol site. Like it. Thanks Elena.
72 | Teme de la DesignDisease.com | CNET.ro
[…] se traduce din engleză cu boală, maladie). Prima oară am auzit de acest sit când au făcut o temă cadou pentru Smashing Magazine. Departe de gusturile mele, dar comunitatea WordPress a primit-o bine, […]
73 | wmwebtr ödüllü seo yarışması
Thank you for the link! It definitely is an interesting paper, and I hope more researchers look into how such a system came about now that we have more details on how it works.
74 | Marie
Love the theme!
I have created a custom header and I would like to apply it to the Smashing theme, but I am not sure how to edit the theme within WP. (I’ve been w/ Movable type for several years and just recently made the transition).
I tried editing the header.php file and ftp’ing it to the site, but was not successful.
Any suggestions?
Thank you:)
75 | danny
so i recently adopted this amazing theme for my blog and the only problem i have with it so far is that i want the default category listing to be alphabetical, not by category ID. I’ve tried a number of plugin’s but none seem to fix the problem. If I import my own sidebar widget of categories it screws everything up. Is there something easy I can change that will sort the categories alphabetically?
76 | Thiru
COOL THEME I LIKE I AM TRYING TO USE BUT CAN YOU TELL ME HOW TO ADD MY OWN LOGO UNDER THE STRIP AT THE TOP HEADERBFG.GIF???
PLZ HELP
77 | psFreak - The 9 Best (free) Wordpress Themes
[…] Smashing Theme […]
78 | Best Three Column Wordpress Themes | scrapur.com
[…] Source / Download / Demo […]
79 | james
Any news on a widget ready version? I love the theme and I’m trying to adapt it for use on my site but I need a widget-able version.
Thanks!
80 | Best (Free) Wordpress Thems of 2007
[…] Smashing Teme by Design Disease Preview / Direct […]
81 | くまめがね - blog
WordPressをインストールしてみた感想。…
このBlogを構築する為に、前から借りている、さくらインターネットのレンタルサーバーに、このWordPressをインストールしてみました。
(ちなみに、契約プランは、スタンダードプラン。年…
82 | Cristian Ventura
I also have the problem of the “first character”/”first letter” in this theme; but i solved it.
The solution is very simple:
This is the original code of “menu.php”
” href=”/”>Home
]+)>%U’,’‘, $pages);
$pages = str_replace(’‘,’‘, $pages);
echo $pages; ?>
if you remplase “menu.php” for this code:
” href=”/”>Home
]+)>%U’,’‘, $pages);
$pages = str_replace(’‘,’‘, $pages);
echo $pages;
unset($pages); ?>
the bug is solved.
Maybe is a Wordpress or even PHP bug… im new in PHP, but this works for me… ;-)
83 | Cristian Ventura
oh, well… i cant post “code blocks” here… but… telling the solution in “easy mode”, put the line: unset($pages); in the first php code block, and remove the second php code block in menu.php, and the problem is solved…
And i forget it… :-)
This is a really good theme. ;-)
84 | M. Yasin ERDOĞAN
I translated it to Turkish.
http://www.myerdogan.com/wordpress-temasi-smashing-theme
85 | Serdar
Very beatiful, thank you.
86 | John
I just noticed something with the theme, I use tags heavily on my site, and for some reason when you view a tag, it doesn’t paginate any posts? It only shows the top ten posts for that tag. Anyone else having this issue?
87 | for your inner geek - the dramatic
[…] I digress. We are currently on the Smashing Theme, also by Design Disease - and while I love the stripy stripes (it’s a recurring theme) - […]
88 | darran Low
i am having an issue with the page issue, i don’t know why it is not recognizing the pagingate function, elena, do you have a solution?
89 | Qmega
Great theme. I changed a bit this theme using Photoshop … take a look http://www.aaaod.com
90 | chazzuka
I am experienced a blank content when using this theme
91 | dada
hello elena,
as with everyone, i fell in love with your design. i just want to know how can i put a custom logo in the header, just like in the gossip city theme.
thanks and more power.
92 | Be-mine.ws Web-Blog » Gallery Theme 3 cột tốt nhất cho WordPress
[…] Source | Download | Demo […]
93 | Manu
Elena,
How can I put a custom logo in the header…like the way it is in gossip city?
One more thing is that the first sidebar doesn’t have the colors that I saw in the demo……..it’s all in grey……please check out http://www.pointlesslycool.org and help me out with this! I need colors like it is in your smashing theme demo.
Thanks in advance. And by the way, the theme is fantastic! :)
Manu.
94 | Manu
Hi Elena,
I just found that when i keep the left sidebar to default, it is doing fine. But when I drag and drop something to it, the whole sidebar changes to grey……..what do I do now?
Manu.
95 | 三列式WordPress主题精选 @ ALA's HOME
[…] 作者主页 | 下载 | 演示 […]
96 | free proxy template free proxy guide
[…] Source | Download | Demo […]
97 | backlink almak
great theme , nice colors thanks…
98 | benny
It’s very nice theme, which I used now,
But I really do not know how to make the avatar works in wp 2.5.
99 | Mohamad Abbara
Hi i just want to say nice theme Elena, right now i am using it on my blog. Thank you for your creation
100 | Niels
Hi, thanks for the beautiful template.
One question though, I get two errors when I try to validate the page with the w3c validator, could you check this?
101 | Beena
It would be really nice if this is widget-ready…
102 | amer
hi,
i love it soo much thx :)
i adore how its done. its simple & clean. i use it for my coming 1st website. MonstersCube.com.
103 | charmian
Hey, I really love this theme! It’s very beautiful.
However, it seems to have a conflict with the WP Thread Comments plugin. When you try to reply to a comment in Ajax, the “submit post” button disappears. I think it may be something with the CSS.
104 | 3-Column WordPress Theme Gallery | [Blog Tutorials]
[…] Source | Download | Demo […]
105 | Wordpress Teması - Smashing Theme | myerdogan.com
[…] Disease‘ın Smashing Magazine için hazırladığı tema hem beğenildiğini hem de Türkçe çevirisinin bazı yerlerde arandığını gördüm. Bunun […]
106 | 3栏WordPress主题（Theme） 汇总
[…] Source | Download | Demo […]
107 | Galería de Themes Wordpress de 3 Columnas | XeroBlog - Blogging - SEO - Consejos y Recursos para Bloggers
[…] Fuente | Descargar | Demo […]