出站链接添加CSS样式

在一个网站上看到类似的效果,实现原理为CSS伪类选择器,判断是不是本站,否则显示出站链接的小小图标。

实现代码~

<code>
.entry-content a[href^="http://"] {
padding: 0 2px;
}
.entry-content a[href^="http://os.yefengs.com"] {
background: none;
}
.entry-content a[href^="http://"] {
letter-spacing: 0;
padding-right: 10px;
background: url(images/blank.gif) no-repeat top right;
}
</code>


在wordpress 中有好办法,正则判断是不是出站,如果是出站链接,则添加rel=”nofllow”,并且添加样式style=”externallink”.
直接把以下代码放到fuctions.php中,然后在style.css中添加相应的CSS样式即可。

<code>//外链链接添加nofllow
function yefengs_the_content_nofollow($content){  preg_match_all('/href="(.*?)"/',$content,$matches);  if($matches){   foreach($matches[1] as $val){    if( strpos($val,home_url())===false )$content=str_replace("href=\"$val\"", "href=\"$val\" rel=\"external nofollow\" class=\"externallink\"",$content);   }  }  return $content; } add_filter('the_content','yefengs_the_content_nofollow',999); </code>

0 thoughts on “出站链接添加CSS样式
添加一条新回复 回到顶部

亲爱的,主人已经关闭了这篇文章的评论 。