此美化教程由花醉&设计趁年华原创，本站仅做免费分享，旨在能够帮助更多的朋友们。

今天分享的是Wordpress的B2主题美化之网站底部右下角小工具美化教程，部署代码完成后的效果如上图。

代码教程

1. 在wp后台-外观-小工具-底部小工具添加（B2-自定义html）的小工具

填写以下代码

<div class="sbkk-yj">
<p> <span>填入你的网站地址</span>和我一起做生活的设计师吧！
<br>
<br>
</p>
</div>
<div class="status"> 
      <h2>1000W</h2> 
     </div>
<div class="ffooter-menus">
<div class="container12">
<div class="ewms fr">                                            <div class="items">                                                            <ul class="clearfix">                                                                           <li>                                                                                          <div class="ico"> <svg class="icon" aria-hidden="true"><use xlink:href="#bd-remen"></use></svg>                                                                                                         <h4>热门推荐</h4>                                                                                         </div>                                                                                         <div class="ewm-content ewn-hide ewm-weibo">                                                                                                         <div class="ewm-main clearfix">                                                                                                                        <div class="items">                                                                                                                                       <div class="item"> <a href="https://www.aaym.net/" target="_blank"><span class="item-ico">@</span><h2>热门下载</h2><h4>优质素材新鲜呈上</h4></a>                                                                                                                                      </div>                                                                                                                                      <div class="item"> <a href="https://www.aaym.net/" target="_blank"><span class="item-ico">@</span><h2>技术学习</h2><h4>技术大咖思路学习</h4></a>                                                                                                                                       </div>                                                                                                                                       <div class="item"> <a href="https://www.aaym.net/" target="_blank"><span class="item-ico">@</span><h2>B2美化</h2><h4>美化最好看的主题</h4></a>                                                                                                                                      </div>                                                                                                                                       <div class="item"> <a href="https://www.aaym.net/" target="_blank"><span class="item-ico">@</span><h2>升级VIP</h2><h4>全站资源任意看随便下</h4></a>                                                                                                                                       </div>                                                                                                                        </div>                                                                                                         </div>                                                                                          </div>                                                                           </li>                                                                          <li>                                                                                         <div class="ico"> <svg class="icon" aria-hidden="true"><use xlink:href="#bd-weixin"></use></svg>                                                                                                         <h4>联系站长</h4>                                                                                          </div>                                                                                         <div class="ewm-content ewn-hide ewm-douyin">                                                                                                         <div class="ewm-main clearfix">                                                                                                                        <div class="ewm-douyin-1 fl">                                                                                                                                       <div class="thumb-div"> <i class="thumbs" style="background-image:url(https://sjcnh.cn/wp-content/uploads/2023/04/2023041713593737.jpg);"></i>                                                                                                                                       </div>                                                                                                                                      <h4>微信公众号</h4>                                                                                                                                      <h5>名称：设计趁年华</h5>                                                                                                                        </div>                                                                                                                       <div class="ewm-douyin-2 fr">                                                                                                                                       <div class="thumb-div"> <i class="thumbs" style="background-image:url(https://sjcnh.cn/wp-content/uploads/2023/06/2023061403200623.jpg);"></i>                                                                                                                                       </div>                                                                                                                                       <h4>站长微信</h4>                                                                                                                                       <h5>昵称：花醉工作室</h5>                                                                                                                        </div>                                                                                                        </div>                                                                                          </div>                                                                           </li>                                                                          <li>                                                                                          <div class="ico"> <svg class="icon" aria-hidden="true"><use xlink:href="#bd-qq"></use></svg>                                                                                                         <h4>站长QQ</h4>                                                                                          </div>                                                                                          <div class="ewm-content ewn-hide ewm-wechat">                                                                                                        <div class="ewm-main clearfix">                                                                                                                       <div class="thumb-div fl"> <i class="thumbs" style="background-image:url(https://sjcnh.cn/wp-content/uploads/2023/06/2023061403230071.jpg);"></i>                                                                                                                        </div>                                                                                                                        <h4>每天学习五分钟</h4>                                                                                                                        <h4>一年萌新变大神</h4>                                                                                                                       <h4> <span> <i class="icon-wechat-1"></i> 扫码加好友 </span></h4>                                                                                                         </div>                                                                                          </div>                                                                           </li>                                                            </ul>                                             </div>
</div>
</div>
</div>

2. 在自定义css中添加以下样式

最后，代码中引用的图片、网址链接均可自行修改。