Advertisement
Theme Development

Adaptive Blog Theme: From Photoshop to WordPress

by

Continuing on with the Webdesigntuts+ session "From Photoshop to WordPress", we commence the WordPress portion here on Wptuts+.

You can start from the beginning of Adi Purdila's session, "Adaptive Blog Theme: From Photoshop to WordPress", covering everything from setting up a baseline grid in Photoshop, working with adaptive layouts, to refining your coding workflow.

Once you've completed that part of the session, come back here to proceed with Beginning Theme Development.

Related Posts
  • Code
    Tips
    New wp-config Tweaks You Probably Don't Know8 new wp config tweaks you probably didnt know about 400
    The wp-config.php file: One of the most loved WordPress feature for some, one of the worst nightmares for others. There are countless tips and tricks in a plethora of articles, and you can't get enough of them; however, this article is aiming to be different. In this article, we're going to get familiar with eight new wp-config tricks that are less known than functionality such as turning off post revisions, increasing the memory limit, or other similar features.Read More…
  • Code
    Theme Development
    Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPressCreating wordpress theme from html 400
    In the first two parts of this series, you learned how to prepare static HTML for WordPress and to split your HTML file into a set of template files. You now have the beginnings of a theme, but unfortunately your files won't work as a theme just yet. For any theme to work, you need to tell WordPress about the theme, and you do this in the stylesheet. In this tutorial, you'll do that. Next, you'll upload your new theme to a WordPress installation and test it. Additionally, you'll create a screenshot of your theme so it's easier to work with in the WordPress admin.Read More…
  • Code
    Creative Coding
    Using WordPress for Web Application Development: Features: SessionsApplication foundation 400
    In this series, we're taking a look at how it's possible to build web applications using WordPress. Thus far, we've talked about how WordPress is a foundation (rather than a framework), its architecture, how we need to conceptually think of it when approaching it especially coming from other languages, and then we began talking about the components that make up a basic web application.Read More…
  • Web Design
    Roundups
    New to Web Design? Start Here.New to web design
    Welcome to Webdesigntuts+, an online resource dedicated to teaching and encouraging web designers of all skill levels and experience. Whether this is your first time here, you've found yourself dipping into our content in the past, or you're a regular visitor, this post will help you find the best of our content.Read More…
  • Code
    General
    Adaptive Blog Theme: Session Complete!Adaptive preview
    We've reached the end of our Adaptive Blog Theme Session - what a session it's been! If you've followed along from the beginning; starting off in Photoshop, through to HTML, CSS and ultimately into WordPress development, hats off to you. If you've yet to dive in, take a look at what's in store for you..Read More…
  • Web Design
    General
    Adaptive Blog Theme: Session Complete!Adaptive preview
    We've reached the end of our Adaptive Blog Theme Session - what a session it's been! If you've followed along from the beginning; starting off in Photoshop, through to HTML, CSS and ultimately into WordPress development, hats off to you. If you've yet to dive in, take a look at what's in store for you..Read More…