Wordpress Theme Development Info

by 9 replies
11
hye Warriors,

I have questions here about wp theme development, I know there are many wp theme designers here.

So the question is, what is the requirement for being a great WP theme designer?

Is it the Xhtml/Css skills?or maybe php skills or maybe both?

and where can I find the best tutorial for the beginner level and then develop my own wordpress theme for sure..
#website design #development #info #theme #wordpress
  • This site is a pretty good introduction to WP theme design: Best 10 Web Hosting Sites by WPDesigner.com - Free Wordpress Themes and reviews of Top Web Hosts

    Specifically this series of posts: WPDesigner.com So you want to create WordPress themes huh?

    But if you really want to be good at it, go to the source and learn directly from the WP Codex: codex.wordpress.org
  • check this place out webdesignerdepot.com/2009/09/300-resources-to-help-you-become-a-wordpress-expert/" its not mine but a great freekin WP resource over 300 resources.

    and you should know css and php little of both to start modifying things

    hope this helps
    • [ 1 ] Thanks
  • I think you have to be an expert in XHTML/CSS and have a basic understanding of php.

    I would just do a mockup in Photoshop of what you want the site to look at, start with a basic Wordpress theme, and then start working on making your theme look just like your mockup. Take each element/feature one at a time, read, research, and work on it until you get it to function the way you want.
    • [ 1 ] Thanks
  • I second cma01's opinion over this matter. All you need is to be an expert in XHTML/CSS and some basic knowledge of php. A little bit of flash also might come in handy at times.
    • [1] reply
    • thanks a lot for the replies..that's really help me..

      maybe I will be a wp theme developer one day..still learning to understand the wp theme atmosphere..lol..

      photoshop skills is not a problem for me, but xhtml/css, that's a problem right now.. still learning and develop my skills..

      for now, I am always look for source like Webdsignerdepot,Nettuts,Noupe.com and many more..

      p/s:wordpress now 2.8.6 and still updating...will it be 2.9?
  • yes supposedly the 2.8.6 upgrade took care of a few security issues.. 2.9 is what their focusing on next so should not be anymore updates till 2.9 is done
  • Why don't you learn to develop a site and get traffic to it instead of designing something that you can hire done for $30?

    Do you want to make money or what?
    • [1] reply
    • the best way to learn is first

      learn XHTML and CSS by taking apart free templates and making your own creations...this is not an affiliate link but it is an open source web design community I belong to and you can get hundreds of 100% valid XHTML and CSS templates for free:
      GetFreeWebDesigns.com

      also the best tutorials for anything is w3schools ..spend time there!

      then once you've done that go to
      WordPress › Free WordPress Themes
      and download some of the free WordPress themes...take them apart ..create your own...learn by doing...you'll learn a little about PHP just by looking at the code...and yes..the WordPress codex is everything WordPress...and everything you need to learn about WordPress is there for the taking for free...

      good luck
  • To make really really great themes you do need to have top design skills, and xhtml & css. You can make regularly functioning themes by copying and pasting the required php lines so you don't have to understand php that well. If you want to give your theme fancy pants functionality, that's when having an understanding of php will help you. To get going though, it's not really a big deal.

    The best thing to do is start simple to get an understanding of the framework of themes. What people may not often realize, is that the basics of theme design are in fact very very basic. For example, see below a complete one page theme, that you could use to make a sales page site:

    Copy and paste this, save it as index.php
    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
    <?php wp_head(); ?>
    </head>
    <body>
    <div class="page">
        <div class="content">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?><?php the_content(); ?><?php endwhile; endif; ?>
        </div>
    </div>
    <?php wp_footer(); ?>
    </body>
    </html>
    Copy and paste this, save it as style.css

    HTML Code:
    /*
Theme Name: Simple Theme
*/

html, body {
background:#6d81a4;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

.page {
border:2px solid #03245d;
width:750px;
background:#FFF;
margin:20px auto;
}

.content {
padding:30px;
min-height:300px;
}
    That's it. One whole wordpress theme, suitable for a sales page or minisite. All you need to do is have both those files inside their own folder, in turn placed inside the wp-content/themes/ folder of your wordpress installation

    The first key point is that you have this line:
    PHP Code:
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?><?php the_content(); ?><?php endwhile; endif; ?>
    where you want your content to show up.

    In English, all that line means is "If there are posts published; and while we haven't put enough of them on screen; keep loading up the next post; and display it here; until we've put enough of them on screen and we can stop checking things".

    And the second key point is that you have this:
    HTML Code:
    /*
Theme Name: Simple Theme
*/
    At the top of a css file named style.css.

    You can put any css styling in here, or none at all if you really want, as long as you have those lines at the top so Wordpress knows what your theme is called.

    In an absolutely essential sense, that's all you must have in order for things to function.

    From there, you can build on that foundation, adding extra styling, sidebars with widgets, post headings and all the other things you see regularly in Wordpress sites.

    But what I found whilst learning, is almost every theme out there is way over complicated. Trying to reverse engineer is like trying to untangle spaghetti. Best to start with the absolute basics, and then learn to build in one thing at a time.

    Hope all that helps!
Join the discussion

Next Topics on Trending Feed