Wp-template

From ThaiiS Note (Wiki)

Eco Question Wordpress Template

Design on Adobe Illustrator CS4
Export to Adobe Photoshop CS4
Analize css element, Slide image and save for web to html and image type
open in Adobe Dreamweaver CS4
create new file name "index.php"
- code inside

<!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('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
<?php wp_head(); ?>
</head>
<body>
</body>
</html>

create css file name "style.css"

code inside

/*
Theme Name: Eco Question
Author: thaiis.com
*/

building theme by css

loop code on index.php body for dynmic content

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
      <h1 class="color-c"><a href="<?php the_permalink() ?>" rel="bookmark">
        <?php the_title(); ?>
      </a></h1>
      <div class="meta">
        <?php the_date(); ?>
        <?php _e("Filed under:"); ?>
        <?php the_category(' > ','single'); ?>
        —
        <?php the_tags(__('Tags: '), ', ', ' — '); ?>
        <?php the_author() ?>
        <?php edit_post_link(__('Edit This')); ?>
      </div>
      <div class="storycontent">
        <?php the_content(__('(more...)')); ?>
      </div>
      <div class="meta">
        <?php wp_link_pages(); ?>
        <span class="comment">
          <?php comments_popup_link(__(' 0'), __(' 1'), __('(%)')); ?>
        </span>
        <?php if(function_exists('wp_email')) { email_link(); } ?>
        <br clear="all" />
      </div>
      <div class="hrpic"></div>
    </div>
    <div>
      <?php comments_template(); // Get wp-comments.php template ?>
    </div>
    <?php endwhile; else: ?>
    <div class="warn">
      <?php _e('Sorry, no posts matched your criteria.'); ?>
      <?php get_search_form(); ?>
    </div>
    <?php endif; ?>
    <?php posts_nav_link(' — ', __('« Newer Posts'), __('Older Posts »')); ?>

Full Default

<!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('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
<?php wp_head(); ?>
<?php
/*
Theme Name: Eco Question
Author: thaiis.com
*/
?>
</head>
<body>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
      <h1 class="color-c"><a href="<?php the_permalink() ?>" rel="bookmark">
        <?php the_title(); ?>
      </a></h1>
      <div class="meta">
        <?php the_date(); ?>
        <?php _e("Filed under:"); ?>
        <?php the_category(' > ','single'); ?>
        —
        <?php the_tags(__('Tags: '), ', ', ' — '); ?>
        <?php the_author() ?>
        <?php edit_post_link(__('Edit This')); ?>
      </div>
      <div class="storycontent">
        <?php the_content(__('(more...)')); ?>
      </div>
      <div class="meta">
        <?php wp_link_pages(); ?>
        <span class="comment">
          <?php comments_popup_link(__(' 0'), __(' 1'), __('(%)')); ?>
        </span>
        <?php if(function_exists('wp_email')) { email_link(); } ?>
        <br clear="all" />
      </div>
      <div class="hrpic"></div>
    </div>
    <div>
      <?php comments_template(); // Get wp-comments.php template ?>
    </div>
    <?php endwhile; else: ?>
    <div class="warn">
      <?php _e('Sorry, no posts matched your criteria.'); ?>
      <?php get_search_form(); ?>
    </div>
    <?php endif; ?>
    <?php posts_nav_link(' — ', __('« Newer Posts'), __('Older Posts »')); ?>

</body>
</html>

Relate : Creating_custom_templates_on_wordpress_2.7+ custom page template