Premium wordpress photoshop layout
Wednesday, June 3, 2009 No Comments
In this tutorial you will learn how to create a premium wordpress theme.
Tags: layout, photoshop, theme, wordpress
Category: Web Layout
Posts Tagged theme
How to Theme any CMS Using Firebug (and MediaWiki as an Example)
Thursday, April 30, 2009 No Comments
In this tutorial we’ll go through the theming process I used to style the upcoming PSDTUTS Wiki, but the process, particularly using Firebug, could be applied to pretty much any CMS.
Category: Web Layout
BLOOpress Wordpress Theme
Tuesday, April 28, 2009 No Comments
Hello welcome to part 3 of the BLOOpress wordpress theme. Today we’ll be converting our CSS template into a working wordpress theme.
Designing for Wordpress: Part Three
Saturday, April 25, 2009 No Comments
n part three of this series, we finish up the structure of the site and start diving into the details. The typography is set up, the right sidebar is set up, and the footer if flushed out. Then we use SimplePie to pull in the external RSS feed and jQuery to pull in the “social” stuff. Then we look at styling up the rest of the WordPress layout types like Single pages (with comment styling) and Pages.
Designing for Wordpress: Part Two
Friday, April 24, 2009 No Comments
We start by poking around the backend activating some plugins, changing some settings and creating posts/pages. Then we take a look at the Photoshop design and note some of the important aspects. Layout, color palette and font choices are all imporant things to consider as well as the overall feel. WordPress sites don’t need to scream “Blog!” unless you want them to.
Designing for Wordpress: Part One
Friday, April 24, 2009 No Comments
In part one, we will be downloading and installing WordPress. Then we will install the “Starkers” theme by Elliot Jay Stocks to start with a completely fresh slate for our new design. No sense starting with the default theme, it’s more trouble than it’s worth!
Premium Wordpress Theme Design – Part 2 – HTML + CSS + Wordpress Theme Files
Sunday, April 19, 2009 No Comments
This time you’ll learn how to slice the design and convert it into XHTML + CSS, then I’ll show you how to use the css files to mock-up a Wordpress template. This isn’t a basic tutorial, if you’re a newbie, maybe you should read some basic HTML+CSS tutorials, and undestand the basics of CSS tags and Wordpress features and structure.
Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up
Sunday, April 19, 2009 No Comments
In this two part tutorial will we cover how to make premium Wordpress themes happen. Part 1, covered below, shows how the photoshop mock up is created, and in Part 2 we’ll outline how to turn the psd into HTML/CSS and wordpress theme files.
Category: Web Layout
WordPress for Designers: Day 9
Wednesday, March 18, 2009 No Comments
With the release of Wordpress 2.7 came some awesome new features to the comment section, including threaded comments. Today we will pick up where we left off in Day 8 of the series and continue tweaking our custom comments.php file to perfection. Not only will we cover threaded comments, but how to paginate comments as well! It’s a screencast full of comment enhancements and features, so get ready and let’s do this!
Tags: Screencast, theme, wordpress
Category: PHP
