html底部友情链接代码,wordpress友情链接添加到页面底部的方法

使用WordPress建站的话，一般都需要添加友友情链接，它在wordpress站点中，一般都是通过“小工具”来插入实现的。有的主题自带“友情链接”小工具，但也有的主题是不带“友情链接”小工具的。不带“友情连接”小工具也没关系，可以设置。

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

1、添加HTML代码

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

2、添加html代码

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

APP兼职网

以上的代码，只需要修改

标签内容即可，一条标签表示一条“友情链接”，需要添加或者删除“友情链接”，只需在

内进行
标签的增减即可！
href=""内的链接为对方要交换的网址。标签内的文字为对方要添加的关键词。PS：可以自行切换。

3、添加css样式控制代码

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

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

/*** 友情链接 css 控制 **/

.wai li{ float:left}

.wai 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;

}

.wai li a:hover {

color: #fff;

background: #428BCA;

}

到这里“友情链接”添加成功了，这也就可以在页面底部显示。

html底部友情链接代码,wordpress友情链接添加到页面底部的方法相关推荐

php和数据库的永久链接,php – WordPress永久链接,包括名称和ID,但仅考虑ID
我有一个WordPress网站,我想模仿某些新闻媒体和门户网站生成他们的网址的方式. 例如,你有一篇名为"Man Loves Woman"的文章,CMS软件会创建一个这样的网址: ...
php网站友情链接代码,phpcms友情链接代码
使用PHPcms建站的时候会经常遇到,添加友情链接.那么如何在phpcms的网站里面添加友情链接呢 {pc:link action="type_list" typeid=&quo ...
html页面底部白条,用cookie解决新版微信中H5页面底部白条问题
5月23日微信更新6.6.7版本,新加的文章缩小浮窗功能确实很赞.不过,有一处更新颇使H5开发者感到困扰,就是在iPhone上H5页面最底部多了一个白色的前进后退控制栏,即下图底部的那个白条, 分析 ...
Android代码双卡切换,Android添加双卡铃声设置的方法
安卓本身并不支持双卡,在定制过之后,默认情况下两张卡的来电铃声是一样的,不能分别进行设置,这就需要添加一些相关代码. 基本思路是,找到来电时播放铃声的地方,修改为根据卡的ID播放相应的声音.(而整个来 ...
html图片怎么做成链接,HTML的链接代码怎么做？HTML的图片链接怎么制作？
HTML的链接代码怎么做?HTML的图片链接怎么制作?本篇文章就详细的为你介绍文字链接代码和图片链接代码. 首先,我们要了解HTML的链接代码是什么: HTML的链接代码就是HTML中把一些文字变成超 ...
html代码怎么做成链接,HTML的链接代码怎么做？HTML的图片链接怎么制作？
HTML的链接代码怎么做?HTML的图片链接怎么制作?本篇文章就详细的为你介绍文字链接代码和图片链接代码. 首先,我们要了解HTML的链接代码是什么: HTML的链接代码就是HTML中把一些文字变成超 ...
【操作教程】AI智能视频安防平台EasyCVR如何隐藏页面底部文字信息？
EasyCVR视频融合云服务是TSINGSEE青犀视频推出的支持流媒体传输协议最全面的视频平台,除了支持标准协议,包括GB28181.RTSP/Onvif.RTMP等,也能支持厂家的私有协议与SDK接 ...
wordpress友联_一段代码开启WordPress友情链接管理
自从WordPress哪个版本开始,默认的后台就没有了链接管理器,而某些主题并不支持友情链接的管理,例如我们现在在用的GeneratePress.所以使用友情链接的时候,绕了一点弯路,使用了自定义HT ...
html友情链接效果代码,HTML友情链接代码
早些时候写的,记录一下. 友情链接: One | Two ...
HTML友情链接代码
<div align="center"> <table width="980" height="35" border=&q ...

html底部友情链接代码,wordpress友情链接添加到页面底部的方法

html底部友情链接代码,wordpress友情链接添加到页面底部的方法相关推荐

最新文章

热门文章