wordpress主题制作之index.php篇

通过前面几篇教程,咱们已经搭建起了wordpress主题的核心文件框架,包括一个style.css,header.php、index.php、sidebar.php、footer.php四个php文件;header.php也已经做好了,而且就在前一篇文章里面,我还给大家提前预告了index.php将要使用到的几个php函数。

下面就正式开始index.php的制作,这个文件同样是属于wordpress主题php文件中的大boss级别的文件,废话不说,先看代码。

<?php get_header();?>
<!--上面这句代码调用了header.php文件-->
<section id="posts">
<!--下面开始的代码就是wordpress主题里面最有名气的loop,也就是循环了-->
<?php if(have_posts()):;?>
<?php while(have_posts()):the_post(); ?>
<!--article标记内部就是在网站首页显示的单篇日志的内容-->
<article id="post-<?php the_ID(); ?>" class="post">
<header class="post-title">
<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<?php the_title(); ?></a></h2>
</header>
<!--上面的代码是显示日志标题-->
<ul class="postmetadata">
<li>Written by <?php the_author_posts_link(); ?></li>
<li>Posted <time datetime="<?php the_time('Y-m-d') ?>" pubdate>
<?php the_time('F jS, Y') ?></time></li>
<li class="comments"><?php comments_popup_link('<span>0</span> Comments',
'<span>1</span> Comment', '<span>%</span> Comments'); ?></li>
<li>Filed Under: <?php the_category(', ') ?></li>
<li>Tags: <?php the_tags('',', ','') ?></li>
</ul>
<!--上面的代码用来显示作者、日志发表时间、评论数、分类、标签-->
<?php the_excerpt();?>
<!--上面这句代码显示日志摘要,此处摘要需要在撰写日志的时候,人工输入摘要框中才能显示-->
</article>
<!--单篇日志显示完毕-->
<?php comments_template(); // 这句代码用来显示日志评论 ?>
<?php endwhile; ?>
<!--下面代码的意思是,如果找不到日志可以显示,就告诉访客,目前没有日志满足他的要求-->
<?php else: ?>
<p class="nocontent"><?php _e('Sorry, no posts are found.'); ?></p>
<?php endif; ?>
<!--loop循环结束了,开心吧,最核心的代码结束了-->
</section>
<!--下面这两句代码分别调用sidebar.php、footer.php文件-->
<?php get_sidebar();?>
<?php get_footer();?>

上面的代码就是一个wordpress主题中最基本的index.php的写法,没有任何高级的功能,可以说只有基本和基础。代码经过了本地调试,可以直接复制粘贴。涉及到的php语句基本上都加了注释,再结合上篇日志中对几个php函数的解释,相信大家看起来应该没有什么问题吧?

index.php文件的代码核心就是loop,也就是所谓的wordpress日志循环,也没什么好理解的,直接记住这个loop的结构性语句就够了,记不住的话每次做主题的时候,能够知道复制粘贴那几句代码,这也是一种成功。

再次保证,学做主题没必要去看什么php语言教程,根本就用不着那么高档的玩意。over。


20 comments

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Time limit is exhausted. Please reload CAPTCHA.