最新消息:欢迎加入小松的QQ群一起讨论一起学习,服务器快到期了,新买了台服务器,最近要做服务器迁移

wordpress不用友情链接插件添加友情链接

wordpress 1715浏览 0评论

一般情况下小松不喜欢使用wordpress插件,插件多了网站速度更不上,我的主题没有添加外链的功能,下面使用现有的功能添加一个友情链接的板块出来
首先在后台找到小工具中的文件,下面提示可以添加任意文本或HTML,添加到网站首页

wordpress添加文本

点开把文件,把标题修改成友情链接

标题修改成友情链接

在内容里添加,下面的html代码,主要最好懂一点html代码,ul标签不要动,li标签一行就是一条外链,

<ul style="padding: 12px 13px 10px 0px;" class="wailian">
<li><a href="http://www.phpsong.com" target="_blank">PHP小松博客</a></li>
</ul>

如果要添加一行友情链接,复制一行li标签,把链接和链接名修改掉,下面举个例子
要添加
链接:www.baidu.com 链接名:百度
即最后一行li标签后添加下面一行代码

<li><a href="http://www.baidu.com/" target="_blank">百度</a></li>

在外部的css样式后面添加css样式看上取更美观一点
我的添加到这个文件里
https://static.phpsong.com/wp-content/themes/xiaosong/style.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:147px;
color: #5e5e5e;
line-height: 30px;
white-space:nowrap;
overflow:hidden;
}
.wailian li a:hover {
color: #fff;
background: #428BCA;
}

搞定,友情链接样式查看www.phpsong.com首页,如果有问题或者不会处理请留言给我

QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» wordpress不用友情链接插件添加友情链接
本文链接地址:https://www.phpsong.com/1347.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!

网友最新评论 (2)

加载中,请稍候...
  1. 第一次来访,赞一个,写得真的很不错!
    大学问社区2年前 (2015-10-06)回复
  2. 不错,~~~
    三月福利吧2年前 (2015-10-23)回复