首先,先调出wordpress中的“自定义HTML”小工具,将其放置在合适的位置。

在上图中的“html代码填充区”添加以下代码,并根据情况做一定的修改。

<ul style="padding: 12px 13px 10px 0px;" class="wailian">
	<li><a href="http://www.yunjiapi.cn" target="_blank">云姬娘API</a></li>
	<li><a href="http://www.ka8.top" target="_blank">卡霸代刷</a></li>
</ul>

以上的代码,只需要修改<li></li>标签内容即可,一条<li>标签表示一条“友情链接”,需要添加或者删除“友情链接”,只需在<ul></ui>内进行<li>标签的增减即可!

href=””内的链接为对方要交换的网址。<a>标签内的文字为对方要添加的关键词。

 

如果是RiPro主题,请在后台顶部设置添加自定义CSS。其他主题在对应的CSS样式添加。

/******* 友情链接 css 控制  ******/
.wailian li{ float:left}
.wailian li a {
    background: #FAFAFA;
    border: 1px solid #e9e9e9;
    display: block;
    text-align: center;
    margin-left: 15px;
    margin-bottom: 5px;
    padding: 0 4px;
    border-radius: 2px;
    width:120px;/******* 框框错位修改这个  ******/
    color: #5e5e5e;
    line-height: 30px;
    white-space:nowrap;
    overflow:hidden;
	}
.wailian li a:hover {
    color: #fff;
    background: #428BCA;
    }

效果:

ACG天宫 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!
ACG天宫 » RiPro主题首页侧栏菜单添加友情链接

提供最优质的资源集合

立即查看 了解详情