[自制]Wordpress 2.9 White-Html5 Theme 1.0主题(双)上线

酝酿已久,新主题上线,全面回避ie。

此主题只为高端浏览器制作,ie中只能看见超简化版。(双主题)

这次的主题直接用html5和css3写,也当是我自己学习的一个过渡品吧。html5和css3可以写出很漂亮的效果,但是也付出了ie系列浏览器不正常显示的代价。

这次的主题没有上次的功能多(因为js写得没上次多),话说距上一自创主题发布已经差不多是一年前的时候了。

主题功能介绍:(注意仅限ff和chrome等浏览器有效果)
  1. 首页全Ajax,文章列表和文章内容、图片均异步获取数据。
  2. 页首公告栏是基于qq叨叨插件做出的修改,可以显示自己的qq签名,想改为自己的qq的叨叨的话修改js/dkapi.js文件的qq号码即可。
  3. 搜索栏下方有一个“viewed”按钮,其实是显示当前浏览者最近在本站浏览的博文记录
  4. 文章列表中的每篇文章前面有一个图片,这个图片是读取文章内容里面的图片来的,假如没有图片就会显示默认图片。
  5. 为照顾ie系列浏览器追加双主题功能,在ie浏览器中将显示简洁的主题风格。
主题安装:
  • 主题下载(包括wp源文件整站,因为对wp源文件有小改):http://code.google.com/p/white-html5-new-theme-for-wp/downloads/list
  • 主题演示:http://xiebiji.com (推荐Chrome浏览器)
  • 主题名称:  White-Html5 Theme
  • 适用版本:wordpress2.6+
  • 适应浏览器:Firefox3,Chrome,Safari
  • 开启的插件包括:Akismet、All in One SEO Pack、Audio player、失效链接检查器、Hot Friends、Theme Switcher Reloaded、WordPress Database Backup、Wordpress Thread Comment、WP-Syntax
  • 发布时间:(2010.01.10)
安装须知:

要首页滚动链接出现你想出现的分类链接,请修改html5AndCss3/index.php下的

$args = array(
  'orderby'          => 'name',
  'order'            => 'ASC',
  'limit'            => -1,
  'category_name'    => '{首页链接}',//这里修改对应分类名字
  'echo'             => 1,
  'categorize'       => 0,
  'title_li'         => '',
  'title_before'     => '',
  'title_after'      => '',
  'category_orderby' => 'name',
  'category_order'   => 'ASC',
  'class'            => 'linkcat',
  'category_before'  => '<li>',
  'category_after'   => '</li>'
  );

版权声明:使用本皮肤请遵守共同创作公约,尊重作者版权,在本作品下衍生和分享需要你注明出处和作者链接.欢迎修改并完善本主题,记得修改好也分享^0^!

作者:Joe 邮箱地址:23456325@qq.com或者joe3401192@gmail.com

36 Responses to [自制]Wordpress 2.9 White-Html5 Theme 1.0主... »

  1. 万戈 评论 2010-01-10 10:17

    相当帅气啊,特别是那个公告栏

    回复

    joe 回复 一月 10th, 2010 at 13:52

    遗憾不支持ie :(

    回复

  2. Lee 评论 2010-01-10 14:23

    firefox的支持好么 ?直接点击首页的文章链接好像进不来

    回复

    joe 回复 一月 10th, 2010 at 14:32

    应该对ff支持比较好的。那个是Ajax更新右边内容的

    回复

  3. 晴枫 评论 2010-01-10 16:05

    seems cool! 头部背景显得有点杂,不知道是不是浏览器的显示原因
    找个茬,首页“你最近在本小站看过的文章”文章后面的时间是[1970-01-01]!

    回复

    JOE 回复 一月 10th, 2010 at 17:37

    谢谢提醒,已更正

    回复

  4. Aaron 评论 2010-01-12 19:30

    相当不错啊..
    赞一个

    回复

  5. littlebear 评论 2010-01-13 08:38

    我用的lynx根本看不到有什么区别啊? ff看的很好啊。

    回复

    JOE 回复 一月 13th, 2010 at 12:32

    lynx???用chrome看得效果最好

    回复

  6. 流量计 评论 2010-01-13 10:22

    写的不错,支持,顶一下

    回复

  7. wangyh 评论 2010-01-13 13:43

    这个主题感觉不错啊,挺爽的~

    回复

    joe 回复 一月 22nd, 2010 at 01:09

    你是用哪个浏览器看的?

    回复

    wangyh 回复 一月 22nd, 2010 at 13:43

    FF…

    回复

    joe 回复 一月 22nd, 2010 at 16:21

    用Chrome看的话,感觉会好一点

  8. Lee 评论 2010-01-21 20:33

    今天用chrome看了下才发现这个主题真的牛X

    回复

    joe 回复 一月 22nd, 2010 at 00:53

    呵呵~我觉得chrome才是浏览器的皇者

    回复

  9. CT 评论 2010-01-22 00:46

    很强大

    回复

    joe 回复 一月 22nd, 2010 at 00:48

    你是不是css森林里的?

    回复

  10. whoas123 评论 2010-01-22 13:03

    要是支持IE就好了,真的是非常好看。

    回复

    joe 回复 一月 22nd, 2010 at 16:19

    真的很遗憾,ie太落后了。郁闷

    回复

  11. Terry 评论 2010-01-22 16:44

    主题确实很炫~~~

    回复

  12. winy 评论 2010-01-22 23:11

    主题很好,只是怎么全打包放到下载里面了?

    回复

    joe 回复 一月 23rd, 2010 at 01:25

    有些地方修改了wp的文件

    回复

  13. winy 评论 2010-01-23 13:18

    请教下,如果想用jQuery实现特效,如何修改?不知道光改锚点行不行
    菜鸟,完全不懂框架~

    回复

    joe 回复 一月 23rd, 2010 at 13:56

    实现什么特效?

    回复

    winy 回复 一月 23rd, 2010 at 16:52

    首页ajax展开和页面view的功能,方便移植到jQuery上面吗?

    回复

    joe 回复 一月 23rd, 2010 at 17:34

    jq的话有专有的Ajax类吧,我没多大研究,view的话只是改变block元素宽高,应该不难

  14. Code-k 评论 2010-01-23 21:14

    HTML5效果果然很好……嘿嘿……可惜这个板子的颜色不是很喜欢,要不我也换上……

    回复

    joe 回复 一月 23rd, 2010 at 22:17

    呵呵,没关系,萝卜青菜各有所爱

    回复

  15. aunsen 评论 2010-01-26 22:51

    我靠,差点没认出来!变化太大了,膜拜!上一个仿友立的升升级,简化简化啊!

    回复

    joe 回复 一月 27th, 2010 at 15:10

    仿友立???

    回复

  16. 卡巴动力 评论 2010-01-26 23:12

    很好的主意,等下用火狐看看,哈哈

    回复

    joe 回复 一月 27th, 2010 at 15:10

    chrome才能达到最好效果哦

    回复

  17. bolo 评论 2010-01-27 20:13

    用户体验不太好

    回复

    joe 回复 一月 28th, 2010 at 13:32

    具体是哪个方面呢?我改进一下

    回复

  18. long 评论 2010-03-16 19:28

    有点笨,第一次用风格,想问一下,IE下如何改,才能进入简化风格?

    回复

Leave a Reply

Email address is not published

You should say a Chinese word to pass spam check. If you can not input Chinese, just copy 你好 and paste them into comment text box.