[自制]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

51 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下如何改,才能进入简化风格?

    回复

  19. Efin 评论 2010-03-20 23:58

    So beautiful! Great Joe!

    回复

  20. sdf 评论 2010-03-21 18:33

    你好

    回复

  21. 聊天 评论 2010-03-28 19:59

    好漂亮哦,一定要支持

    回复

  22. keerry 评论 2010-04-08 16:29

    很靓得主题,下载了,咨询下如何改 IE下进入简版。。。

    回复

    joe 回复 四月 10th, 2010 at 14:47

    要装一个双主题插件,然后在根目录里找到index.php文件,改成这样:

    //如果是ie即换主题
    session_start();
    if(!isset($_SESSION['ie'])&&strpos($_SERVER["HTTP_USER_AGENT"],”IE”)&&isset($_GET['ie'])){
    $_SESSION['ie']=1;
    }
    if(!isset($_SESSION['ie'])&&strpos($_SERVER["HTTP_USER_AGENT"],”IE”)){
    include(‘ie.php’);
    die();
    }
    define(‘WP_USE_THEMES’, true);
    /** Loads the WordPress Environment and Template */
    require(‘./wp-blog-header.php’);

    回复

    keerry 回复 四月 11th, 2010 at 14:29

    按照你的方法改了INDEX.PHP后出现500错误,发现不改就用下载的直接可以实现IE进入简版。有个问题是首页上面的滔滔那里点上一条或者下一条时直接显示等待Twitter.COM响应,然后Twitter.COM无法访问,内页却可以正确切换上下条。
    先谢了。。。

    回复

  23. simaopig 评论 2010-04-21 15:34

    很帅,很强悍。呵呵。

    回复

  24. 美国主机优惠码 评论 2010-06-13 13:20

    这个主题真是太棒了.非常喜欢简洁的主题

    回复

  25. 阿东 评论 2010-07-06 23:48

    博主,根据你说的我把下载下来的html5AndCss3文件夹的文件全部替换掉后打开日志出来出错,就是那个相关日志的地方。
    错误代码:Fatal error: Call to undefined function wp_related_posts() in /home1/vhost/vh442432/www/wp/wp-content/themes/html5AndCss3/single.php on line 61
    还有为什么那个最近浏览的日志不能缩回去啊。 。我移上去没有什么改变。。
    不懂的太多了,望请教,,先谢了。

    回复

    joe 回复 七月 7th, 2010 at 07:49

    估计是插件没启动

    回复

  26. snowxh 评论 2010-07-15 11:58

    好多问题想请教啊><
    为什么我把你的源文件copy过来没有任何效果啊。。就只有一个白色的页面写着首页那些东西
    怎么办呢

    回复

  27. 杯具帝 评论 2010-07-23 18:02

    请问怎么让那个回复框变窄一点,看上去有点臃肿

    回复

    joe 回复 七月 24th, 2010 at 11:04

    改css

    回复

  28. 小奎 评论 2010-07-30 18:26

    做的好漂亮阿 載下來研究研究=w=

    回复

  29. a 评论 2010-08-29 09:49

    这主题真TMD帅,佩服

    回复

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.