TwentyTen Extended – Add Color to the Default WordPress Theme
| WordPress | 40 Comments
Update: TwentyTen Extended now has a download page to get the latest version from.
TwentyTen Extended is a child theme of the default WordPress theme TwentyTen. I have integrated ThemeKit for WordPress into it so that users have the option of changing the theme styles without editing any code. Everything in TwentyTen Extended is just like TwentyTen other than the addition of a Settings menu under the Appearance section. Here a user can make TwentyTen any color they wish with just a few clicks of the mouse. Now you can have your cake and eat it too by making TwentyTen truly your own. If you would like to see it in action, check out http://blog.thickasabrick.net/.
I am working to get the theme up on WordPress.org. It has not yet been listed but you can download it from the link below if you like for now. Please feel free to leave a comment if you find a bug or have a feature request. They can also be submitted here: TwentyTen Extended on Lighthouseapp.com
If you do end up using TwentyTen Extended I would love to see it.
ScreenShots of Settings
Pingback: wptavern.com: TwentyTen Extended
Great work! Thanks! I know I’ll try it and other will love it!
Really cool, I will share it to my blog visitor. Usually I edit my style.css to make my blog look better
Pingback: TwentyTen Extended « George
Not a bug, but request… Any way to have an option in the theme to have the home page show excerpts instead of full posts?
Mike,
Thanks for the request. I added it as a ticket here: http://spareurl.lighthouseapp.com/projects/70118-twentyten-extended/tickets/bins/276267
great child theme;)
just a note, the themekit zip on the themekit site is 0 bytes.
did a svn check out ok though.
Thanks for the notice about the zip. Also getting code from the svn you may notice ThemeKit is setup to run as a plugin now.
Nice – I like it.
functions.php line 198
"selector" => "#branding img",
should be changed in
"selector" => ".home .sticky",
otherwise the top-border-settings of the branding immage have no effect
Any thoughts to provide it in different languages?
I can help with German.
Thanks anyways
K
Thanks Karl,
This has been fixed on the svn, I was hopping to have it up on WordPress.org soon with the fix. Once I get it listed I am going to try and add language support. I’ll contact you when it is ready. Thanks again.
i’m not sure where to install the files.
i downloaded the zip file, where should i extract it?
into the twenty ten theme map?
or create a separate map in wp-content/themes with the name twenty ten extended ??
Once you unzip the file you should have a twentyten-extended folder. You then just need to put that folder in wp-content/themes. You should also be able to use the install themes right within WordPress and just upload the zip file.
Josh
thanks, never knew it was possible to upload the zip file directly. thanks again
Your Welcome. Hopefully the theme will be available on WordPress.org soon.
how can i delete the lines with
“Posted on 20/03/2011 by admin”
and “Posted in Uncategorized | 1 Comment | Edit ”
First time to use this theme, hope you can help me.
Mirjam,
This is not currently an option with TwentyTen or TwentyTen Extended without editing theme files but I will add it to my feature request list.
Josh
In testing,your theme picks up Pages that have no “parent” as part of the header menu.
That is, I have three lines of menu options when your theme extension is activated.
Your demo shows the original menu correctly but, after activation, things go downhill fast.
Hi Phil,
It sounds like you are using the menus option built into WordPress. If you switch themes from TwentyTen to TwentyTen Extended you will have to go to the menus section under Appearance and set your menu to be the primary navigation again.
Let me know if you still have issues.
Josh
That was it.
Didn’t realize I had to go back to that setting!
This is a very nice addition to Twenty Ten. I’ve been used to messing with CSS to get the results I wanted. This is much cleaner.
Thanks for your efforts.
Phil
Thanks for create. It’s worderfull idea.
I love this concept! Thanks for sharing, I’ll post my exploits with this thing in hopes that it will help you continue and improve.
One request that goes waaaay off topic but…
How possible would it be to make it so there are shortcodes for these options that allow these options to be selected from the front-end?
I’m thinking that would be an good way to create front-end admin forms… Keeping users out of the backend would be great for the type of project I have in mind. I’ve done it with other CMS’s and it rocks!
Thanks again.
This child theme really looks cool and I have downloaded it right away. Can’t wait to give it a try. I like the simplicity of TwentyTen but the lack of “further” customization made in somewhat “dull”. This theme will certainly give it a boost. thanks for developing this.
cool! thanks for making it.
Pingback: Add Colors to Default WordPress Theme with TwentyTen Extended | Gadget - Mobile - Laptop and Tech News
hi joshl,
thanks so much for making this theme extension available! i’m not sure if it’s a bug, but i’d tweaked the twentyten/style.css manually before installing your extension – when i activated your extension everything went back to default, so i made the same changes i’d made via your settings interface. the top #branding img color remains #000, though i made changes both through settings and to style.css.
webdev firefox plugin shows the generated code below (note there are redundant styles being propagated here – i’m more familiar w/drupal themes, does wordpress create a default theme folder for the activated theme somewhere i’m missing? url for the redunancies is showing as ‘null’:
*sorry for such a lengthy post!
- – - – - – - – - – - – - – -
wp-content/themes/twentyten/style.css
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td (line 16)
{
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-top-width: 0pt;
border-right-width-value: 0pt;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 0pt;
border-left-width-value: 0pt;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: none;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: none;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
vertical-align: baseline;
}
#branding img (line 356)
{
border-top-width: 4px;
border-top-style: solid;
border-top-color: #5b524b;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5b524b;
display: block;
float: left;
}
null
#branding img (line 34)
{
border-top-width: 4px;
border-top-style: solid;
border-top-color: #5b524b;
}
#branding img (line 35)
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5b524b;
}
#branding img (line 49)
{
border-top-width: 4px;
border-top-style: solid;
border-top-color: #000000;
}
Hi Kim,
Their is a bug with the top border on the image. I have a new version read to go that i will be posting later today. Sorry for the inconvenience.
Josh
Hi Josh,
Great work! Regarding Title colors, How come when I create a new Page the Title Font style of that page defaults to Black (helvetica). I set the Post Title Font to a different color but it didn’t change. I guess this feature is only for Post Title and not for Page Title, is that right?
Hi Gio,
Thanks for the feedback. It should also being doing Page titles. I will take a look at the code and see why it is not. I may just a new style option for Page titles. I will let you know when I have a new version ready. It should be soon.
Josh
a quick workaround, because I experienced the same problem:
Open functions.php around line 155
change
"selector" => ".entry-title a:link, .entry-title a:visited ",to
"selector" => ".entry-title a:link, .entry-title a:visited, #content .entry-title",This will format the Page titles the same way as the Post titles
regards
K
Hi,
I’m having problems when I try to change Content Area Background Colour.
I changed it, but nothing happens.
I don’t know way, do you have any idea what could be?
Hi,
Just playing around with your theme and its looks great! Wanted to change the h1 to “algerian” font but its not in the dropdown list. Can I add it?
cheers,
Rob
What a great addition to TwentyTen – liove love the color availability – would it be possible to add a 3 column variable format like the ThirtyTen child theme? That would be fantastic – the best of both worlds!!!
Hi Randy i am working on a new version called TwentyPlus that runs on a new Theme framework. It will have support for multiple layouts.
Excellent – do you have a targeted completion date? WIll this one also be a free theme?
Hey Josh,
Using and loving the TwentyTen Extended Theme on my website – however since installing it my Google Analytics have been foobar. I’m stuck – any ideas?
~Aurelia
Hi Aurelia,
I looks like your Google Analytics code is being written out to the page correctly. What exactly seems to be wrong? does it not track at all or is it something else?
Josh
It’s status says “recieving data” but since installing Themekit I’ve had 0 visitors! That’s not right – the webstats provided by my webhost certainly say otherwise. I’m really stumped >_<
I think I found it! Nothing at all to do with Themekit (which rocks ^_^) Please excuse me.
~A
Hi Josh,
This is a brilliant theme. Great work. Are there any plans to apply the same changes to the newly released Twenty Eleven Theme?
Thanks,
Dave
Hi Dave,
I haven’t yet started a Twenty Eleven. I have been working on a new framework that i just released today. With a new version of this theme called TwentyPlus. You can check out out here http://themebrewers.com/theme/twentyplus/.
I will probably end up building a Twenty Eleven version on the same framework.