wordpress底部增加炫彩快捷导航

2024-1-1

前言

wordpress博客再底部里面增加炫彩快捷链接，既好看又实用，不过不一定兼容所有主题，具体可以自行试下

首先找到左侧外观-小工具中找到自定义html，将小工具添加至底部小工具，然后在里面填写下面的代码，里面的链接和文字可以改成自己所需要的，代码的话尽量不要去动它，除非你会改

<div class="footnav">
	<ul class="navlist">
		<li class="navitem nav1">
			<a href="/links">友链申请</a>
		</li>
		<li class="navitem nav2">
			<a href="/copyright-html">版权声明</a>
		</li>
		<li class="navitem nav3">
			<a href="/delete-html">侵权处理</a>
		</li>
		<li class="navitem nav4">
			<a href="/adver">广告合作</a>
		</li>
		<li class="navitem nav5">
			<a href="/">免责声明</a>
		</li>
	</ul>
</div>

之后我们增加以下css样式，一般的主题都有填写css样式的框，把下面的css样式复制到框内即可

.navlist{list-style:none;}
.navitem{float:left;padding: 3px;border-radius: 5px;margin: 3px 3px 0 0;}
.navitem:hover{transform: scale(1.05);}
.nav1{background-color:#EE33EE}
.nav2{background-color:#009900}
.nav3{background-color:#4C33E5}
.nav4{background-color:#FF9900}
.nav5{background-color:#337FE5}
.navitem a{color:#FFF;}

之后点击保存，刷新前台就会出现啦

阅读剩余

版权声明 1 本网站名称：奇异屋
2 本站永久网址：https://www.7y5.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考切勿用于商业用途。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站不保证资源的准确性、安全性和完整性，用户下载后自行斟酌，我们以交流学习为目的。
6 本站不提供任何实质性的付费和支付资源，所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用！
7 文章版权声明：https://www.7y5.cn/copyright.html
8 文章侵权处理流程：https://www.7y5.cn/delete.html

THE END

舔狗日记Puls微信小程序源码带流量主功能

<<上一篇

【2023热销】情侣飞行棋小游戏/三级分销/自带题库/感情升温必备

下一篇>>