wordpress主题Ality中文章超链接后面的“小箭头”删除方法

一笑奈何~~
10431
文章
1
评论
2016年10月26日18:21:15wordpress主题Ality中文章超链接后面的“小箭头”删除方法已关闭评论 499 views 895字阅读2分59秒
 前一段时间再用知更鸟的主题Ality,说真的,鸟哥的主题真心不错,而且seo做的更好,我的文章纲收录不久,就排到了前十名。肯定会有人问,不久是多久,那么我告诉你们吧,我的不久,就是不到一周的时间。是不是很意外,其实当时我也是很意外的。可是Ality主题有个问题,当然这个问题对于我来说是问题,当对于其他朋友可能就不是问题了,因为我的文章使用超链接比较多,才会出现的,一般超链接用的少的话,就不会有任何问题。主要是超链接文章后面有个“小箭头”,多了就影响网站的美观了。经过网上不断的收缩,终于被我找到了答案。
 wordpress主题Ality中文章超链接后面的“小箭头”删除方法
 下面我就来说说,Ality主题是怎么去除超链接后面的小箭头的:
 在主题的js目录下找到名为script.js文件
 找到如下代码,删除即可,要记得备份哦。
 // 链接图标
 $(".content-main p a, .content-main ul li a, .content-main ol li a").each(function() {
 if ($(this).children('img').length <= 0) {
 $(this).append('<i class="icon-link"></i>');
 }
 });
 更改完成以后刷新前台文章页面(使用强制刷新ctrl+f5),发现超链接后面的“小箭头”确实消失了,但是同时又出现一个问题,那就是超链接的样式和文章段落一样,如果鼠标不移动到超链接上,读者很难发现超链接,这太不友好了,所以我们需要将文章内的超链接加上颜色作为区分。
 文章内的超链接大多都在P标签下面,也就是我们需要将样式都添加在P标签下面的A标签上(俺不太懂CSS,说的不知道对不对,反正我自己是这么理解的),好了,直接说方法
 进入后台,外观-编辑-打开style.css,添加下面的代码
 /** 文章内链接样式 **/
 p a{color: #0195ba;}
 p a:hover {background-color: yellow;}
 a就是超链接的样式
 a:hover是鼠标置于超链接上面以后的样式
 颜色和样式根据自己的喜好加一下就好了,同样,更改前别忘了备份。
 如果你也想去除Ality主题后面的小箭头,希望我的这篇文章对你有帮助
继续阅读