Meet Components, a starter-theme generator to speed up WordPress theme development.
Plan your WordPress site design
Figure out what sort of pages we’ll need
Before a visual design can begin, you need to do content design. Determine what exactly you’re going to say. Words, sentences and paragraphs are the building blocks of your site’s foundation. Make sure you’ve put them together correctly. And make sure you know what you need that foundation to do. I mean, think about how those words, sentences and paragraphs are going to effect your bottom line. Remember, we’re making this site for a reason. Whether it’s to get a laugh or make a buck, all those words, sentences and paragraphs need a reason for being there. They mean something.
Anyway, you’ve done all that right? We need to think about how we’re going to present that content. To put things really simply, once you know what you’re going to say with your content and what you want it to do site design comes down to designing series of page templates. That’s it really. As a practical matter, site design becomes a series of templates. Continue reading “WordPress as a CMS: How To Think About Building a Website With WordPress”
Thematic 0.7 has been officially released with two major upgrades that’ll help you get what you need done with your WordPress blog or site faster and easier.
Rapid Site Development With Modular CSS
I’m doing my best to make Thematic a tool for rapid site development whether you’re digging into it and using it as the basis for a custom site design or using it as a theme framework with a WordPress Child Theme. How? By making the CSS completely modular. Let’s take a look at two of the folders in the
library directory of Thematic; layouts and styles.
/layouts 2c-l-fixed.css 3c-r-fixed.css 2c-r-fixed.css 3c-fixed.css /styles 18px.css typography.css 21px.css default.css images.css plugins.css reset.css
Each of these files can be imported into the stylesheet of either your Thematic-based theme or Child Theme with the
@import rule—or copy-pasted if you want to make changes without having to override the CSS to make structural changes. Simply put, what that means is that you can bring each of these files into play in your stylesheet and rapidly build a WordPress theme by mixing and matching them. And I mean really rapidly. For example, here’s an example of a fully finished 3 column Thematic Child Theme, with a sidebar on either side of the content, that follows the default Thematic color styles—built by you, out of only a few lines of CSS. Continue reading “What’s new in Thematic 0.7”
WordPress developer Jacob Santos on WordPress Child Themes: WordPress Theme Modifications should be made in Child Themes.
If you want more of an introduction to theming your blog or website with WordPress Child Themes you can read my two-part interview with Weblog Tool Collections’ Jeff Chandler on the subject. Part One gives an introduction to the concept with a ridiculously easy tutorial that guides you through making your own Child Theme. Part Two goes through some of the business implications of using them with a WordPress Theme Framework.
Pat Dryburgh outlines the drawbacks to child themes—which hinder public acceptance and experimentation—that he’s discovered while working with Thematic.
Darren Hoyt explains why he’s interested in WordPress Child Themes in Exploring WordPress Frameworks and Child Themes. He does a great job illustrating why professional designers using WordPress to power sites need to take a serious look at them.
Elliot Jay Stocks has updated and re-released his WordPress starter theme, Starkers.
Alister Cameron has written a simple function you can add to any WordPress theme that lets you intelligently and automatically force browsers to use your updated WordPress stylesheet.