wp如何添加logo

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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文件,找到”title=””rel=”home”>这一句,在后面添加代码/logo名称.jpg”alt=””width=”180″height=”96″/>,将后面这句去掉就可以。

刷新页面就可以显示了,因为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,找到如下代码:

换成如下代码:

更新即可.

完成

这你就可以看到满意的有自己特色的logo了

wordpress相关问题:

1.wordpress下载

要到官方网站下载这样会安全很多。

2.wordpress安装

官方网站有具体的步骤教你的。

3.wordpress教程

网上有很多,看个人需要吧!

相关文档
最新文档