子比主题美化教程

在主题根目录->inc/functions->functions.php大概686的位置

先新增一个 $like = _cut_count(get_post_meta($post_id, ‘like’, true)); 在post_id下方

再将meta改为如下值即可

$meta .= '<a href="javascript:;" data-action="like" data-pid='.$post_id.'> <item class="meta-like">' . zib_get_svg('like') . '<count>' . ($like ? $like : 0) . '</count></item></a>';

当然你也可以用作其它标题的样式,将代码放在后台->自定义代码->自定义css即可

.wp-posts-content h6 {
  position: relative;
  padding: 0 15px 0 28px;
  color: var(--main-color);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 18px;
  position: relative;
  font-weight: 500;
}

.wp-posts-content h6::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEI0lEQVRYR+3Xb2wTZRwH8G/vL22RPy5GW8fK6rJpGeFFY9RO3TRRE1HfmEAammEyjZmOSEg1RrPZaTD6xjhU/Ndlf0CZgwmD+qcgZBRIETeqY0Vcnc7pGonhRY2l3m2t5upqjq693l2vcy+8N81zz/NcPvf75fd7rjos8ku3yH34HyjK0PqlDLPzD56vMNL0VHxmpgXAoUIZXKgI3sMSpK+cNTAbylaj/9IkprnLM3+mkg8XQi4EsJ4lSL+ZNbAfVd+JG/XLcSERg3M8IAtZauBtDEkeNdN6fX9NfRqXueQiSwm00wQRMDMGw94snBJkqYBrSYIIXs/ojftqGq6IXHZRFIpkKYC2JSw9SJE663W0nthlqcMawwrJYpVCag1M48pNy1YNvLWRffGNIYSCv6Cnog7rjCtVIbUEXoG7qeqaNMj51F58dWoKPZY62JeWyUJG+ctcIplcIizWCpgTl9EIyODJn9BtceDWq/6B57tO/H4R688fFaZ7AWzWAiiJEyMDx39Ed6UDdyy7Ni/w1ekxbP95VJi/F8CRYoGycGLksaEJdFU6cPdy0zxkR/RbtE6FhPvHATQUm2JFODHSfyyCLmsd7lth/hf53q/jcE8OC+NTAG7PTKiNoCqcGPnpF+PotDrwwNXl+OC3H9A8cVqYPgPgFnFo1QCLwomRg4cvoPMGBzZHTgq3zwKwZ+ddKVATXAZhf+gdnPvuojAUqmJdrspRAtQU93pXEM+8clgwhQHU5itruUBNcTt6TsP9sl8weQC0S/VFOUBNcW/2folt2z+XhZPTZh6kSKJ79aqVRuFszRxfUm8sNbdz9xlsfekz2bhCQBvDMMM8z+ubN92Mjrb71brS+97dM4wtnk8U4SSBBEGErVarzeVywePxoHVLA1pb6lUh3+8bwZMv+BTjpIAVACa9Xq+uqakJ7e3tqpGd/WfR3Jr+81awIJS0mY0A+sLhMGw2W3qfGmTXvhAef/6gapxUBDuqqqoejUQiBvFbKUH2DHyNx54bLAqXF0jT9HBjY6Pd6/XOi7oc5K7936Dp2QNF4/IBrTqdLuLxeIi2tracRSGF/PDgKB55er8muHzATQB2m81m+P1+1NbmPoVyIfsOnUOj+2PNcPmAO1iWbeE4TmexWODz+WQhayrL4No2oCkuJ5Bl2VGO49ZmcisXObdeVSuRaq7ZZ3G10KBTqRQl3pQPGY1GEQgE4HQ6heVDAO5S1cklNmUDXQRB9KZSqXkfESaTCW63G7FYDKFQKDEyMoJoNKqfe/bbAJ7QGpcrxa8xDLOV5/k0kGXZv2ZnZ5FMJtNjmqYvURR1IpFInAcwAeD7ud/pUuDmAY1G41g8Hl9DkmScoqggx3FHAIyJMMlSQfI9V5zKagDC93dsoRFKimQx2dIWOV/U/yn6bx0WyDj8vgLOAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}

将代码放在后台->自定义代码->自定义css即可

.wp-posts-content img{
  border-radius: 5px;
}
.wp-posts-content img:hover{
  transition: 0.5s;
  border-radius: 10px;
  transform: translateY(-5px);
  box-shadow: 0 34px 20px -24px rgb(136 161 206 / 30%);
}

将代码放在后台->自定义代码->自定义css即可

/*评论背景图*/
textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(http://tp.iu00.cn/2023/04/09/5a932c6795d01.png) right 10px bottom 10px no-repeat;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
textarea#comment:focus {background-position-y:789px;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}

将代码放在后台->自定义代码->自定义css即可

/*滚动条显示样式*/  
::-webkit-scrollbar-thumb{
   background-color:#c0c4cc;  /*更改喜欢的十六进制颜色*/
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
/*滚动条大小*/ 
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
/*滚动框背景样式*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}

1.在主题根目录->inc/functions/functions.php大概1756的位置,将$smilie_icon_args注释了

2.在其下方添加如下文件:

        //这将得到一个文件夹中的所有gif，jpg和png图片的数组
        $localurl= '/www/wwwroot/你的域名比如baidu.com/wp-content/themes/zibll/img/smilies/*';
        $smilie_icon_args=glob($localurl,GLOB_BRACE);
        $smilie_icon_args = array_map('basename', $smilie_icon_args); // 使用 basename 函数获取文件名

3.再将下方foreach ($smilie_icon_args as $smilie_i)中的.gif删除

4.在主题根目录->inc/functions/zib-comments-list.php大概337行的位置将.gif去除

5.在主题根目录->inc/functions/message/class/message-class.php大概158行的位置将.gif去除

6.最后把你需要添加的图片放到/img/smilies文件夹中即可

1.将下方代码放到主题根目录下的functions.php中

function kuakua(){
   echo'<style type="text/css">
       .kuakua-first-box{
        margin: auto;
        width: 440px;
        border-radius: 16px;
        bottom: auto;
        min-height: 10rem;
        left: 50%;
        position: fixed;
        right: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        z-index: 1032;
        box-shadow: 0px 0px 20px #0000001f;
        display: none;
    }
    @media screen and (max-width: 500px){.kuakua-first-box{width:94%;}}
    .kuakua-ei{
        border-radius: 4px;
        overflow: inherit;
    }
    .kuakua-close{
        z-index: 9999;
        right: 14px !important;
        display: flex;
        position: absolute;
        right: 8px;
        top: 4px;
        padding: 16px;
        cursor: pointer;
    }
    .kuakua-column{
        position: absolute;
        width: 298px;
        height: auto;
        top: -28px;
        left: 0px;
        right: 0px;
        z-index: 6000;
        background: url(//21lhz.cn/cdn/kua-ribbon.png) 0% 0% / 298px 83px no-repeat;
        margin: 0 auto;
        text-align: center;
    }
    .kuakua-headerIcon{
        border-radius: 50%;
        position: relative;
        text-align: center;
        padding: 6px;
        background-color: rgb(255, 255, 255);
        width: 78px;
        height: 78px;
        margin: 0 auto;
    }
    .kuakua-icon{
        width: 60px !important;
        height: 60px !important;
        fill: currentcolor;
        transition: transform 0.3s ease 0s;
        cursor: pointer;
    }
    .kuakua-headerTitle{
        font-size: 20px;
        font-weight: 600;
    }
    .kuakua-modal-body{
        position: relative;
        background-color: transparent;
        text-align: center;
        border-bottom: none;
        border-top: none;
        border-radius: 0px;
        box-shadow: none;
        padding: 65px 30px 20px 30px;
    }
    .kuakua-contentBox{
        width: 100%;
        min-height: 102px;
        padding: 15px 20px;
        margin-top: 20px;
        border-radius: 0;
        box-sizing: border-box;
        position: relative;
        background-color: rgb(244, 244, 244);
        text-align: center;
        border-bottom: none;
        border-top: none;
        box-shadow: none;
    }
    .kuakua-comment{
        margin-bottom: 10px;
        line-height: 26px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        word-break: break-all;
        transition: all 0s ease 0s;
        color: rgb(68, 68, 68);
        font-size: 18px;
    }
    .kuakua-cancelBtn{
        background-color: rgb(255, 255, 255);
        color: rgb(102, 102, 102);
        border: none;
        border-radius: 36px;
        transition: all 0.3s ease 0s;
        padding: 4px;
        width: 80px;
        display: inline-block;
        margin-top: 10px;
    }
    .kuakua-confirmBtn{
        background: rgb(255, 227, 0);
        width: 118px;
        height: 36px;
        display: inline-block;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background-color: rgb(255, 227, 0);
        color: rgb(68, 68, 68);
        border: none;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.3s ease 0s;
        box-sizing: border-box;
        margin-top: 20px;
    }
    .form-control:focus {
        border: 1px solid rgb(148 148 148) !important;
        box-shadow: none !important;
    }
   </style>
    <a class="but btn-input-expand input-image mr6" id="kuakua" href="javascript:;">
    <svg class="icon" aria-hidden="true">
    <use xlink:href="#icon-dianzan"></use>
    </svg><span>夸夸</span></a>
    <div class="kuakua-div" style="width: 9999px;height: 99999px;background: #000;z-index: 1031;position: fixed;top: 0;left: 0;opacity: .6;display:none"></div>
    <div class="kuakua-first-box">
            <div class="kuakua-ei">
        <span class="kuakua-close" title="关闭">
              <div>
                  <svg fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="close" class="sc-eCImPb iRFNEp"><g fill="none" fill-rule="evenodd" stroke="currentColor"><path d="M7.99 7.99L1 1l6.99 6.99L1 14.98l6.99-6.99zm0 0L15 15 7.99 7.99 14.98 1 7.99 7.99z" stroke="currentColor"></path></g></svg>
              </div>
          </span>
        <div>
          <div class="kuakua-column">
            <section class="kuakua-headerIcon"><svg class="icon kuakua-icon" aria-hidden="true">
              <use xlink:href="#icon-dianzan"></use></svg>
            </section>
            <span size="16" color="black4" class="kuakua-headerTitle">夸夸</span>
          </div>
        </div>
        <div style="position: relative;display: block;">
          <div>
            <section class="kuakua-modal-body">
              <section class="kuakua-contentBox">
                  <span size="18" color="black4" class="kuakua-comment">还有吗！没看够！</span>
                <button type="button" class="kuakua-cancelBtn">换一换</button>
              </section>
              <button type="button" class="kuakua-confirmBtn">夸夸TA</button>
            </section>
            </div>
        </div>
      </div>
    </div>

    <script>
        $(function(){
        $(".kuakua-cancelBtn").click(function() {
          $.getJSON("https://wxsnote.cn/wp-content/themes/zibll/zidingyi/kuakua/api.php?code=kuakua",function(data){
            $(".kuakua-comment").html(data.text);
            $("#comment").text(data.text);
          });
        });
      });
      $(".kuakua-confirmBtn").click(function() {
        $("#submit").trigger("click");
        $(".kuakua-first-box").hide(150);//隐藏速度
        $(".kuakua-div").hide(150);//隐藏速度
        });
      $("#kuakua").click(function (e) {//
          /*阻止冒泡事件*/
          $(".kuakua-first-box").show(150);//显示速度
        $(".kuakua-div").show(150);//显示速度
        $.getJSON("https://wxsnote.cn/wp-content/themes/zibll/zidingyi/kuakua/api.php?code=kuakua",function(data){
          $(".kuakua-comment").html(data.text);
          $("#comment").text(data.text);
        });
        e = window.event || e;
        if (e.stopPropagation) {
          e.stopPropagation();
        } else {
            e.cancelBubble = true;
        }
      });
      $(".kuakua-close").click(function () {
        $(".kuakua-first-box").hide(150);//隐藏速度
        $(".kuakua-div").hide(150);//隐藏速度
        $("#comment").text("");
      });
        </script>';
}

2.将下方代码放到主题根目录下的template/comments.php大概88行中

<?php kuakua()?> 

将代码放置到主题根目录下的footer.php中即可

<style type="text/css">
    a {
        text-decoration: none;
    }
    div.usercm {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-color: #fff;
        font-size: 13px !important;
        width: 130px;
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
        box-shadow: 0px 0px 15px #333;
        position: absolute;
        display: none;
        z-index: 10000;
        opacity: 0.9;
        border-radius: 8px;
    }

    div.usercm ul {
        list-style-type: none;
        list-style-position: outside;
        margin: 0px;
        padding: 0px;
        display: block;
    }

    div.usercm ul li {
        margin: 0px;
        padding: 0px;
        line-height: 35px;
    }

    div.usercm ul li a {
        color: #666;
        padding: 0 15px;
        display: block;
    }

    div.usercm ul li a:hover {
        color: #fff;
        background: #87CEFA
    }

    div.usercm ul li a i {
        margin-right: 10px
    }

    a.disabled {
        color: #c8c8c8!important;
        cursor: not-allowed
    }

    a.disabled:hover {
        background-color: rgba(255, 11, 11, 0)!important
    }

    div.usercm {
        background: #fff !important;
    }
    
    ::selection {
        background-color: #ffb6c1;
        color: #000000;
    }
    
    ::-moz-selection {
        background-color: #ffb6c1;
        color: #000000;
    }
</style>
<div class="usercm" style="left: 199px; top: 5px; display: none;">
    <ul>
        <li><a href="https://cs.uurr.cn/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
        <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>
        <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>
        <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>
        <li><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>刷新</span></a></li>
    </ul>
</div>

<script type="text/javascript">
    (function(a) {
        a.extend({
            mouseMoveShow: function(b) {
                var d = 0,
                    c = 0,
                    h = 0,
                    k = 0,
                    e = 0,
                    f = 0;
                a(window).mousemove(function(g) {
                    d = a(window).width();
                    c = a(window).height();
                    h = g.clientX;
                    k = g.clientY;
                    e = g.pageX;
                    f = g.pageY;
                    h + a(b).width() >= d && (e = e - a(b).width() - 5);
                    k + a(b).height() >= c && (f = f - a(b).height() - 5);
                    a("html").on({
                        contextmenu: function(c) {
                            3 == c.which && a(b).css({
                                left: e,
                                top: f
                            }).show()
                        },
                        click: function() {
                            a(b).hide()
                        }
                    })
                })
            },
            disabledContextMenu: function() {
                window.oncontextmenu = function() {
                    return !1
                }
            }
        })
    })(jQuery);
    $(function() {
        for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {
            d = !1;
            break
        }
        d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())
    });
    function getSelect() {
        document.execCommand("Copy")
        notyf('复制成功')
    }
</script>

没有表情的文章是没有灵魂的,需要将第六个步骤搞好才可以正常适配哦

1.将代码放在在主题根目录下的functions.php中

function replace_content($content) {
    // 进行替换操作
    $new_content = preg_replace('/\/', '<img class="owo_image" src="' . ZIB_TEMPLATE_DIRECTORY_URI . '/img/smilies/$1">', $content);
    return $new_content;
}
add_filter('the_content', 'replace_content');

2.打开主题根目录 /css/main.min.css,文件搜索.wp-posts-content img,在后面加个:not(.owo_image),注意会有缓存,可以手动访问一下这个css文件刷新一下示例：https://你的网站/wp-content/themes/主题名字/css/main.min.css?ver=6.9.2

3.把这段css放在你主题后台的自定义css代码中

/*表情*/
.owo_image{
  height: 30px;
  width: 30px;
  margin: 6px;
  vertical-align: middle;
}

4.然后你就可以在评论中选择一个表情,将表情代码嵌入到文章中看看效果了,有能力的大佬自己加到编辑器中就好了

主题根目录/inc/functions/zib-header.php大概404行，将这里注释删除即可

1、首先在子比主题目录的functions.php里面加入以下代码：

//微语
add_action('init', 'my_custom_init'); function my_custom_init() { $labels = array( 'name' => '微语', 'singular_name' => 'singularname', 'add_new' => '发表微语', 'add_new_item' => '发表微语', 'edit_item' => '编辑微语', 'new_item' => '新微语', 'view_item' => '查看微语', 'search_items' => '搜索微语', 'not_found' => '暂无微语', 'not_found_in_trash' => '没有已遗弃的微语', 'parent_item_colon' => '', 'menu_name' => '微语' ); $args = array( 'labels' => $labels, 'public' => true, 'publicly_queryable' => true, 'show_ui' => true, 'show_in_menu' => true, 'query_var' => true, 'rewrite' => true, 'capability_type' => 'post', 'has_archive' => true, 'hierarchical' => false, 'menu_position' => null, 'supports' => array('title','editor','author') ); register_post_type('shuoshuo',$args); }

2、然后在子比主题pages目录下新建一个weiyu.php文件，然后把下面代码放入weiyu.php文件中即可。

<?php

/**
 * Template name: 微语页面
 * Description:   weiyu
 */

// 获取链接列表
get_header();
$header_style = zib_get_page_header_style();
?>
<main class="container">
    <div class="content-wrap">
        <div class="content-layout">
            <?php while (have_posts()) : the_post(); ?>
                <?php if ($header_style != 1) {
                    echo zib_get_page_header();
                } ?>
                <?php endwhile;  ?>
                <div class="box-body theme-box radius8 main-bg main-shadow">
                    <?php if ($header_style == 1) {
                        echo zib_get_page_header();
                    } ?>
                <!--主体开始-->
                <style type="text/css">
                #shuoshuo_content{padding: 10px; /*min-height: 500px;*/} /* shuo */ body.theme-dark .cbp_tmtimeline::before{background: RGBA(255, 255, 255, 0.06);} ul.cbp_tmtimeline{padding: 0;} div class.cdp_tmlabel > li .cbp_tmlabel{margin-bottom: 0;} .cbp_tmtimeline{margin: 30px 0 0 0; padding: 0; list-style: none; position: relative;} /* The line */ .cbp_tmtimeline:before{/*content: '';*/ position: absolute; top: 0; bottom: 0; width: 4px; background: RGBA(0, 0, 0, 0.02); left: 80px; margin-left: 10px;} /* The date/time */ .cbp_tmtimeline > li .cbp_tmtime{display: block; /* width: 29%; */ /* padding-right: 110px; */ max-width: 70px; position: absolute;} .cbp_tmtimeline > li .cbp_tmtime span{display: block; text-align: right;} .cbp_tmtimeline > li .cbp_tmtime span:first-child{font-size: 0.9em; color: #bdd0db;} .cbp_tmtimeline > li .cbp_tmtime span:last-child{font-size: 1.2em; color: #9BCD9B;} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child{color: RGBA(255, 125, 73, 0.75);} div.cbp_tmlabel > p{margin-bottom: 0;} /* Right content */ .cbp_tmtimeline > li .cbp_tmlabel{margin: 0 0 45px 65px; background: #9BCD9B; color: #fff; padding: .8em 1.2em .4em 1.2em; /* font-size: 1.2em; */ font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; transition: all 0.3s ease 0s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); cursor: pointer; display: block;} .cbp_tmlabel:hover{transform:scale(1.05); transform: translateY(-3px); z-index: 1; -webkit-box-shadow: 0 15px 32px rgba(0, 0, 0, 0.15) !important} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel{background: RGBA(255, 125, 73, 0.75);} /* The triangle */ .cbp_tmtimeline > li .cbp_tmlabel:after{right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #9BCD9B; border-width: 10px; top: 4px;} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after{border-right-color: RGBA(255, 125, 73, 0.75);} p.shuoshuo_time{margin-top: 10px; border-top: 1px dashed #fff; padding-top: 5px;} /* Media */ @media screen and (max-width: 65.375em){.cbp_tmtimeline > li .cbp_tmtime span:last-child{font-size: 1.2em;} } .shuoshuo_author_img img{border: 1px solid #ddd; padding: 2px; float: left; border-radius: 64px; transition: all 1.0s;} .avatar{-webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; box-shadow: inset 0 -1px 0 #3333sf; -webkit-box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out;} .zhuan{transform: rotateZ(720deg); -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg);}
                </style>
                </head>
                <body>
                <div id="primary" class="content-area" style="">
                    <main id="main" class="site-main" role="main">
                        <div id="shuoshuo_content">
                            <ul class="cbp_tmtimeline">
                                <?php query_posts("post_type=shuoshuo&post_status=publish&posts_per_page=-1");if (have_posts()) : while (have_posts()) : the_post(); ?>
                                <li> <span class="shuoshuo_author_img"><img src="https://q1.qlogo.cn/g?b=qq&nk=675333082&s=640" class="avatar avatar-48" style="width:48px;height:48px"></span>
                                    <a class="cbp_tmlabel" href="javascript:void(0)">
                                        <h4><?php the_title();   ?></h4>
                                        <p><?php the_content(); ?></p>
                                        <p></p>
                                        <p class="shuoshuo_time"><i class="fa fa-clock-o"></i>
                                            <?php the_time('Y年n月j日G:i'); ?>
                                        </p>
                                    </a>
                                    <?php endwhile;endif; ?>
                                </li>
                            </ul>
                        </div>
                    </main>
                </div>
                <script type="text/javascript">
                    $(function () {
                        var oldClass = "";
                        var Obj = "";
                        $(".cbp_tmtimeline li").hover(function () {
                            Obj = $(this).children(".shuoshuo_author_img");
                            Obj = Obj.children("img");
                            oldClass = Obj.attr("class");
                            var newClass = oldClass + " zhuan";
                            Obj.attr("class", newClass);
                        }, function () {
                            Obj.attr("class", oldClass);
                        })
                    })
                </script>
                <!--主体结束-->
                </div>
                <?php comments_template('/template/comments.php', true); ?>
        </div>
    </div>
    <?php get_sidebar(); ?>
</main>
<?php
get_footer();