首页 > CMS教程 > WordPress > 正文

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

藏色散人
发布: 2023-02-21 10:07:34
转载
1792人浏览过

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

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

1、添加文章标题:

<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>
登录后复制

改成:

<h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
登录后复制

2、添加文章标签

立即学习PHP免费学习笔记(深入)”;

<a href="#">News</a>, <a href="#">Products</a>
登录后复制

改成:

<?php the_tags('标签:', ', ', ''); ?>
登录后复制

3、添加日期

找到:31st Sep, 09 改成:

<?php the_time('Y年n月j日') ?>
登录后复制

4、显示评论数

<a href="#">7 Comments</a>
登录后复制

改成:

<?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?>
登录后复制

5、添加编辑按钮

接上面的评论代码,改成:

<?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?><?php edit_post_link('编辑', ' • ', ''); ?>
登录后复制

6、添加文章内容

将<!-- Post Content --> 和 <!-- Post Links -->之间的代码全部删除,替换成:

卡拉OK视频制作
卡拉OK视频制作

卡拉OK视频制作,在几分钟内制作出你的卡拉OK视频

卡拉OK视频制作178
查看详情 卡拉OK视频制作
<?php the_content(); ?>
登录后复制

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

<img class="thumb" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" alt=""/>
登录后复制

7、添加返回博客首页和发表评论按钮

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

<p class="clearfix"> <a href="blog.html" class="button float" ><< Back to Blog</a> <a href="#commentform" class="button float right" >Discuss this post</a> </p>
登录后复制

改成:

<p class="clearfix"> <a href="<?php echo get_option('home'); ?>" class="button float" ><< 返回首页</a> <a href="#commentform" class="button float right" >发表评论</a> </p>
登录后复制

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

改成:

<!-- Column 1 /Content -->
<?php if (have_posts()) : the_post(); update_post_caches($posts); ?>
登录后复制

将:

</div>
<?php get_sidebar(); ?>
登录后复制

改成:

</div>
<?php else : ?>
<div class="errorbox">
没有文章!
</div>
<?php endif; ?>
<?php get_sidebar(); ?>
登录后复制

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

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

Our blog, keeping you up-to-date on our latest news.
登录后复制

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

<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"> </div>
登录后复制

推荐学习:《WordPress教程

以上就是WordPress主题制作全过程(九):制作single.php的详细内容,更多请关注php中文网其它相关文章!

相关标签:
WPS零基础入门到精通全套教程!
WPS零基础入门到精通全套教程!

全网最新最细最实用WPS零基础入门到精通全套教程!带你真正掌握WPS办公! 内含Excel基础操作、函数设计、数据透视表等

下载
来源:ludou网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号