• wordpress CMS主题:ssmay主题 wordpress CMS主题:ssmay主题
  • 首页 > 网站建设 > WordPress主题single.php制作

    WordPress主题single.php制作

    作者: 分类:网站建设 点击: 3,236 次
    wordpress CMS主题:ssmay主题

      扫描下面的二维码,“关注”我的百家号。

      在前五篇的制作过程,其实大部份的架构已经都差不多,虽然这次要解讲的是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: }

       



      欢迎“关注”我的百家号。

      头条二维码
      加入我的QQ群
      头条二维码
      关注我的百家号

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

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.