WordPress底部页脚 美化底部页脚纯代码

给wordpress添加一个好看的页脚,如图。

从隔壁网站扒下来的,同时为了备忘。

如下代码,添加在footer.php文件中,自行修改其中链接。
<div class="footer hidden-xs">
<div class="footer__wrapper site-info" style="margin-top: 100px;">
<div class="footer__row">
<div class="footer__column hodss footer__column-products ducts pull-left mfu-5j">
<h4>热门资源分类</h4>
<div class="footer__column pull-left">
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3BjLw==" class="list__link">电脑主题</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3RhZy90dWJpYW8v" class="list__link">电脑图标</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3dhbGxwYXBlci8=" class="list__link">高清壁纸</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3RhZy9jdXJzb3JzLw==" class="list__link">鼠标指针</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3NraW5zLw==" class="list__link">软件皮肤</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3dhbGxwYXBlci8=" class="list__link">高清壁纸</a>
</div>
<div class="footer__column pull-left">
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL21vYmlsZS8=" class="list__link">手机壁纸</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2xhYnMv" class="list__link">问卷调查</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3Rvb2xzLw==" class="list__link">美化软件</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2J1YmJsZS8=" class="list__link">桌面秀</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3N0dWR5Lw==" class="list__link">美化教程</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3Rvb2xzLw==" class="list__link">美化软件</a>
</div>
</div>
 
<div class="footer__column hodss footer__column-products pull-left mob-hide mar-2x">
<h4 data-microtip="你继续使用本站即视为理解并同意以下协议" data-microtip-position="top">网站协议</h4>
<div class="footer__column">
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2d1aWZhbi8=" target="_blank" class="list__link">用户规范</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3N1Lw==" target="_blank" class="list__link">版权声明</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2t1YW4v" target="_blank" class="list__link">充值协议</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3ByaXZhY3kv" target="_blank" class="list__link">隐私权声明</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2NvLw==" target="_blank" class="list__link">授权及使用协议</a>
</div>
</div>
  <div class="footer__column hodss footer__column-company pull-left mob-hide mar-20j">
<h4>关于我们</h4>
<div class="footer__column">
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2Fib3V0dXMv" target="_blank" class="list__link">关于致美化</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2NvbnRhY3Qv" target="_blank" class="list__link">联系方式</a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2pvaW51cy8=" target="_blank" class="list__link">加入我们</a>
</div>
</div>
<div class="footer__column footer__column-newsletter pull-right mar-1j">
<div style="" class="footer__row">
<div class="join join_simple">
<div class="join__form">
	
	
	
<form id="scbar_form" role="search" method="get" class="search-form" action="https://www.miuiy.com/" target="_blank">
<div class="join__field field">
<div class="field__wrap">
<input type="text" name="s" placeholder="" id="s" class="pd5 field__input ng-pristine ng-untouched ng-valid ng-empty ng-valid-email" value="">
<img src="https://www.miuiy.com/logo.png">
</div>
</div>
<button type="submit" name="post_type" sc="1" class="join__btn v6-btn" value="post">
 
<i class="sai feng-sousuo2"></i>
 
</button>
</form>
</div>
</div>
</div>
</div>
</div>	<div class="footer__row">
<div class="footer__column footer__column-cta cta-author pull-left">
<a href="/qqqun/" class="btn v6-btn v6-btn_blue">QQ群</a>
<div class="button-cta author hodss">
<span>加入艺创博客技术QQ群一起学习美化。</span>
</div>
</div>
<div class="footer__column footer__column-cta cta-affiliate gzzh pull-left mar-20l">
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9zcGFjZS5iaWxpYmlsaS5jb20vMTU4MDEzOA==" target="_blank" data-microtip="致美化哔哩哔哩空间" data-microtip-position="top-left"><img src="https://dl.zhutix.net/2019/02/bilibili.svg"></a>
<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly93ZWliby5jb20vbWZhbjE1MQ==" target="_blank" data-microtip="致美化新浪微博" data-microtip-position="top-right"><img src="https://dl.zhutix.net/2019/02/weibo.svg"></a>
<!-- <a href="/vips" class="btn v6-btn column12">申请VIP</a>
<div class="button-cta affiliate">
<span>三折抢终生会员享免锋币下载特权</span>
</div> -->
</div>
<div class="footer__column footer__column-counts pull-right">
<div class="count" data-microtip="⛔当你的锋币<1且60天内未登录网站会被自动删除账号" data-microtip-position="top-left">
<div class="number">221679</div>
<div class="caption">用户数量</div>
</div>
  <div class="count">
<div class="number">396505</div>
<div class="caption">互动数量</div>
</div>
<div class="count">
<div class="number">1332</div>
<div class="caption">素材数量</div>
</div>
<div class="count hodss">
<div class="number">18</div>
<div class="caption">作者数量</div>
</div>
</div>
</div>
</div>
</div>
 
 <div id="footer-bottom">
<div class="footer__row site-info"> 
<div class="footer__column copyright pull-left">
 
	<a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cDovL3d3dy5taWl0YmVpYW4uZ292LmNuLw==" target="_blank" rel="external nofollow">豫ICP备12009440号</a>
 
&nbsp;&nbsp;Theme by <a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly83YjIuY29t" target="_blank">柒比贰</a><!-- 18   queries  0.128s -->
 
 
</div>
 
<div class="footer__column payment hodss pull-right">
<!-- <i class="sai feng-anquan1"></i>
<span>技术支持:</span> -->
 
<img class="icon icon-v6 icon-v6-stripe teng" src="https://dl.zhutix.net/v2.1/teng.svg" title="腾讯云">
<img class="icon icon-v6 icon-v6-stripe ali" src="https://dl.zhutix.net/v2.1/ali.svg" title="阿里云">
<img class="icon icon-v6 icon-v6-stripe qiniu" src="https://dl.zhutix.net/v2.1/qiniu.svg" title="七牛云">
<img class="icon icon-v6 icon-v6-stripe youku" src="https://dl.zhutix.net/v2.1/youku.svg" title="优酷">
<img class="icon icon-v6 icon-v6-stripe alipay" src="https://dl.zhutix.net/v2.1/alipay.svg" title="支付宝">
<img class="icon icon-v6 icon-v6-stripe weixinpay" src="https://dl.zhutix.net/v2.1/weixinpay.svg" title="微信支付">
 <a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly92Lnl1bmFxLmNvbS9jZXJ0aWZpY2F0ZT9kb21haW49d3d3LnpodXRpeC5jb20mYW1wO2FtcDtmcm9tPWxhYmVsJmFtcDthbXA7Y29kZT05MDAzMA==">
    <img class="icon11 icon-v6 icon-v6-strip" src="https://aqyzmedia.yunaq.com/labels/label_sm_90030.png">
  </a>
</div>
 
<div class="wencom pull-left">
Copyright © 2018 <a rel="external nofollow" target="_blank" href="https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cDovL3podXRpeC5jb20v" target="_blank">zhutiX.com</a><span class="hodss">. &nbsp;All Rights Reserved. </span>
</div>
 
</div>
	</div>
CSS代码

将以下代码放到主题目录的style.css文件内即可,不同主题可能会有变化,(柒比贰主题放置子主题内的style.css即可)

当前内容已被隐藏,您需要登录才能查看

 

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论
关于我们 AI伪原创 获取VIP
联系客服
  • 站长QQ:1730915202一键联系
  • 扫码加站长QQ
    官方QQ群