通过WordPress的自定义HTML添加友情链接

张承辉博客建立于2009年,期间有数年断更。最近重拾博客写作,网站也全新改版,从之前的zblog博客程序更换为WordPress,卢松松博客模板也替换成现在的简洁大气付费模板了。
经过几天的努力,博客初期建设工作基本结束,唯一遗憾的是以前一款很好用的友情链接插件”Link Manager“已经停止更新。无奈只能自己写代码修改源文件来实现友情链接的功能。

通过WordPress的自定义HTML添加友情链接

WordPress中内置了一个“自定义HTML”的小工具,我们可以通过它来实现“友情链接”的功能。
操作步骤主要分成两部分:
分别是添加:HTML代码 和 css样式控制代码
HTML代码:添加友情链接的主体信息。
css代码:控制友情链接的显示样式和位置。
添加HTML代码
首先,先调出wordpress中的“自定义HTML”小工具,将其放置在合适的位置。
在“自定义HTML”里添加以下代码,并根据情况做一定的修改。

<ul style="padding: 12px 13px 10px 0px;" class="wailian">
	<li><a href="https://www.zhangchenghui.com/" target="_blank">张承辉博客</a></li>
	<li><a href="https://www.zhangchenghui.com/" target="_blank">网赚博客</a></li>
</ul>

以上的代码,只需要修改标签内容即可,一条标签表示一条“友情链接”。

(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;
    }

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

如若转载,请注明出处:https://www.zhangchenghui.com/87.html

(0)
上一篇 2021年7月16日 上午12:06
下一篇 2021年7月19日 下午11:50

相关推荐

  • 宝塔面板CEO的偏执创业路

    一开始宝塔面板只是个小的服务器工具,就几千行代码,发布出去的时候被人笑话什么**玩意,到现在宝塔面板有大几十万行代码,快成为一个功能完善的运维系统。一开始公司只有三四个人,整个公司…

    2021年8月17日
    00256
  • WordPress标签页TAG链接打不开的解决方法

    使用Windows服务器的站长,在用WordPress程序建站的时候可能遇到tag链接打不开,返回404状态。这是因为WordPress暂时不支持中文编码,那就需要让WordPre…

    2021年7月19日
    00277
  • 域名注册人信息:REDACTEDFORPRIVACY ?

    在用站长工具查询本博客的SEO信息时,发现域名注册人显示: REDACTEDFORPRIVACY 。英语不咋滴的我,看得一脸懵逼。然后用百度搜索了相关资料,并归纳总结后分享给站长朋…

    2021年8月1日
    00491
  • 腾讯云cdn价格(腾讯云cdn加速怎么使用)

    内容分发网络CDN支持针对预付费 CDN 流量包开启自动续订,即日起上线新自动续订模式:“用完或到期续订”。 开启自动续订后,当您账户余额充足时,系统将根据自动续订规则为您自动购买…

    2022年1月12日
    0054
  • 英文网站SEO成长日记

    首先,重温下我们做 Affiliate 站点的商业模式。 Affiliate 站点如何挣钱呢? 欧美用户在买东西(特别是一些专业的或者价格较高的物品)之前大多会进行产品功能的优缺点…

    2021年9月22日
    00175
  • 追梦人日记网:一个古董级的网站

    当你在百度上搜索「中国第一家博客网站是哪一个」,你会得到的答案是:博客中国(blogchina.com)。维基百科上描述博客中国成立于 2004 年,那一年,刘翔奥运夺冠、美国占领…

    2021年7月20日
    00795