wordpress修改默认超链接颜色图文教程

2018-03-3116:41:08网站建设与开发Comments8,342 views字数 558阅读模式

演示一下wordpress修改默认超链接颜色图文教程。其他网站程序大同小异,只要掌握方法就可以了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

我们首先打开文章页面,找到其中的超链接,例如我们以楚狂人个人博客为例。默认的链接颜色是蓝色的,我们需要修改这个默认显示的蓝色。首先我们打开文章页面,然后把鼠标放在这个超链接上面,右键选择查看元素。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

wordpress修改默认超链接颜色图文教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

然后我们就可以看到控制这个默认超链接颜色的css代码,其中#428bca就是默认颜色,这个是蓝色:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

wordpress修改默认超链接颜色图文教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

然后下面我们进入wordpress后台,在左侧找到外观,然后选择编辑:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

wordpress修改默认超链接颜色图文教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

打开编辑之后,进入样式表(style.css),不同的网站程序可能控制超链接的代码不同,但你直到是需要改动css代码就可以了。在wordpress的css里,是下面这段代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

.article-content a{color:#428bca;text-decoration:underline}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

其中“#428bca”就是颜色代码,你可以根据自己的需要改成自己想要的颜色代码,至于去哪找颜色代码呢,去百度搜一下“在线调色板”或者“颜色代码表”就可以了。比如我们改成“#646464”这个超链接颜色就是灰色的了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

wordpress修改默认超链接颜色图文教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

如果你修改完之后回到网页发现颜色没有改过,那你就清空一下浏览器cookie,刷新一下就可以。这里只是给大家做个演示,我会再把博客的颜色代码恢复默认的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/2846.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/2846.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定