分享

海豚的WordPress Theme教程 part4

 昵称24166 2007-04-04

海豚的WordPress Theme教程 part4

kDolphin @ 11:37 am April 14th, 2006

  这回讲index.php,从这篇开始我不帖相关的css内容了,因为详细解释css内容就变成css教程了,而事实上我自己都没怎么搞清楚css,一般都是边改边学。需要相关css的可以直接去下载KD02模版,自己慢慢研究。

index.php

PHP:
  1. <?php get_header(); ?>
  2.  
  3.     <div id="content">
  4.  
  5.     <?php if (have_posts()) : ?>
  6.        
  7.         <?php while (have_posts()) : the_post(); ?>
  8.                
  9.             <div class="post">
  10.                 <h1 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h1>
  11.                 <p class="date"><?php the_author() ?> @ <?php the_time() ?> <?php the_time(‘F jS, Y‘) ?></p>
  12.                
  13.                 <div class="entry">
  14.                     <?php the_content(‘<br /><br />[more...]‘); ?>
  15.                 </div>
  16.             </div>
  17.        
  18.             <div class="meta">
  19.           <?php the_category(‘, ‘) ?> <strong>|</strong> <?php edit_post_link(‘Edit‘,‘‘,‘<strong>|</strong>‘); ?>  <?php comments_popup_link(‘Comments (0)‘, ‘Comments (1)‘, ‘Comments (%)‘); ?>
  20.               </div>
  21.  
  22.             <!--
  23.             <?php trackback_rdf(); ?>
  24.             -->
  25.    
  26.         <?php endwhile; ?>
  27.  
  28.         <div class="navigation">
  29.             <div class="alignleft"><?php posts_nav_link(‘‘,‘‘,‘&laquo; Previous Entries‘) ?></div>
  30.             <div class="alignright"><?php posts_nav_link(‘‘,‘Next Entries &raquo;‘,‘‘) ?></div>
  31.         </div>
  32.        
  33.     <?php else : ?>
  34.  
  35.         <h2 class="center">Not found.</h2>
  36.         <p class="center"><?php _e("Sorry, but you are looking for something that isn‘t here."); ?></p>
  37.         <?php include (TEMPLATEPATH . "/searchform.php"); ?>
  38.  
  39.     <?php endif; ?>
  40.  
  41.     </div><!-- content -->
  42.        
  43. <?php get_sidebar(); ?>
  44.  
  45. <?php get_footer(); ?>

 

  • line1, line43, line45: 负责把header.php, sidebar.php, footer.php的内容引入,这样这几部分就作为一个整体展现在访问者面前了。
  • line5-line26: 其中内容就是每篇post在首页的显示内容。一般来说分成三个部分:标题,包括文章題目,作者名字,写作时间;正文内容;留言提示,比如有多少留言,文章 所属分类。至于具体位置随个人爱好,如果你不懂php也没什么关系,随便找一个模版然后依样画葫芦copy & paste就可以了。
  • line28-line31: 导航栏。就是下一页/上一页这个东西。
  • line35-line37: 这个是当一篇文章都没有的时候显示的报措信息。

  基本上index.php主要内容就是一个循环语句,不断显示每篇文章直到你后台设定的那个显示文章数为止。
这篇内容比较少,明天会把有关sidebar.php和footer.php的part5跟上。到part5其实整个模版就接近完成了,其他的几个文件基本上都是从这几个文件中演变出去,不会太费事。
海豚的这个简单教程很快会结束,然后把Kamus要求修改的Blix模版完成,四月底想做一个新的模版。新模版可能会比较中规中矩,不过将会融入WidgetsWordPress Theme Toolkit或许还有AJAX效果的留言以方便后期修改。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多