在一个网站上看到类似的效果,实现原理为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>
.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>
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>