号外:《黑客攻防入门学习课程》现已推出国庆大促活动,喜欢的朋友抓紧时间,先到先得、优惠券数量有限!!!

wordpress免插件实现添加“友情链接”功能,非常简单!

Seo优化 泰泰 499℃ 0评论

【导读】

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

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

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

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

操作步骤

这里主要分成两部分:

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

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

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

(1)添加HTML代码

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

youlian_1

(1.1)添加html代码

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

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

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

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

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

wordpress站点的css样式控制文件一般为主题下的“style.css”文件,大家根据自己的情况修改即可。

至此,“友情链接”添加成功,效果如下:

youlian_2

PS:如果你觉得你的“友情链接”框体过大,或者出现错位的情况,那么只需要修改 以上css代码中的【width:120px;】参数即可!

转载请注明:泰泰博客 » wordpress免插件实现添加“友情链接”功能,非常简单!

喜欢 (1)or分享 (0)
发表我的评论
取消评论

表情

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

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