WordPress子比ZIBLL模板美化教程

一、WordPress子比ZIBLL模板添加随机彩色标签

 

图片[1]-WordPress子比ZIBLL模板美化教程-小白资源博客-个人技术分享

/*文章随机彩色标签*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}
/*文章随机彩色标签*/

二、WordPress子比ZIBLL模板添加logo扫光

图片[2]-WordPress子比ZIBLL模板美化教程-小白资源博客-个人技术分享

/* 网站顶部Logo扫光 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
/* 网站顶部Logo扫光 */

三、添加文章末尾链接信息 添加位置 /zibll/functions.php

 

图片[3]-WordPress子比ZIBLL模板美化教程-小白资源博客-个人技术分享

//添加文章末尾链接信息
function copyright($content) {  
if(is_single()||is_feed()) {  
$content.='</i>小白资源博客-个人技术分享,原文地址: <a href="'.get_permalink().'" title="'.get_the_title().'">'.get_permalink().'</a>
';  
}  
return $content;  
}  
add_filter ('the_content', 'copyright');
//添加文章末尾链接信息

四、子比主题版权申明

图片[4]-WordPress子比ZIBLL模板美化教程-小白资源博客-个人技术分享

<!--一start-->
  <div>
    <fieldset  style=" border: 1.5px dashed #008cff; padding: 8px; border-radius: 5px; line-height: 2em;font-weight: 700;color: var(--key-color);background-color: var(--body-bg-color);">
      <legend align="center" style=" margin-bottom: -2px;width: 30%;text-align: center; background-color: #008cff; border-radius: 999px; background-image: linear-gradient(to right, #FFCC99, #FF99CC);border: 1.5px dashed #008cff;" >
        版权声明
      </legend>
      <span style="color: #3333ff"><span style="color: #09ace2; font-size: 18px"><strong></strong></span></span>
<span class="btn-info btn-xs"><font color="red"size="4">小白资源博客-个人技术分享 原创,禁止转载!</size></font></span><br>
      <span class="btn-info btn-xs">交流QQ群</span> <font color="#09ace2"><a href="#">10000000000</a></font><br />
      <span class="btn-info btn-xs">注意</span> 本站发布的文章及教程仅限用于学习和研究目的.请勿用于商业或违法用途,否则后果请用户自负。 本站所有资源不带技术支持,下载资源请24小时内删除,如用于违法用途,或者商业用途,一律使用者承担,本站不承担任何责任!<br />
 本站资源多为网络收集,如涉及版权问题请及时与站长联系邮箱:a@r7.gs,我们会在第一时间内删除资源。<br/>
    </fieldset>
  </div>
  <!--一end-->

 


小白资源博客-个人技术分享,原文地址: https://www.yxyp.cc/55
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片