WordPress主题制作全过程(九):制作single.php

本文详细介绍了如何使用 WordPress 制作单文章页 single.php 的过程,包括添加文章标题、标签、日期、评论数、编辑按钮、文章内容及返回首页和发表评论按钮等关键元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

摘要: 今天我们来制作单文章页single.php,有了之前制作index.php的经验,制作single.php也不再那么难了,这里将直接略过一些内容,直接给出结果。如果对某些修改不太清楚,可以先参考:WordPress主题制作全过程(八):制作index.php ...

今天我们来制作单文章页single.php,有了之前制作index.php的经验,制作single.php也不再那么难了,这里将直接略过一些内容,直接给出结果。如果对某些修改不太清楚,可以先参考:WordPress主题制作全过程(八):制作index.php

1、添加文章标题:

  1. <h3 class=“title”><a href=“single.html”>Loreum ipsium massa cras phasellus</a></h3>

改成:

  1. <h3 class=”title”><a href=”<?php the_permalink(); ?>“><?php the_title(); ?></a></h3>

2、添加文章标签

  1. <a href=“#”>News</a><a href=“#”>Products</a>

改成:

  1. <?php the_tags(‘标签:’, ‘, ‘, ); ?>

3、添加日期
找到:31st Sep, 09 改成:

  1. <?php the_time(‘Y年n月j日’) ?>

4、显示评论数

  1. <a href=“#”>7 Comments</a>

改成:

  1. <?php comments_popup_link(‘0 条评论’, ‘1 条评论’, ‘% 条评论’, , ‘评论已关闭’); ?>

5、添加编辑按钮
接上面的评论代码,改成:

  1. <?php comments_popup_link(‘0 条评论’, ‘1 条评论’, ‘% 条评论’, , ‘评论已关闭’); ?><?php edit_post_link(‘编辑’, ‘ &bull; ‘, ); ?>

6、添加文章内容
将<!-- Post Content --> 和 <!-- Post Links -->之间的代码全部删除,替换成:

  1. <?php the_content(); ?>

另外,你可以将文章页那张图片删除了,删除以下代码:

  1. <img class=“thumb” src=“<?php bloginfo(‘template_url’); ?>/images/610×150.gif” alt=””/>

7、添加返回博客首页和发表评论按钮
其实就是添加博客首页和评论锚点链接,在制作header.php,我们已经知道可以通过get_option('home');来获取博客地址。

  1. <p class=“clearfix”> <a href=“blog.html” class=“button float” >&lt;&lt; Back to Blog</a> <a href=“#commentform” class=“button float right” >Discuss this post</a> </p>

改成:

  1. <p class=”clearfix”> <a href=”<?php echo get_option(‘home’); ?>” class=”button float” >&lt;&lt; 返回首页</a> <a href=”#commentform” class=”button float right” >发表评论</a> </p>

     好了,基本上的修改就这些了,但是你的文章页仍然不能显示文章内容,你得给它加上一个条件语句,这样WordPress才会去数据库读出你的文章内容。搜索代码:<!-- Column 1 /Content -->

改成:

  1. <!– Column 1 /Content –>
  2.     <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>

将:

  1. </div>
  2.     <?php get_sidebar(); ?>

改成:

  1.     </div>
  2.     <?php else : ?>
  3.     <div class=”errorbox”>
  4.         没有文章!
  5.     </div>
  6.     <?php endif; ?>
  7.     <?php get_sidebar(); ?>

     现在你的文章内容应该都可以正常显示了,一个文章页基本上也成型了。下节我们将讲解如何制作评论页,本次不提供修改的主题文件下载,下次一起提供。

另外,文章页顶部会有一段文字:

Our blog, keeping you up-to-date on our latest news.

可以替换成你的内容。如果不需要,可以将以下代码删除:

  1. <h2 class=“grid_12 caption clearfix”>Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
  2.     <div class=“hr grid_12 clearfix”>&nbsp;</div>

好了今天的教程就讲到这。

WordPress主题制作全过程完整列表:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值