[WP教程] wordpress 简单得设置友链方法

官方QQ群:865315252 已充值大佬入群请备注“充值订单号
通过审核会得到与订单相同的钻石卡密,未充值用户入群可随机获得一张小额度钻石卡密
温馨提示:本站所有资源来自网络,禁止商用,本站不承担任何责任。建议大家购买正版,支持正版。


建站这么久以来,一直没有弄友情链接。无耐几个月过去了,泰泰博客流量还是不怎么样,于是决定今天开始部署友情链接。

“友情链接”在wordpress站点中,一般都是通过“小工具”来插入实现的。有的主题自带“友情链接”小工具,但也有的主题是不带“友情链接”小工具的,泰泰博客的主题就是如此。

不带“友情连接”小工具也没关系,我们可以字节造嘛。

wordpress中内置了一个“自定义HTML”的小工具,我们可以通过它来实现“友情链接”的功能。

操作步骤
这里主要分成两部分:

分别是添加:HTML代码 和 css样式控制代码

HTML代码:添加友情链接的主体信息。

css代码:控制友情链接的显示样式和位置。

(1)添加HTML代码

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

(1.1)添加html代码

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

<ul style=”padding: 12px 13px 10px 0px;” class=”wailian”>
<li><a href=”http://www.taitaiblog.com” target=”_blank”>泰泰博客</a></li>
<li><a href=”http://www.910yhq.com” target=”_blank”>910优惠券</a></li>
</ul>
以上的代码,只需要修改<li></li>标签内容即可,一条<li>标签表示一条“友情链接”,需要添加或者删除“友情链接”,只需在<ul></ui>内进行<li>标签的增减即可!

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

(2)添加css样式控制代码

在网站主题的css控制样式文件中,追加以下代码。

wordpress站点的css样式控制文件一般为主题下的“style.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;
}
至此,“友情链接”添加成功,效果如下:

PS:如果你觉得你的“友情链接”框体过大,或者出现错位的情况,那么只需要修改 以上css代码中的【width:120px;】参数即可!
————————————————
版权声明:本文为CSDN博主「qintaiwu」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qintaiwu/article/details/81059032

※ 免责声明 ※
1.部分资源需解压密码,解压密码默认为本站域名 www.940216.top
2.本站所有软件源码仅提供测试学习,下载后请在24小时内删除文件,遇到任何问题请自行百度
3.94源码资源站的软件和源码均来自网络收集或网友分享,本站源码和软件如有侵权请告知站长,站长会在24小时内删除处理
4.请用户遵守法律法规,本站源码禁止商用! 使用后果请下载者自负!!!
5.站长QQ:272840227 官方QQ群:865315252
6.文章投稿:点击右上角头像-左侧发布资源(点击跳转)
7.投诉建议E-mail:dcxa521@qq.com 链接失效? 点击提交 )请附上该链接和名称

94源码资源站 » [WP教程] wordpress 简单得设置友链方法

发表评论

充值SVIP全场精品源码免费下

立即充值成为本站SVIP