Log In · Register

 
wordpress
*mona lisa*
post Mar 23 2005, 06:06 PM
Post #1





Guest






does anyone know how to skin wordpress? i tried to go into the themes editor and its not working, so i'm very confused mellow.gif or does anyone know any sort of instructions of tutorials? thanks, i'd appreciate it.
 
 
Start new topic
Replies
satisfied-tom
post Mar 24 2005, 12:04 AM
Post #2


ksjchskjdahfkja
*****

Group: Member
Posts: 958
Joined: Jan 2004
Member No: 1,175



TUT: Skinning Wordpress 1.5

To make a new skin for Wordpress you first need to create a directory in yourdomain.com/blog/wp-content/themes/SKIN_NAME_HERE

Wordpress basicly needs only 4 files for the skin to operate right; header.php, index.php, and footer.php.

header.php is all the stuff that you want in the header,
index.php is where the content goes,
footer.php is where all the stuff on bottom goes, and
style.css is where all your CSS goes.

(If you are not familiar with php inclusions I suggest you do some research on it).

After your are done making your layout then all you need to do is upload it to the directory you made.

After you uploaded it, then in the admin control panel click on Presentation and you will see a list of themes. Click on "Select" to change the current layout to your theme that you just made.


If you need to see and example of header.php, index.php, footer.php then see the following.

header.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">

<head>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<style type="text/css">@import url("<?php bloginfo('stylesheet_url'); ?>");</style>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/nicetitle.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/comment.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/nicetitle.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>
<body>
<div id="box">
<div id="top">
<h2>

<a href="http://tom.x-monzter.com/blog/wp-login.php">Login</a> &middot;
<a href="http://tom.x-monzter.com/blog/wp-register.php">Register</a> &middot;
<a href="http://tom.x-monzter.com/blog/wp-login.php?action=lostpassword">Lost your password?</a>

</h2>

</div>
<div id="left">
<h2><b>navagation</b></h2>
<ul>

<li class="page_item"><a href="http://tom.x-monzter.com/blog/"><b>00.</b> blog</a>
</li>
<li class="page_item"><a href="http://tom.x-monzter.com/blog/?page_id=86"><b>01.</b> resume</a>
</li>
<li class="page_item"><a href="http://tom.x-monzter.com/blog/?page_id=87"><b>02.</b> game stats</a>

</li>
<li class="page_item"><a href="http://tom.x-monzter.com/blog/gallery"><b>03.</b> gallery</a>
</li>
<li class="page_item"><a href="http://tom.x-monzter.com/blog/index.php?cat=4"><b>04.</b> friends blog</a>
</li>

</ul>
</div>


index.php
CODE
<?php get_header(); ?>
<div id="content">

<h2><b>blog</b>content</h2>

    <?php if (have_posts()) : ?>
 
 <?php while (have_posts()) : the_post(); ?>
   <div id="post">
   <h1><b><?php the_time('F jS, Y') ?></b> » <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a> · <?php the_author_nickname(); ?></h1>
    
   
       <?php the_content('Read the rest of this entry &raquo;'); ?>
 
   <p><?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
   
   </div>
<?php comments_template(); // Get wp-comments.php template ?>

 <?php endwhile; ?>
<div style="text-align:center;">
<?php posts_nav_link(' · ', 'previous page', 'next page'); ?>
</div>

    <?php else : ?>

 <h2 class="center">Not Found</h2>
 <p class="center"><?php _e("Sorry, but you are looking for something that isn't here."); ?></p>
 <?php include (TEMPLATEPATH . "/searchform.php"); ?>

    <?php endif; ?>
</div>
<?php get_footer(); ?>


footer.php
CODE
<?php get_sidebar(); ?>
</div>


For futher documentation please see the following:
http://codex.wordpress.org/Theme_Development
http://codex.wordpress.org/

As you can see I am really bored right now.
 

Posts in this topic
mona lisa   wordpress   Mar 23 2005, 06:06 PM
avalon*   Oooh. You got hosted by Heather, right? Which one ...   Mar 23 2005, 06:21 PM
mona lisa   yea, you're avalon right? mine is enchantment....   Mar 23 2005, 07:00 PM
[2]Nekked   the b2 templates tutorial on cb should help you ge...   Mar 23 2005, 07:02 PM
satisfied-tom   TUT: Skinning Wordpress 1.5 To make a new skin fo...   Mar 24 2005, 12:04 AM
mona lisa   whoa baby. you must be really bored. lol but anywa...   Mar 24 2005, 01:16 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: