WP中用背景图片替换链接

如果修改Wordpress主题时要把原来的文字链接修改图片链接,而且不影响搜索爬虫,

如果你用

<code>
    <a href="#"><img scr="logo.png"></a>  
</code>

来替换文字的话,那你直接就Out了,应为搜索爬虫只认识文字,而不认识图片,这样的对SEO不好,现在可以用CSS来解决,既不影响外观也不影响SEO。
先改写原来的代码,去掉<img>标签,在<a>标签中添加id=”logo”

改成形如:

<code>
    <a href="#" id="logo">夜枫忆栈</a>  
</code>

然后在主题的样式表(style.css)中添加以下CSS样式属性,

<code> 
    #logo{    
        display:block;    
        width:200px;    
        height:40px;    
        background:url("images/logo.png") no-repeat;    
        text-indent:-9999em;    
    }   
</code>

这样一来,那段”夜枫忆栈”在网页中显示为一张Logo,而对于蜘蛛来说,那还是链接名为”夜枫忆栈”的超链接。

这种方法也可以用于把其他链接换成漂亮的图片链接。

One thought on “WP中用背景图片替换链接
  1. bioceem 2023/11/20 03:16  0

    His eyes widened at the sight of the forceps psych viagra falls

Comments are closed.

添加一条新回复 回到顶部

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