Monday, 24 August 2015

how -to -build- a simple WordPress- theme in four simple steps:

04:46


 Step 1 :

In the WordPress /themes/ directory, create a folder named /simplest-theme/

Step 2:

 In the new directory, create two new (empty) files, style.css and index.php

 Step 3 :

Open style.css and add the following code:

 /* Theme Name: Simplest Theme */


Step 4 :

 Open index.php and add paste the code given  below :

<!DOCTYPE html>
<html>
 <head>
 <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
 </head>
 <body>
 <header>
 <h1><a href="<?php echo home_url('/'); ?>">
 <?php bloginfo('name'); ?></a>
 </h1>
 <p><?php bloginfo('description'); ?></p>
 </header>
 <article>
 <?php if (have_posts()) : ?>
 <?php while (have_posts()) : the_post(); ?>
 <div class="post">
 <h2><a href="<?php the_permalink(); ?>">
 <?php the_title(); ?></a>
 </h2>
 <?php the_content(); ?>
 </div>
 <?php endwhile; ?>
 <div class="post-nav">
 <?php posts_nav_link(); ?>
 </div>
 <?php endif; ?>
 </article>
 <footer>
 <p>&copy; <?php echo date('Y'); bloginfo('name'); ?></p>
 </footer>
 </body>

</html>

Congratulations you have built a simple wordpress theme..

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

1 comments:

PHP Training Mumbai, PHP MySQL Training Mumbai, PHP Course Mumbai, PHP Institute Mumbai

 

© 2013 PHP TRAINING IN MUMBAI BY OM SIR . All rights resevered. Designed by OM SIR

Back To Top