WordPress主题修改

Posted by Y Cheung on Fri, Jul 23, 2010

2010-07-23 18:10

今天突发奇想,觉得自己的主题也完善得差不多了,想试试提交到WordPress官网,结果一提交才知道自己的主题有多破陋。

  1. 没有screenshot啦,要求是png格式的,大小为774 × 738 像素。

解决办法: 用 chrome插件Webpage Screenshot截取网页图像。

  1. 主题缺少 wp_footer() ,这个是方便有人在页脚部分添加插件的。

解决办法: 在footer.php文件最后面添加

1<?php wp_footer():?>
  1. 单页面缺少 wp_link_pages()分页啦~

解决办法: 在single.php页面和其他你想添加此效果的页面比如page.php等,查找以下代码

1<?php the_content(); ?>

在其后添加如下代码:

1<?php wp_link_pages(array('before' => ' **文章分頁:** ', 'after' => ' ', 'next_or_number' =>'number')); ?>

当然你也可以在style.css中进行CSS美化,比如:

1.link_pages { font: 12px Verdana, Arial, Helvetica, sans-serif; padding-top: 30px; padding-bottom: 10px; margin: 0px; } .link_pages a { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; } .link_pages a:hover { color: #ffffff; background: #0DDAFF; border-color: #0DDAFF; text-decoration: none; }
  1. 缺少archive.php页面

解决办法: 新建一个archive.php页面,把index.php页面的内容复制过来,查找

1<?php the_content(); ?>

替换成

1<?php the_excerpt(); ?>

其他细节部分再依喜好做修改。同理可以建立分类目录页面category.php。

  1. 主题与别人已提交的主题重名,主题TAGS不准确,主题URL错误等等。

解决办法: 修改style.css上的相应描述。

以上,改了一大圈下来,发现主题还是不够完善啊啊啊啊啊啊啊!!!!!!

接下来要做的修改是:

  • 样式化category.php,争取让不同分类有不同的样式
  • 个性化404.php页面

2010-07-19 17:54

  • 增加阴影效果。
  • 修改页面头部样式。 效果如图。
    3271302179332603599

PS.昨晚还修改了ABOUT页面内容,建了个网站地图。

2010-07-09 15:09

  • 修复顶部菜单栏,实现浮动显示二级菜单~~~

  • 添加背景图

  • 增加某些标题和图片阴影效果

  • 增加blog简要统计

  • 优化评论列表 效果如下图:(浮动效果就请自行前往浏览吧。)

    3849733256471683153

2010-07-08 14:22

RSS和twitter链接图片本来想学阿修做发光效果的,也可以说是阴影啦,一回事,但后来又发现hover时做成按下的效果更加好诶~

所以就是现在这样啦。

  • 给人按下感觉的效果是通过位移来做的。

  • 发光or阴影效果是通过box-shadow来做的。

2010-07-07 22:09

  • 把深色的底色给换浅色的了,感觉舒服了一点。

  • 添加了几个图标代替文字。

  • 更换评论字体为宋体。

  • 更换文章字体颜色。

  • 修改翻页样式。

2010-07-05 21:23

  • 添加google analytics代码

今天才发现新主题忘记添加google analytics的代码了,╥﹏╥…

搞到这些天的数据都没有统计到,( >﹏< 。)~呜呜呜……

我真是笨蛋!

2010-06-26 13:15

新主题,在昨晚已然上线。

结果,我的红绿配色令人相当之不满意,╥﹏╥…

于是乎临时改成了蓝色— —+ 这下总可以接受了吧?

效果如图示。

2366923079160171103

需要改进的地方:

  1. Ajax评论
  2. alignleft(早前评论)和breadcrumb-nav最好加个左边距,最下面的上下文也是。
  3. 评论部分:可以用.thread-even和.thread-alt区分一下样式。
  4. 边栏部分Random Posts、Hot Posts、Meta左边距有点大。
  5. 后一百页显示错位。
  6. BLOG标题hover黑白反差太大。
  7. 返回页首的PNG太恶心……