最新消息:承接网站建设、网站优化、SEO项目,商家、企业个人均可,提供参考案例或自己的项目说明即可,非诚勿扰!

wordpress不用友情链接link manager插件 文本手动添加友情链接代码

网页设计 admin 1606浏览 0评论

一般情况下顶尖seo博主不喜欢使用wordpress插件,插件安装多了网站速度会很慢甚至卡顿,用户体验大大受损,这是我不愿意看到的,也是做seo优化的朋友应该注意的地方,我目前用的大前端D8主题没有添加外链的功能,下面自己动手写了一个简单的友情链接静态文本,方便大家修改和使用。

第一步在wp后台找到小工具,打开之后找到文本,下面提示可以添加任意文本或HTML,然后添加至首页侧面。

wordpress不用友情链接插件

第二步打开之后把标题修改成友情链接,在内容里添加,下面的html代码,主要最好懂一点html代码,不会的新手朋友,直接复制就行。

<ul style=”padding: 12px 13px 10px 0px;” class=”link”>
<li><a href=”https://www.seoyu.net” target=”_blank”>西安seo</a></li>
</ul>
如果要添加一行友情链接,复制一行li标签,把链接和链接名修改掉。在添加一些css样式是为了更加漂亮,看起来舒服,用户体验能提升,博主已经写好啦。
css在哪里改,我已经帮大家找好了,一般目录是你主题目录的位置,我是d8的主题所以在d8的目录下:
/wp-content/themes/d8/style.css

不用link manager 友情链接
第三部:这是主题里面css下面要添加的代码:

.link li{ float:left}
.link li a {
background: #FAFAFA;
border: 2px solid #e9e9e9;
display: block;
text-align: center;
margin-left: 14px;
margin-bottom: 4px;
padding: 0 3px;
border-radius: 1px;
width:145px;
color: #5e5e5e;
line-height: 28px;
white-space:nowrap;
overflow:hidden;
}
.link li a:hover {
color: #fff;
background: #428BCA;
}

结束,以上颜色代码可以根据你的主题风格自行更改。

最后到此就完成了wordpress的友情链接文本模式,不用插件可以实现啦,很简单吧。

转载请注明:网站SEO优化 » wordpress不用友情链接link manager插件 文本手动添加友情链接代码

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

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址