费了九牛二虎之力,终于把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,大功告成!