K273 Puock主题 | 开源多风格自适应

<?php if((is_home())&&(!wp_is_mobile())) { ?
            <div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"col-md-6\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                <div<span class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"t-md pb-2 d-inline-block border-bottom border-primary\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"<i class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"czs-link-l\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</i <?php _e(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'友情链接\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', PUOCK) ?</span</div
                <div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"more-link mt20 t-md\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                    <?php
                    $link_cid = pk_get_option(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'index_link_id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\',\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
                    if(!empty($link_cid)){
                        preg_match_all(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'/<a .*?.*?<\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\/a/\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', wp_list_bookmarks(array(
                            \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'category\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'=$link_cid,
                            \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'category_before\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\',
                            \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'title_li\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\',
                            \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'show_images\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'=0,
                            \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'echo\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'=0                            
                        )), $links);
                        foreach ($links[0] as $link){
                            echo $link;
                        }
                    }
                    $link_page_id = pk_get_option(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'link_page\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\',\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
                    if(!empty($link_page_id)){
                        echo \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<a target=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.get_page_link($link_page_id).\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.__(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'更多链接\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', PUOCK).\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'</a\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\';
                    }
                    ?                    
                </div
            </div 
            <?php }else{ ?
            <div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"col-md-6\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                <div<span class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"t-md pb-2 d-inline-block border-bottom border-primary\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"<i class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"czs-link-l\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</i <?php _e(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'关注我们\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', PUOCK) ?</span</div
                <div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"more-link mt20 t-md\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"                    
                    <div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"footer-col footer-col-sns\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                    <div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"footer-sns\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"     
                        <a href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"https://github.com/songshuxiao\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" target=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" rel=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"nofollow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                            <i class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"fa fa-github\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</i
                        </a              
                        <a href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"https://jq.qq.com/?_wv=1027&k=5KYuhQa\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" target=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" rel=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"nofollow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                            <i class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"fa fa-qq\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</i
                        </a
                        <a class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"sns-wx\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"javascript:;\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                            <i class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"fa fa-wechat\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</i
                            <span style=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"background-image:url(https://www.jishusongshu.com/img/jsssgzh.jpg);\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</span
                        </a
                        <a href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"https://weibo.com/yangchunniaoyu\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" target=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" rel=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"nofollow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                        <i class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"fa fa-weibo\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</i
                        </a
                        <a href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=jishusongshu@qq.com\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" target=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" rel=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"nofollow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"
                            <i class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"fa fa-envelope\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"</i
                        </a
                    </div
                    </div
                </div
            </div 
<?php } ?

.footer-sns .fa {
	display:inline-block;
	position:relative;
	width:40px;
	height:40px;
	font-size:20px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	background:rgba(255,255,255,.1);
	color:hsl(0deg 0% 100%);
	z-index:0;
}
.sns-wx {
	position:relative;
	overflow:hidden;
}
.sns-wx span,.sns-wx:hover span {
	-webkit-transition:all .2s ease-out .1s;
	-o-transition:all .2s ease-out .1s;
	transition:all .2s ease-out .1s;
}
.sns-wx span {
	position:absolute;
	z-index:1;
	top:-170px;
	left:0;
	margin-left:-57px;
	width:150px;
	height:150px;
	background-color:#fff;
	background-size:95% auto;
	background-position:50%;
	background-repeat:no-repeat;
	-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.3);
	box-shadow:0 0 5px 1px rgba(0,0,0,.3);
	opacity:0;
	filter:alpha(opacify=0);
}
.sns-wx span:after {
	position:absolute;
	bottom:-16px;
	left:50%;
	width:0;
	height:0;
	margin-left:-8px;
	line-height:0;
	border:8px solid transparent;
	border-top-color:#fff;
	content:\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
}
.sns-wx:hover {
	overflow:visible;
}
.sns-wx:hover span {
	top:-165px;
	opacity:1;
	filter:alpha(opacify=100);
}
.footer-col {
	display:inline-block;
	font-size:0;
	vertical-align:middle;
	color:#ffffff;
}
.footer-col hover {
	color:#6199F9;
}
.footer-sns {
	display:inline-block;
	margin-top:-10px;
	font-size:0;
}
.footer-sns a,.sec-panel-head small {
	display:inline-block;
	vertical-align:top;
}
.footer-sns a {
	margin:7px 0 7px 10px;
}
.footer-sns .fa {
	display:inline-block;
	position:relative;
	width:40px;
	height:40px;
	font-size:20px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	background:rgba(255,255,255,.1);
	color:hsl(0deg 0% 100%);
	z-index:0;
}
.footer-sns .fa svg,.footer-sns .fa:before {
	position:relative;
	z-index:1;
}
.footer-sns .fa:after {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#3380ff;
	border-radius:50%;
	content:\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
	opacity:0;
	filter:alpha(opacify=0);
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
}
.footer-sns .fa.material-icons:after {
	z-index:-1;
}
.footer-sns .fa:hover {
	color:#fff;
}
.footer-sns .fa:hover:after {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
	filter:alpha(opacify=100);
	-webkit-transition:all .5s cubic-bezier(.3,0,0,1.3) 0s;
	-o-transition:all .5s cubic-bezier(.3,0,0,1.3) 0s;
	transition:all .5s cubic-bezier(.3,0,0,1.3) 0s;
}

<div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"mt10 author_count\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" 
     <ul                   
         <li<span文章数</span<strong<?php the_author_posts(); ?</strong</li
         <li<span浏览量</span<strong<?php echo get_total_views() ?</strong</li                    
         <li<span评论数</span<strong<?php echo $comment_num ?</strong</li
     </ul
</div

.author_count ul {display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;text-align:center;margin-left:0;}
.author_count ul li {float:left;list-style:none;width:33.333%;border-right:1px #efefef solid;padding:8px 0;font-weight:300;}
.author_count ul li:last-child {border-right:1px solid transparent;}
.author_count ul li span {display:block;font-size:14px;color:#999;}
.author_count ul li strong {font-weight:bold;}

else {
        $out .= \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<li<a data-no-instant class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"p-2\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" data-toggle=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"tooltip\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" title=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"用户登录\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"/wp-login.php\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"登录</a</li\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\';
    }