wordpress主题制作之index.php篇

目录 wordpress

通过前面几篇教程,咱们已经搭建起了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 条评论

  • maicoo
    2013年6月5日

    这个不错,菜鸟,做个博客修改主题弄的好辛苦,收藏了!

  • 豆腐面
    2012年4月27日

    也不简单了哇

    • 啄木游弋
      2012年4月28日

      还行,仔细看看外加品尝一下,就是在固定的位置放入固定的代码,多看几遍就简单了。书读百遍,其义自见。大湿淡定

  • 神爱
    2012年4月26日

    制作主题的确不需要php,分清主次就行
    高级主题和修改才要php的参与

    • 啄木游弋
      2012年4月27日

      哈哈,英雄所见略同。

  • 睡着的水
    2012年4月26日

    啊,这么简单?完事了啊?对了我想修改小工具要动哪里啊?加小工具怎么加?

    • 啄木游弋
      2012年4月26日

      稍等,sidebar.php文件和footer.php文件的制作笔记我不是还没写嘛,就快了,明天就能看到一个完整的主题啦。

      • 睡着的水
        2012年4月26日

        等待中。嘿嘿额

  • giant888
    2012年4月26日

    我用的时候也就是基本上把别人的模板改改信息啥的。自己做主题,感觉没这能力。

  • 野草博客
    2012年4月26日

    博主很专业,我是新手,有时间帮我指点一二,哈!

    • 啄木游弋
      2012年4月26日

      专业谈不上,就是喜欢折腾。有什么新点子或者想法,咱们可以一起探讨嘛

  • daley
    2012年4月25日

    很不错的教程,如果能继续完善的话可以媲美水煮鱼的那份了。加油! 我关注着

    • 啄木游弋
      2012年4月25日

      嗯,欢迎支持!我会继续更新完善下去的。这已经是我的主题制作菜鸟工程的第四篇小笔记啦。等更新完成后,再给每篇都加上整个教程的目录,应该看起来会更方便。
      有什么意见或者建议,欢迎留言探讨哈。

      • 戴睿可
        2012年4月26日

        其实很多人需要的是一个模板,具备基本功能,只需要往上填补style的。。。

        • 啄木游弋
          2012年4月26日

          恩,我也想到了,目前这个教程,我就是想单纯提供一个很干净的模板,css几乎不会去涉及,毕竟我也不精通。需要css支持的朋友,我会单独和他们再探讨。

          • 戴睿可
            2012年4月26日

            搬个凳子等你完成干净的模板 😀 以前用过几个国外的 blank theme, 不是很好用。

          • 啄木游弋
            2012年4月26日

            说实在的,国外的blank theme还是太庞大了一些,我也研究过一段时间,后来放弃了。欢迎之至。

  • keene
    2012年4月25日

    肯定只是像了 他是河北的 哇咔咔 我记得他学习很棒 所以印象深的

  • keene
    2012年4月25日

    你的样子很像我的一个高中同学 很有魅力

    • 啄木游弋
      2012年4月25日

      就我这张大众脸,还和你的同学相像了?这个,应该仅仅是像,不会是真的。

发表评论

您的电子邮箱地址不会被公开。

Time limit is exhausted. Please reload CAPTCHA.