建立一个wordpress站点,选用一款合适的主题十分重要。的经过一番对比,本博客决定使用萧涵的wordpress主题,这个主题功能强大,颜色搭配我也比较喜欢,不过唯一不爽的一点就是替换图片logo太麻烦,需要下载logo设计图的psd源文件,用Photoshop处理之后再另存为gif图片才行,虽说我使用Photoshop也算是比较熟练了,但我不认为凭着自己少的可怜的美感可以设计出多么漂亮的logo来,相比之下,还是使用文字logo更加靠谱一些。
经过研究萧涵主题的style.css文件,我发现要修改为文字logo还是比较容易的。首先来看一下css对于logo的定义:
#blog_title h1 a{color:#fff;height:108px;width:200px;font-size:0;text-indent:-9999px;background:url(images/bg.gif) left top no-repeat;display:block;}
这里通过将字体大小设置为0,并且将文字左缩进到了-9999px,然后再通过background定义图片logo的地址,这样我们看到的就是一个图片logo,而看不到文字logo。
我们可以这样进行简单的修改:
#blog_title h1 a{color:#fff;height:108px;width:200px;font-size:20px;text-indent:0px; display:block;}
将文字大小设置为20px,缩进0,同时去掉背景图片,这样就将图片logo修改为文字logo了。
为了页面看起来更加美观,还可以根据自己的需要对代码进行一些微调,使之符合自己的需要。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/250251.html