当前位置:文档之家› wp如何添加logo

wp如何添加logo

wordpress怎样添加logo
用wordpress版本3.2.1直接套用的官方wordpress模版、wordpress插件、wordpress主题,可以说是完全的源代码,好了,闲话少说。

下面是我添加logo图片的步骤:
1.将自己制作好的logo图片复制黏贴到\wordpress\wp-content\themes\twentyeleven目录下面,记住你logo图片的名称。

2.用相关软件打开\wordpress\wp-content\themes\twentyeleven目录下的header.php文件,找到<h1id=”site-title”><span><a href=”<?php echo esc_url(home_url(‘/’));?>”title=”<?php echo esc_attr(get_bloginfo(‘name’,‘display’));?>”rel=”home”>这一句,在后面添加代码<img src=”<?php bloginfo(‘template_directory’);?>/logo名称.jpg”alt=”<?php bloginfo(‘name’);?>”width=”180″height=”96″/>,将后面这句<?php bloginfo(‘name’);?>去掉就可以。

刷新页面就可以显示了,因为wordpress3.2.1默认的header图片是100%显示,所以上传的logo可能会以100%显示,剩下的工作需要你在css里面调试了,不再赘述。

《》》》《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《怎样添加自己的logo标识到WP-magazine这款主题
2009-03-0718:16
怎样添加自己的logo标识到WP-magazine这款主题
第一步-去掉现有的博客标题和描述Site Title and Description
首先就是在你的WP-Magazine主题的左上角放logo的地方要腾出空间来。

方法就是去掉现有的占了这个空间的博客标题和附属描述。

1.在控制面板中找到外观-主题编辑器,你应该能找到类似stylesheet.css的模板;
2.然后找到如下代码:
#header.sitehead-left p{
margin:0;
height:26px;
line-height:26px;
}
找到后用下面的代码替换:
#header.sitehead-left p{
position:absolute;
text-indent:-999em;
margin:0;
height:26px;
line-height:26px;
}
3.接着继续找下面的代码:
#header h1{
font-size:20px;
margin:0;
line-height:24px;
height:24px;
}
找到后换成如下代码:
#header h1{
position:absolute;
text-indent:-999em;
font-size:20px;
margin:0;
line-height:24px;
height:24px;
}
然后,点击“更新文件”保存即可进入第二步.
第二步-上传您的logo到WP-Magazine主题下的images文件夹,上传之后,再次打开您的样式表模板css模板(stylesheet.css的模板),找到如下代码
#header.sitehead-left{
width:50%;
float:left;
margin:0;
padding:0;
}
换成如下代码
#header.sitehead-left{
width:50%;
float:left;
margin:0;
padding:0;
background:url(images/filename.gif)top left no-repeat;
height:60px;
}
记得将上面代码中的“filename.gif”换成你logo的文件名,当然你也可以在此代码中根据你的图片尺寸来调整高度.
修改好之后,点击更新即可.进入第三步
第三步-可选择性操作-把您的logo和您的主页链接起来
如果您想当点击logo图片链接到你的主页,那么需要打开模板Header template,找到如下代码:
<div class="sitehead-left">
<h1><?php bloginfo('name');?></h1>
<p><?php bloginfo('description');?></p>
</div>
换成如下代码:
<div class="sitehead-left"onclick="location.href='<?php bloginfo('url');?>';"style="curs or:pointer;">
<h1><?php bloginfo('name');?></h1>
<p><?php bloginfo('description');?></p>
</div>
更新即可.
完成
这你就可以看到满意的有自己特色的logo了
wordpress相关问题:
1.wordpress下载
要到官方网站下载这样会安全很多。

2.wordpress安装
官方网站有具体的步骤教你的。

3.wordpress教程
网上有很多,看个人需要吧!。

相关主题