wordpress CMS主题 微信
Home > 网站建设 > WordPress主题single.php制作

WordPress主题single.php制作

高时银博客 网站建设 点击: 1,044 次 0 0

在前五篇的制作过程,其实大部份的架构已经都差不多,虽然这次要解讲的是Single.php,也就是内文页的制作,不过主要和index.php仅差异在留言的部份,不过留言区块并不难制作,如果不需要做的很花悄其实只要简单定义CSS就可以,因此我们这次的single.php只要从index.php複制一份再挂上留言区块的函式,我想应该不用10分钟就可以做完,至于要怎幺自订义留言区块细节,就留待以后慢慢撰写吧。

index.php与single.php其实内容主要是差在留言与分页连结,所以我们直接複制index.php来做即可。

先将上次制作完的index.php复制一份,并命名为single.php。

然后在endwhile上方插入留言评论系统的函式。

   1: <?php comments_template(); ?>

WordPress主题single.php制作

完成以上就可以看看内页的呈现效果,立刻就会多一个留言系统啰,不过全部都挤在一起,我们必须针对每一区块自己定义CSS。

至于要怎么定义CSS,因为DIV我们没有自定义,所以可以看看网页源始码,查看每个DIV区块的ID是什幺,再决定如何定义。这一段是阿汤大概定义的CSS。

   1: h3#comments{

   2: margin:30px 0 15px 0;

   3: }

   4: ol.commentlist{

   5: margin:10px 0;

   6: }

   7: ol.commentlist li{

   8: margin:10px 0;

   9: padding:5px;

  10: list-style-type:none;

  11: border:1px solid #eee;

  12: }

  13: #respond{

  14: margin:10px 0;

  15: }

  16: .comment-body p{

  17: margin:10px 0;

  18: }

  19: .comment-author,.comment-meta{

  20: background:#eee;

  21: padding:3px;

  22: }

  23: #commentform input{

  24: margin:3px 0;

  25: }

 


文章作者:高时银博客
本文地址:http://wanlimm.com/77201505173911.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

目前还没有评论。赶快来坐沙发吧。

发表评论