!
也想出现在这里? 联系我们
广告位
当前位置:首页>开发>WordPress开发实例>\”WordPress主题制作全过程:如何制作一个完美的single.php页面\”

\”WordPress主题制作全过程:如何制作一个完美的single.php页面\”

  今天我们来制作单文章页single.php,有了之前制作index.php的经验,制作single.php…--由S9社区整理

  今天我们来制作单文章页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
2
<!– Column 1 /Content –>
    <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>

将:

1
2

</div>
    <?php get_sidebar();
?>

改成:

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

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

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

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

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

1
2

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

给TA打赏
共{{data.count}}人
人已打赏
WordPress开发实例

「打造绝佳用户体验:WordPress comments.php主题制作教程」

2023-6-4 19:20:39

WordPress开发实例

《详解WordPress主题制作(八):从零开始制作自己的index.php页面》

2023-6-4 19:21:15

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索