velep.com成长之路29—为博客网站添加LOGO

摘要：虽然对suffusion主题外观皮肤进行了一翻改造（详见：velep.com成长之路17—打造透明主题即wordpress背景颜色和suffusion皮肤设置），但每次打开自己的博客网站，总感觉缺点什么。是的，感觉缺少颜色对比和图片，一眼望去，除了百度分享外，满页面都是文字。

所以就从博客网站LOGO开始，为其添加了一个LOGO，努力把reille blog打造成至少让自己满意的个人博客网站。

本文主要内容就是介绍了如何在suffusion主题中为自己的博客网站添加一个网站LOGO。

制作LOGO图片

博客网站LOGO就像你的名片一样，代表一个网站的形象，因此，网站LOGO的重要性、代表性就不言而喻了。要为博客网站添加LOGO，首先就要有一张LOGO图片，LOGO图片需要自己或请别人制作。

关于LOGO大小，一般是：宽：160~300px；高：60~90px，根据网站头部（header）设计大小而定。

关于网站LOGO制作，不是每个人都会的，所以要么学会photoshop自己亲自设计，要么付费请专业人士为你设计。

不过，reille blog博客网站当前使用的LOGO是在一个叫水源LOGO（http://www.cilogo.com/LOGO/sheji/index_3.html）的网站上在线设计的，如果暂时没有LOGO图片，你也可去这个网站上选择一个模板在线生成。这个办法只是暂时的，LOGO还是专属于自己的好，就像老婆一样。

添加LOGO

有了LOGO图片后，就可以为博客网站添加LOGO标志了。对于suffusion主题很简单。

进入wordpress后台—>外观—>Suffusion Options，选择：Skinning—>Header，在Header配置页面里找到如下图所示的位置：

suffusion主题设置Header，为博客网站指定LOGO图片

如上图所示，在Header Foregound Image Type中选择左边的选项；在Header Foreground Image中指定LOGO图片的存放位置，然后保存配置。

在Skinning—>Header页面的Height of the Header image的配置项，好像可以配置头部图像的大小，但具体没去试，如果有兴趣，你可以设置下，看有什么效果。

此外，如果你网站原先显示了网站副标题，则需要把它隐藏起来。选择：Other Graphical Elements—>Header页面，找到Description / Sub-Header Alignment配置项，选择Hide即可隐藏副标题。

重新载入你的网站，就可以在你的网站头部看到LOGO图片了，如果影响了导航栏布局或者LOGO图片大了，同要修改下，使其看上去大小合适。