WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 开发 › WordPress主题制作教程(十):制作文章单页模板single.php

WordPress主题制作教程(十):制作文章单页模板single.php

PCDotFan9年前

在前一篇教程中我们已经只做好了index.php,这个文件可以当首页使用,也可以当分类、标签等归档页使用,这篇教程我们来制作一下文章的具体页面-文章单页模板,如果我们没有但页模板single.php,那么就会使用index.php文件来代替,不过对于文章单页,我们还需要添加一些其他的信息,比如版权申明、相关文章、评论等等,所以我们应该另外制作一个模板,在我们下载的主题文件夹下面已经有了single.php文件。你可以试着删除这个文件,然后再去看看用index.php显示文章的效果。

用编辑器打开主题文件夹下面的single.php文件,在前面的教程中我们已经将这个文件中的头部、底部、侧边栏代码替换成了加载对应模板的代码。对于文章单页,我们的文章框架代码页需要放在一个循环中,只不过到了单页面,只循环一次。所以你完全可以将index.php里面的代码全部复制过来,再添加,修改。

 

一、文章标题

找到文章标题:

<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>  

 

二、文章标签

<a href="#">News</a>, <a href="#">Products</a>  

 改成

<?php the_tags('标签:', ', ', ''); ?>  

 

三、日期

将日期改为:

<?php the_time('Y年n月j日') ?>  

 

四、评论数

<a href="#">7 Comments</a>  

 改成

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

 

五、文章内容。

先将文章的图片删了,删除下面的代码:

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

 然后将所有文章内容,即: 和 之间的代码全部删除,替换成:

<?php the_content(); ?>  

 

六、评论和返回首页

<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>  

 改成:

<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>  

 好了,前面说过文章单页的内容页需要放在一个循环语句中(事实上是我们需要在输出文章的前面执行the_post()函数,这个函数会生成文章变量$post)。

在后面添加代码,效果如下:

<!-- 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(); ?>  

这里的操作跟首页差不多,不过这里只需要输出一篇文章,所以while添加与否没有多大关系,需要提醒的是,一定要记住添加了if,就得有endif,添加了while,就得有endwhile。可能其他语法不会这样用,其实这里你也可以改成用{ }的。比如:

<?php if( have_posts() ){ the_post();?>   
<!--文章代码-->   
<?php } ?>  

 

0
分享

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘(提取码: 5rbm) 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

PCDotFan 站长
文章 435评论 859
相关文章
  • 移除 WordPress 中的「找回密码」功能
  • WordPress 实现添加角色与更改角色名称
  • WordPress 4.1 中新的主题函数
  • 借助Github – 为WordPress插件添加自动更新功能
  • WordPress进阶教程(一):WordPress文章类型
  • WordPress进阶教程:前言
  • WordPress主题制作函数全攻略
  • WordPress主题制作教程(十二):单页面模板page.php
评论 (5)
再想想
  • 服装品牌策划

    讲解的很详细,不错,很喜欢

    9年前
  • 翠峰网

    文章写的不错,赞

    8年前
  • 网上开店

    谢谢分享!

    8年前
  • 极品推女郎

    谢谢您的辛苦发文

    7年前
  • 白萍

    鉴定完毕!

    7年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
CK-Video – WordPress实现插入无广告的优酷视频 v0.681
9年前
BlueSky 2.0 – 蓝色星空轻博客主题
10年前
WordPress 新用户注册邮件链接提示「您的密码重设链接无效」
5年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1