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。

评论

  1. 11 年前
    2013-6-05 0:04:55

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

  2. 12 年前
    2012-4-27 19:54:50

    也不简单了哇

    • 啄木游弋
      博主
      豆腐面
      12 年前
      2012-4-28 9:33:59

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

  3. 12 年前
    2012-4-26 23:58:33

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

    • 啄木游弋
      博主
      神爱
      12 年前
      2012-4-27 10:10:55

      哈哈,英雄所见略同。

  4. 12 年前
    2012-4-26 20:01:22

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

    • 啄木游弋
      博主
      睡着的水
      12 年前
      2012-4-26 20:03:06

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

      • 啄木游弋
        12 年前
        2012-4-26 20:09:27

        等待中。嘿嘿额

  5. 12 年前
    2012-4-26 18:59:16

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

  6. 12 年前
    2012-4-26 11:35:26

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

    • 啄木游弋
      博主
      野草博客
      12 年前
      2012-4-26 11:55:23

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

  7. 12 年前
    2012-4-25 21:32:12

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

    • 啄木游弋
      博主
      daley
      12 年前
      2012-4-25 21:35:10

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

      • 啄木游弋
        12 年前
        2012-4-26 1:24:00

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

        • 啄木游弋
          博主
          戴睿可
          12 年前
          2012-4-26 10:30:51

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

          • 啄木游弋
            12 年前
            2012-4-26 10:43:01

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

          • 啄木游弋
            博主
            戴睿可
            12 年前
            2012-4-26 10:44:57

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

  8. 12 年前
    2012-4-25 18:52:23

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

  9. 12 年前
    2012-4-25 17:32:21

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

    • 啄木游弋
      博主
      keene
      12 年前
      2012-4-25 17:34:14

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

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇