今天我们来制作单文章页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('编辑', ' • ', ''); ?> |
6、添加文章内容
将<!-- Post Content -->
和 <!-- Post Links -->
之间的代码全部删除,替换成:
1 |
<?php the_content(); ?> |
另外,你可以将文章页那张图片删除了,删除以下代码:
1 |
<img class="thumb" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" alt=""/> |
7、添加返回博客首页和发表评论按钮
其实就是添加博客首页和评论锚点链接,在制作header.php,我们已经知道可以通过get_option('home');
来获取博客地址。
1 |
<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> |
改成:
1 |
<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 -->
改成:
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"> </div> |
文章目录[隐藏] 本系列教程适合以下人群阅读本系列教程不适合以下人群阅读阅读完本系列教程,你将收获开始制作主题之前,你必须配备以下工具 本教程算是涵盖了WordPress主题模版制作的全过程吧 本系列...
时间:2019/9/7 分类:建站教程 人气:290 评论:1
文章目录[隐藏] 怎么看下面的文件层次结构?主页页面分类标签作者日期页面搜索结果404 (未找到)页面附件页面 在开始制作WordPress主题之前,首先需要了解WordPress主题包含哪些文件。您...
时间:2019/9/7 分类:建站教程 人气:1382 评论:0
要制作WordPress,您需要了解PHP,但无论如何,您的博客页面是一个网页。网页可以在浏览器中显示的原因是因为最终传输到浏览器的终端代码是HTML,CSS和JS。此代码控制浏览器的显示。制作Wor...
时间:2020/2/24 分类:建站教程 人气:1477 评论:2
一个WordPress主题至少包含以下两个文件: style.css index.php 好,现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\theme...
时间:2019/9/7 分类:建站教程 人气:217 评论:0
文章目录[隐藏] 1、更改<title>2、更改样式表style.css路径3、添加pingback4、更改博客名称和描述5、添加订阅feed链接6、添加wp_head7、添加Descri...
时间:2019/9/7 分类:建站教程 人气:1724 评论:0
上节内容我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php。footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性...
时间:2019/9/10 分类:建站教程 人气:90 评论:0
制作好了header.php 和 footer.php ,今天我们来制作侧边栏sidebar.php。由于侧边栏的可定制性实在是太强了,所以本节内容比较难,我讲解起来也比较困难,有些内容会被略掉! 作...
时间:2019/9/7 分类:建站教程 人气:87 评论:0
文章目录[隐藏] 1、添加文章标题2、添加文章标签3、添加日期4、显示评论数5、添加编辑按钮6、添加文章内容7、阅读全文8、添加文章循环9、添加文章分页10、文章缩略图 前面我们已经制作完成博客所有公...
时间:2019/9/7 分类:建站教程 人气:91 评论:0
文章目录[隐藏] 1、添加文章标题:2、添加文章标签3、添加日期4、显示评论数5、添加编辑按钮6、添加文章内容7、添加返回博客首页和发表评论按钮 今天我们来制作单文章页single.php,有了之前制...
时间:2019/9/7 分类:建站教程 人气:99 评论:0
今天我们来制作评论主题的评论模块。在主题目录Aurelius下新建comments.php,在single.php剪切以下代码,粘贴到comments.php: <!– Comment’s Li...
时间:2019/9/7 分类:建站教程 人气:1083 评论:0
page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如”关于”、”联系方式”等,可...
时间:2019/9/7 分类:建站教程 人气:188 评论:0
看看
有一事请教,我是业余玩家。 sudo vi /etc/sudoers这个命令须在root用户下执行,弹出页面为只读。 所以我执行的是sudo nano /etc/sudoers,弹出的页面就能修改
感谢分享,这个网站真不赖
看看好不好用
这篇文章实在是太赞了,做学术的那种恪尽职守和严肃认真,全篇简明扼要没有一句废话。我引用的博主的链接。 https://www.right.com.cn/forum/forum.php?mod=r
cccc学习学习下
答案
我想卡