家好呀!今天小红书上来分享一篇关于友情链接HTML代码的教程,让我们一起来学习如何在网页上添加友情链接吧!
我们需要了解什么是友情链接。友情链接,顾名思义,就是在网页上相互分享链接,以增加网站之间的互相推荐和访问。通过添加友情链接,我们可以促进多个网站之间的互动和合作,共同提高网站的流量和知名度。
我们该如何在网页中添加友情链接呢?首先,我们需要使用HTML代码来实现这一功能。下面将给大家介绍一种简单的方法。
首先打开你要添加友情链接的网页,然后找到你想要添加友情链接的位置。通常,我们将这些链接放置在页面底部的“友情链接”或“合作伙伴”栏目中比较合适。
我们需要在HTML代码中插入一个“”标签,表示一个无序列表。在这个列表中,每一个链接都将被表示为一个“”标签,这样我们就可以依次添加多个链接了。
下面是一个示例代码,供大家参考:
果您觉得文章对您有点用,麻烦在您阅读、收藏、转发的时候,顺手帮忙点个赞、留个言、加关注,这是我继续写下去的绝佳动力。
缘于老是被问网友问到类似以下问题:
SiteServer CMS系统能实现友情链接功能吗?
SiteServer CMS系统如何实现友情链接的功能?
为什么在SiteServer CMS系统后台没有友情链接管理?
每次被问到诸如此类的问题时,我就真的好无语,一是无语问问题的人对SiteServer CMS系统的真正原理(核心设计思想、或者说产品定位)没理解;二是对SiteServer CMS系统官方的宣传、文档方面的工作的无语。
所以就特意写了这么一篇特别简单的文章:利用SiteServer CMS系统实现友情链接的功能。
首先是在SiteServer CMS系统后台新建一个栏目,栏目名称直接就叫“友情链接”(栏目名称可能随意),点击下图红框的“添加栏目”按钮:
然后进入新建栏目界面,填写栏目名称为“友情链接”,如下图所示:
栏目建完之后,就进到“友情链接”栏目的内容管理界面,如下图所示:
点击“添加内容”进入到内容添加的界面,如下图所示:
只要填写上图红框的两个字段:标题和外部链接,一个是友情链接的名称,一个是友情链接的链接地址,其他字段可以忽略不填写。把所有友情链接内容填写进去之后,回到内容列表界面就是这样的:
这样的话,友情链接内容录入管理就算结束了,剩下就是模板调用这些数据的工作了。
当然可能会觉得为什么友情链接的内容发布页面和新闻发布页面的字段一样呢,这么多用不上的字段,感觉好别扭,不习惯。没关系,SiteServer CMS系统作为一个通用内容管理系统,不可能就这么不灵活的。如果你觉得有必要把其他用不上的字段去掉的话,请进行以下操作。
进入菜单:设置管理 /内容模型设置 /内容字段管理,如下图所示:
注意:在上图中,栏目一定要选择刚才我们新建的“友情链接”栏目,下面显示的就是此栏目内容的所有字段,每个字段后面跟着一列“显示样式”,点击添加,进到字段显示样式编辑界面,如下图所示:
如上图红框,如果这个字段不需要,则选择不启用,然后确定即可。所有字段设置完了之后,回到字段列表应该能看到如下图所示效果:
所有打X的表示不启用,也就是说在内容添加和编辑界面就不会再显示这些字段了,如下图所示:
这样的内容管理界面是不是显的更清爽干净了?
在前面一步讲了如何把数据录入SiteServer CMS系统后台中,在这一步则来讲讲如何把友情链接的这些数据调取到前台页面中去,也就是常讲的模板嵌套。
首先是新建一个栏目模板,模板名称叫“友情链接”(可以随便取),如下图所示:
然后把友情链接栏目的静态页面代码(html)拷备到上图的编辑框中,如下图所示:
从上图红框代码可以看到,调用友情链接的数据特别简单,就是利用一个<stl:contents>标签把栏目名称为“友情链接”的栏目(channelname="友情链接")下所有内容取出来,每一条内容显示一个序号,同时显示内容的标题(type="title")和内容的链接(<stl:a>)。具体stl标签语言的用法可以参考官网:http://stl.siteserver.cn,模板嵌套好之后保存好。
保存好模板之后就需要把新建的栏目和刚才嵌套好的模板匹配起来,如下图所示:
注意,上图显示的匹配栏目模板,左边选中“友情链接”这个栏目,然后右边选中“友情链接”这个栏目模板,最后点击中间的“匹配”按钮,整个栏目模板匹配过程就完成了。剩下就是生成栏目页面了,如下图所示:
从上图看到,选中“友情链接”这个栏目,然后点“生成选定栏目”按钮即可,点完之后应该能看到如下图所示界面:
表示栏目页生成结束,然后回到信息管理中的栏目管理菜单,如下图所示:
点击“友情链接”栏目前面的文件夹图标,可以打开此栏目对应的前台页面,然后我们就能看刚才模板嵌套中关于友情链接部分的效果了,左边是编号,右边是内容标题,点标题能打开每篇内容的外部链接字段里存的链接地址,如下图所示:
至此,利用SiteServer CMS系统实现友情链接功能的整个过程就完成了。其实经过这样一番演示可以发现,如果利用SiteServer CMS去实现一个焦点轮播图、文件下载等功能是不是一样可以类似这样来做?
在之前的深入讲解SiteServer CMS:辅助表这篇文章里就已经解释过原因了,现在再把这段话摘录于此。
SiteServer CMS的定位是做真正的内容管理系统,管理所有结构化的数据,而不仅仅管理新闻。只要是能结构化的数据,比如商品信息、人员信息、资产信息、项目信息等等,都可以通过SiteServer CMS系统进行管理。这就决定了SiteServer CMS不会给友情链接这么小的一个网站专有功能。但通过SiteServer CMS还是很灵活很简单就能实现友情链接的功能,主要是大家的思维习惯不能停留在一些自助建站或纯粹的只能对新闻进行管理的新闻发布系统上(他们也把这种新闻发布系统习惯性地叫种内容管理系统)
大妈上了空调车投了一块钱。司机说:“两块”。大妈说:“是的,凉快”。司机说:“空调车两块!”。大妈答:“空调车是凉快”。司机又说:“投两块”! 大妈笑说:“不光头凉快,浑身都凉快”,说完往后头走。司机说:“我告诉你钱投两块”。大妈说:“我觉得后头人少更凉快”司机无语,一车人笑倒了!沟通不到位,努力全白费。保持微笑,不会变老。
者:悦然wordpress建站(悦然建站)
继续分享wordpress建站教程。大家可以仔细观察五,绝大多数的中文wordpress站点都会会友情链接模块,因为国内的wordpress主题开发者大多比较重视SEO优化,所以会把这项功能都集成在主题中。而绝大多数的wordpress外贸站点则没有友情链接模块,因为国外的主题开发者可能不是太关注这方面的问题,默认情况下英文wordpress主题都是没有友情链接模块的,当然这并不是说国外的开发者不懂SEO,而是国内百度SEO和国外谷歌SEO优化的注重点不同,谷歌对低质链接的处罚力度比较大,要做好谷歌SEO优化走传统堆链接的方式已经行不通了,而且一般人也找不到好的链接来交换。
如果我们做wordpress外贸建站时一定要加上友情链接模块应该怎么办呢?我们可以手动安装友情链接插件。
wordpress友情链接插件
https://downloads.wordpress.org/plugin/link-manager.zip
大家可以通过上面的链接下载并安装插件,启用之后wordpress建站后台就会多出一个链接模块,还会多出一个链接小工具,它可以在页面或小工具中进行调用。
默认情况下,wordpress友情链接插件会以竖排的方式来显示链接,如上图所示。
让友情链接横向显示
/
.blogroll{undefined
width:1000px;
display:block;
/记得清除浮动/
overflow:auto;
/兼容IE6/
}
.blogroll li{undefined
padding:0;
margin:0px 10px;
float:left;
display:block;
position: relative;
top: -22px;
}
如果你的想要让友情链接在首页底部显示要怎么办呢?大家可以把上面的代码添加到自定议CSS中,一般国外的wordpress主题的自定议设置页面都会有一个额外CSS添加的地方,添加进去就可以了,如果没有也可以使用第三方插件,比如Simple CSS,在插件中心下载安装即可。
如上图所示,CSS样式生效后友情链接就会以横排的方式来显示了。
*请认真填写需求信息,我们会在24小时内与您取得联系。