作者： 蓝冰

费了九牛二虎之力，终于把LOGO给搞定了，现在把过程记下，方便日后改进。
对于我们这些不懂PHP、CSS的站长来说，修改代码确实是一件复杂繁琐的事，所以我们选择主题模板来打扮我们的WP。但是对于主题我们还要自己改进一些地方和增加一些内容，还是得涉及到代码，我从网上看到一个方法对于更改版面的字体，间距啊什么的比较方便实用，就是火狐浏览器的Firebug插件，如图

它可以用鼠标选定页面中的某一个元素，然后显示它的参数，你可以马上更改看看，效果是实时刷新的。
现在说重点，我用的是monochrome2.7主题，作者是mono-lab，但是该主题并没有LOGO的选项，所以对于我而言，加LOGO是个麻烦事儿，不过，在试了几天，在数次的失败之后，我想到了一个办法，就是与其他有LOGO选项的主题进行代码对比，从而找出了添加LOGO的代码，哈哈，终于成功了~

步骤一：在style.css中添加如下代码

/* Change the number of margin if you are using original logo image网站LOGO图标 */
#logo_image { margin:69px 0 0 30px; float:left; display:inline; }
#logo_image h1 { margin:0; padding:0; }

其中margin:69px 0 0 30px;参数可以调整LOGO的位置，依次是上、右、下、左，具体的参数根据主题而定。

步骤二：在header.php中找到代码

<div id=”logo”>
<a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a>
<h1><?php bloginfo(‘description’); ?></h1>
</div>

并用以下代码替换掉上面的代码

<!– 网站LOGO –>
<div id=”logo_image”>
<h1><a href=”<?php echo get_option(‘home’); ?>/”><img src=”<?php bloginfo(‘template_url’); ?>/img/logo.gif” title=”<?php bloginfo(‘name’); ?>” alt=”<?php bloginfo(‘name’); ?>” /></a></h1>
</div>
<!– 网站LOGO end –>

其中，记得把img/logo.gif路径替换为自己LOGO的路径，OK，大功告成！