WordPress theme design

Technical assistance & information for projects
Post Reply
User avatar
Face
Major
Major
Posts: 727
Joined: Thu Feb 18, 2010 5:06 pm
Location: SRI LANKA.KANDY.

WordPress theme design

Post by Face » Tue Apr 26, 2011 11:19 pm

WordPress theme design

Hello Friends after long time I am back.I was little busy & I got start my work again.I was reading about WordPress last few days.After Reading that NEO's link ( https://robot.lk/viewtopic.php?f=41&t=2346 ) I could get a display with my new theme,
WP start theme.jpg
WP start theme.jpg (121.03 KiB) Viewed 9688 times
This is WOW to me :D

Index.php

Code: Select all

<?php get_header(); ?>
     
 <div id="main">
   <div id="content">
     <h1>G-Sparkz Main page</h1>
     <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
     <h1><?php the_title(); ?></h1>
     <h4>Posted on <?php the_time('F jS, Y') ?></h4>
     <p><?php the_content(__('(more...)')); ?></p>
     <hr>
     <?php endwhile; else: ?>
     <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
     <?php endif; ?>
   </div>

   <?php get_sidebar(); ?>

   </div>

 <div id="delimiter"></div>

 <?php get_footer(); ?>
footer.php

Code: Select all

<div id="footer">
   <h1>MY First FOOTER</h1>
 </div>

 </div>

 </body>
 </html>
header.php

Code: Select all

<html>
 <head>
 <title>my first theme</title>
 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
 </head>
 <body>
   <div id="wrapper">
     <div id="header">
       <h1>my header in my first theme</h1>
     </div>
sidebar.php

Code: Select all

<div id="sidebar">
   <h2 class="sidebartitle"><?php _e('Categories'); ?></h2>
   <ul class="list-cat">
     <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
   </ul>
   
   <h2 class="sidebartitle"><?php _e('Archives'); ?></h2>
     <ul class="list-archives">
       <?php wp_get_archives('type=monthly'); ?>
     </ul>
 </div>
style.css

Code: Select all

body {
     text-align: center;
 }

 #wrapper {
     display: block; 
     border: 5px #a2a2a2 solid;
     width:90%; 
     margin:0px auto;
 }

 #header {
     border: 2px #FF4040 solid;
 }

 #content {
     width: 75%;
     border: 2px #0000EE solid;
     float: left;
 }

 #sidebar {
     width: 24%;
     border: 4px #a2a2a2 solid;
     float: right;
 }

 #delimiter {
     clear: both;
 }

 #footer {
     border: 2px #a2a2a2 solid;
 }

 .title {
     font-size: 11pt;
     font-family: arail;
     font-weight: bold;
 }
I wanna make some changes to my theme.That is why I add my codes(most of them are just copy of e books :P )
First I wanna add 2 pictures to my header & to the footer.How can I do that?(Please give me a little explanation about the changes of the code )

I don't need to make complex theme with navigation bars.But I wanna make this as a project.Then I can develop this.
User avatar
Shane
Captain
Captain
Posts: 226
Joined: Sun Jul 19, 2009 9:59 pm
Location: Jönköping, Sweden

Re: WordPress theme design

Post by Shane » Fri Apr 29, 2011 2:32 am

First I wanna add 2 pictures to my header & to the footer.How can I do that?(Please give me a little explanation about the changes of the code )

I don't need to make complex theme with navigation bars.But I wanna make this as a project.Then I can develop this.
How if you download a theme with all that and learn it yourself. This is what coders usually do ;)
User avatar
Face
Major
Major
Posts: 727
Joined: Thu Feb 18, 2010 5:06 pm
Location: SRI LANKA.KANDY.

Re: WordPress theme design

Post by Face » Fri Apr 29, 2011 8:10 pm

Ahhh shane thanks for the reply..I will try it.It will be a hard work for me.Because I am not a good pHp programmer.But I will try it.
I had to spend weeks to make this theme design.I have to spend moths to make a good looking theme. :lol:
Post Reply

Return to “Project Assistance”