TearSnow Fan


修改WordPress主题zeePersonal宽度

zeePersonal是我比较喜欢的一个WordPress主题,黑色,两栏,带一个站点大图,给人的总体感觉比较现代。

根据个人使用情况,我进行了如下修改,个人觉得会使该主题变得更好看些!

1. 增加主题宽度

默认宽度980,但是侧边栏比较宽,而且Padding和Margin属性设置的都比较大,导致文章部分非常窄,浏览文章时很不方便。

因此对该主题的CSS样式表进行了改动,修改了主题的宽度,主要涉及两方面改动:一是把主题整体宽度加大,适应宽屏显示器(现在已经很少有人用宽度在1280以下的显示器了吧…);二是适当增加了文章的宽度,减小了侧边栏宽度。

修改方法如下:

  1. style.css文件中,WRAPPER段落,ID选择器#custom_header_bg:width属性的值从930px改为960px,这项修改对应站点大图;
  2. style.css文件中,STRUCTURE段落,ID选择器#wrap:width属性的值从980px改为1010px,这项修改影响整体框架的宽度;
  3. style.css文件中,STRUCTURE段落,ID选择器#content:width属性的值从590px改为650px,这项修改加大了文章区域的宽度;
  4. style.css文件中,STRUCTURE段落,class选择器.fullwidth:width宽度的值从930px增加到960px,但是没有看出具体作用;
  5. style.css文件中,SIDEBAR段落,ID选择器#sidebar:margin-left属性的值从650px改为710px,配合文章区域的加宽;
  6. style.css文件中,SIDEBAR段落,ID选择器#sidebar:width属性的值从290减小到260,减小侧边栏宽度。
  7. 模板函数function.php文件中,THEME SETUP段落,function themezee_setup() 函数,Add Custom Header注释项下方,width从930改为960,height从160改为165,修改后,使用主题自带的上传顶部大图功能可以自动按照修改后的尺寸裁剪图片。

然后就没有然后了,Enjoy!

2. 使用 favicon 图标

favicon,即Favorites Icon的缩写,是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上。

很多 WordPress 会自带一个 favicon .ico 图标,如果你不喜欢,可以对主题文件夹中的这个文件进行替换。当然,如果你的主题不包括这个功能,只需要在网页中的 head 标签中添加如下代码就可以显示favicon图标。

建议将代码添加到主题的 header.php 文件中,以便适用于整个网站。

<link rel="shortcut icon" href="http://blog.xieyc.com/wp-content/themes/tearsnowfan/images/favicon.ico" type="image/x-icon" />

整个过程是很Easy的。

单击此处查看本文英文版。

本文固定链接: http://blog.xieyc.com/edit-the-width-of-wordpress-theme-zeepersonal/ | 小谢的小站

该日志由 xieyc 于2012年12月10日发表在 站长 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 修改WordPress主题zeePersonal宽度 | 小谢的小站
关键字: , ,

目前共有 2 条留言 【 访客:2 条, 博主:0 条 】 访客以 2:0 暂时领先博主!

  1. 沙发
    beyondme37:

    不错不错,还会修改主题了

    2012-12-10 15:09
    • 偶是小谢:

      就你会,哼~

      2012-12-10 15:17

发表评论

:wink: :neutral: :mad: :twisted: :smile: :shock: :sad: :roll: :oops: :eek: :mrgreen: :lol: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

快捷键:Ctrl+Enter