首页 > 电脑专区 > CMS教程 > 帝国cms >

如何在帝国cms之中实现文章自动锚文本并带颜色

来源:互联网 2023-03-14 19:31:05 版权归原作者所有,如有侵权,请联系我们

在文章之中添加锚文本有利于阅读者对不明白的词语立马获得解释。另外,很多站长新手都是使用网上的模板,在使用自动添加锚文本功能的时候,被锚上链接的词语颜色与其他文字一样,如此不易被发现,失去了其应该有的“解释”效果。所以在此,我们针对帝国cms来解决这些问题。WJe办公区 - 实用经验教程分享!

工具/原料

帝国cms(版本不限)Macromedia Dreamweaver8.0

方法/步骤

1

登陆帝国后台,分别点击“其他”——“新闻模型相关”——“管理内容关键字”如下图:WJe办公区 - 实用经验教程分享!

如何在帝国cms之中实现文章自动锚文本并带颜色WJe办公区 - 实用经验教程分享!

2

在右侧区域,开始增加关键词。“关键字”这一栏,填写你想解释的词语,比如发布的文章之中出现了“百度经验”这个词,你要解释它,那么就在这一栏之中填写这个词语。然后,在“链接地址”这一栏填写你对“百度经验”这个词解释文章的链接地址,即url。最后,点击“增加”按钮即可。如图:WJe办公区 - 实用经验教程分享!

如何在帝国cms之中实现文章自动锚文本并带颜色WJe办公区 - 实用经验教程分享!

3

到这一步,文章自重自动添加锚文本的功能已经实现。当你发布一篇文章之后,如果文章之中含有这个词语,就会自动锚上链接。但是,如果你查看这篇文章发现那个词语颜色与其他文字颜色一样,不容易被发现,读者也不知道这个词语是可以点击进入另一个页面,获得该词的解释。如图:WJe办公区 - 实用经验教程分享!

如何在帝国cms之中实现文章自动锚文本并带颜色WJe办公区 - 实用经验教程分享!

4

要解决这个问题,我们就需要从代码入手。首先找出控制文章页面的代码,在文章页面上“右键”,在弹出的方框之中选择“查看网页源代码”进入代码页面。从代码页面之中,我们得知,是style.css这个文件控制整个文章页面的样式,需要对其进行修改。WJe办公区 - 实用经验教程分享!

如何在帝国cms之中实现文章自动锚文本并带颜色WJe办公区 - 实用经验教程分享!

5

根据/skin/default/css/style.css这个路径,我们在系统文件之中找到了style.css文件,并用Macromedia Dreamweaver8.0打开,如图:WJe办公区 - 实用经验教程分享!

如何在帝国cms之中实现文章自动锚文本并带颜色WJe办公区 - 实用经验教程分享!

6

在style.css文件之中添加这段代码即可:a:link {color: #000000;text-decoration: underline;} 。如图:WJe办公区 - 实用经验教程分享!

如何在帝国cms之中实现文章自动锚文本并带颜色WJe办公区 - 实用经验教程分享!

7

好了,所有的工作都已经完成,这时我们需要做的就是测试,看看“百度经验”这个词语显示颜色了没有。ok,成功,如图所示:WJe办公区 - 实用经验教程分享!

如何在帝国cms之中实现文章自动锚文本并带颜色WJe办公区 - 实用经验教程分享!

注意事项

设置成功之后,你需要刷新后台才可以显示效果哟这里的链接颜色设置,是针对整个文章页面进行的。如果你想只针对文章里面的锚文本,可以找出对应的代码进行修改即可。

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!WJe办公区 - 实用经验教程分享!


标签: 编程语言

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号