新主题正式上线,记录下自己对新主题所修改的地方。

2011年01月27日 Wordpress 评论 23 条 阅读 27,185 views 次

这几天什么也没有干,就折腾主题的,先是找,后是改,折腾来折腾去,也没有折腾个适合我自己的主题出来。只因为自己的技术水平太烂了,不然,自己就写个wordpress主题了。

最终还是选择了我现在使用的主题。但还是存在一些问题,后面会慢慢完善。先记录下对这个主题的修改全过程,方便以后升级用。因为这个主题的作者也是鸟哥,而且也很负责,所以,以后就不准备再找其他的主题了。

1、修改顶部导航

首页的图片太宽,不太适合我,所以我修改了
首先打开style.css,找到下面的代码,

-------------------------------------------

.home {
float: left;
width:117px;
height:35px;
}
.home a:hover {
width:117px;
height:36px;
background: url(images/bg.png) 0 -163px;
}

-------------------------------------------
换成下面的代码
-------------------------------------------

.home {
float: left;
width:60px;
height:35px;
}
.home a:hover {
width:60px;
height:36px;
background: url(images/bg.png) 0 -163px;
}

-------------------------------------------
也就是把
width:117px;改成    width:60px;

然后就是修改bg.png的源文件,调整到60宽度,再保存后,上传到服务器。

其次是修改导航上面的效果,我觉得不用太花哨
打开style.css找到
-------------------------------------------

#topnav li a, #topnav li a:link, #topnav li a:visited {
display: block;
padding: 0 25px 0 25px;
line-height:36px;
color: #4b4b4b;
text-shadow: 0px 1px 0px #d1d1d1;
}
#topnav li a:hover, #topnav li a:active {
background: url(images/bg.png) repeat-x 0 -199px;
color: #fff;
display: block;
text-decoration: none;
line-height:36px;
padding: 0 25px 0 25px;
}

-------------------------------------------
修改成下面的
-------------------------------------------

#topnav li a, #topnav li a:link, #topnav li a:visited {
padding: 0 15px 0 15px;
line-height:36px;
color: #4b4b4b;
text-shadow: 0px 1px 0px #d1d1d1;
}
#topnav li a:hover, #topnav li a:active {
background: #545454;
color: #fff;
display: block;
text-decoration: none;
line-height:36px;
padding: 0 15px 0 15px;
}

-------------------------------------------

2、修改界面,如果不加个框架的话,我感觉有点乱

打开style.css找到
-------------------------------------------

body {
background: #f2f2f2;
font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
color: #000;
}

-------------------------------------------
换成下面的内容,
-------------------------------------------

body {
background: #2e3538;
font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
color: #000;
}

-------------------------------------------

再找到
-------------------------------------------

#wrapper {
width: 980px;
margin: 18px auto;
line-height: 21px;
}

-------------------------------------------
在里面加入一句    background: #f2f2f2;目的就是把整个界面规范起来,让在换背景的时候,不会影响这个里面的背景,因为,这个主题,如果换背景的话,可能会导致界面不美观。
-------------------------------------------

#wrapper {
width: 980px;
margin: 18px auto;
line-height: 21px;
background: #f2f2f2;
}

-------------------------------------------

3、去掉彩色的标签,换成按标签数量,由多到的来排列

先把functions.php的只读属性去掉,然后
打开functions.php文件,找到
-------------------------------------------

//彩色标签云
function colorCloud($text) {
$text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$color = dechex(rand(0,16777215));
$pattern = '/style=(\'|\")(.*)(\'|\")/i';
$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
return "<a $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

-------------------------------------------

把里面的$color = dechex(rand(0,16777215));换成黑色$color = #000;

-------------------------------------------

//彩色标签云
function colorCloud($text) {
$text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$color = #000;
$pattern = '/style=(\'|\")(.*)(\'|\")/i';
$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
return "<a $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

-------------------------------------------

打开include目录里面的map.php把45修改成60
-------------------------------------------

<div class="tag_c"><?php wp_tag_cloud('smallest=12&largest=12&unit=px&number=45');?></div>

-------------------------------------------
也就是换成下面的代码
-------------------------------------------

<div class="tag_c"><?php wp_tag_cloud('smallest=12&largest=12&unit=px&number=60');?></div>

-------------------------------------------

找到wp-includes/category-template.php,打开并搜索wp_tag_cloud
排列规则(orderby)可以按“名字”(name)或“使用次数”(count)排列,而排列顺序是升序(ASC),或降序(DESC)。
-------------------------------------------
修改'orderby' => 'name'的name为count
修改'order' => 'ASC'的ASC为DESC
-------------------------------------------
这样就可以使标签由多到少的顺序排列出来了,而且字体是一样的大小。

4、修改评论上面的版权申明处的个人简介

打开single.php删除
-------------------------------------------
<?php the_author_description(); ?>
-------------------------------------------

5、修改回复右上角的蓝色回复背景

打开style.css文件
找到
-------------------------------------------

.reply {
position:absolute;
background:url(images/bg.png) 0 -398px;
float:right;
right:20px;
top:-1px;
}

-------------------------------------------
换成下面的内容