Monday 15 September 2014

tutorial of wordpress theme using bootstrap easy way

 AAVIK KUMAR PRODUCTION

Tutorial of wordpress theme using bootstrap

Converting Bootstrap Files to WordPress Templates

Most WordPress themes include the following files:
  • index.php
  • style.css
  • header.php
  • footer.php
  • sidebar.php
wordpress theme bootstrap tutorial step by step :-

index.php

<?php get_header(); ?>


    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> //title in form of link
     
         
<p><em><?php the_time('l, F jS, Y'); ?></em></p> //time

          <?php the_content(); ?>  //content

    <?php endwhile; else: ?>
        <p><?php _e('Sorry, this page does not exist.'); ?></p>
    <?php endif; ?>


<?php get_footer(); ?>  

front-page.php

<?php get_header(); ?>

<div class="row">

  <div class="span8">

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    
        
<p><em><?php the_time('l, F jS, Y'); ?></em></p>
<?php the_content(); ?>
      <hr>
   
    <?php endwhile; else: ?>
        <p><?php _e('Sorry, this page does not exist.'); ?></p>
    <?php endif; ?>
</div>
<div class="span4">

    <?php get_sidebar(); ?>  

  </div>
</div>

<?php get_footer(); ?>  

DOWNLOAD FULL SOURCE CODE 



No comments:

Post a Comment