这是07年秋季设计的风格,做成了 Textpattern 的模板,十一月初正式使用。今年的模板做得比较少,去年年底的总结提醒自己宁缺勿滥,这也算是对自己的改正吧。这款设计主以灰黑色和绿色为主色调,当然蓝色也是必不可少的,绿草有蓝天的衬托才更接近理想化的自然。

看到渐渐增长的国内 WordPress 用户,想起自己曾经也是其中的一员,不免有些感情夹杂。因为 WordPress,我学到了很多,并认识了很多朋友。如果说我的互联网启蒙者是谁,我会毫不犹豫的说 Mr WordPress。

言简意赅,看图说话:Hello :D

Hello :D

设计应该还不错,作为2007年一个结尾吧。在做成 WordPress 的模板的过程中发现对 WP 陌生了不少,可喜的是制作过程中也顺便解决了原先存在的一些不合理的语句。自己制作的模板大部分的缺点应该就是对使用者不太方便,有些地方需要自己手动添加或者删除。比如说这个模板的导航栏就要手动修改,要添加新的栏目就得打开 header.php 研究一下再 Copy&Paste,只怪自己对 PHP 和 JS 了解太少,明年应该比现在知道得更多。至于对 WP 自带的 Widgets 的支持,由于布局的限制,所以暂不支持。

模板名字叫 Hello :D,自己也不知道该取什么名字,就用笑脸代替了。已经通过 XHTML 1.0 Strict 和 CSS  验证,IE 7 / Firefox / Opera 下测试良好,用 IE 6 或低于这个版本的赶紧升级浏览器内核吧(为了更好的 Web 体验)。部分 CSS 文件基于 Blueprint CSS Framework,这框架缩短了不同浏览器上乏味又痛苦的调试时间,值得推荐。

好了,牢骚差不多了,下载地址:Update Links
有什么问题记得反馈,然后集中修正。

Posted in at 27. December 2007. 80 Comments.
Tags: , , , ,

Related Articles

Comments

  1. 28. December 2007, 07:07 #C.J.

    挺喜欢的。支持一下~

  2. 28. December 2007, 07:29 #sofish

    上次来得太早了,哈哈,原来你提供了下载…嘿嘿…收藏先…

  3. 28. December 2007, 10:43 #Alan

    好漂亮,支持一下

  4. 28. December 2007, 13:23 #Andor

    为什么留言的左边都有一个“1”呢

  5. 28. December 2007, 15:40 #fen

    在哪里,我都没看到啊?
    留言左边应该是1、2、3这样的数字啊。

  6. 28. December 2007, 15:48 #Chris

    曾经逛到过这里,没想到今天也把主题发布出来了~蛮有感觉的

    留言左边在IE6下确实都显示的是1

  7. 28. December 2007, 17:01 #fen

    已经修正,万恶的 IE 6……

  8. 29. December 2007, 08:59 #漫步

    fen 终于出手了,不错不错。。

  9. 29. December 2007, 10:41 #Utom

    赶快回归WP吧!

  10. 29. December 2007, 16:10 #fen

    @Utom
    不要总是让我回归WP,love WP != use WP。

  11. 29. December 2007, 19:06 #Shih

    火星很危险快回地球吧

  12. 29. December 2007, 20:27 #spirit.wan

    这个是wp的?为什么txp的不一起放出来捏?

  13. 29. December 2007, 22:50 #Fath

    Hi. Nice theme. I’ll use this one as my next theme. Still editing some stuff. Can you tell how to replace the h1 with logo? It looks like there’s no English explanation here. :)

  14. 30. December 2007, 00:06 #fen

    @spirit.wan
    TXP的自定义方面太多,要修改的也很多,还需要一部分插件,所以还在修改。

    @Fath
    Edit /css/defualt.css, replace line 15 & 16 with:

    h1 a {
    display: block;
    width: 320px;
    height: 80px;
    background: url(../images/logo.png);
    text-indent: -9999px;
    }

    h1 a:hover { background: url(../images/logo.png) bottom left; }

    logo.png is your logo file in folder images where you will find a sample image.

  15. 30. December 2007, 12:14 #Fath

    Thank you Fen :)

  16. 30. December 2007, 17:49 #刀河

    14楼讲的是如何实现和hellowiki一样的logo效果是么?Fen

  17. 30. December 2007, 20:40 #fen

    是的,显示图片 logo,并带翻转效果。

  18. 30. December 2007, 20:46 #刀河

    试了,很好,谢谢Fen

  19. 31. December 2007, 13:48 #Watsonxu

    Fatal error: Call to undefined function: the_title_attribute() in /www/users/readelicious.com/wp-content/themes/hello_d/index.php on line 11

  20. 31. December 2007, 14:05 #漫步

    @Watsonxu 哇哦,不是你服务器环境的问题吧,和某个插件啥的冲突了吧,我这完全ok。。。

  21. 31. December 2007, 14:21 #刀河

    能不能加上gravatar头像?在左边

  22. 31. December 2007, 17:08 #fen

    @刀河
    下个版本会添加这个功能,包括对自带 Widgets 的支持,只是最近比较忙,所以要耐心些。

  23. 31. December 2007, 18:23 #漫步

    fen 啊,我也想学设计哦,要不你做我领路人吧,嘿嘿。

    在公司,我主要做后台,底层系统开发,虽然是公司领导要求说我有时间学学设计,其实我自身还是对设计蛮感兴趣的,所以打算学学,不过暂时不清楚怎么个入门。

  24. 31. December 2007, 19:16 #Fath

    Fen, I’m using your theme right now. Modified one. But I have one problem. When it is on Page (like About, Contact), the right sidebar falls a little bit. I don’t know where to fix. It looks just fine on my local wordpress (localhost) but not when uploaded.

  25. 31. December 2007, 23:30 #sat

    Watsonxu 的问题是由版本的原因引出的。这个theme必须在2.3以上的版本才能使用。

  26. 1. January 2008, 10:23 #fen

    @漫步
    我也是半桶水啊,如果你不介意的话。

    @Fath
    Your Mod is beautiful, Check your email.

    @sat
    谢谢你帮我解决问题 :)

  27. 1. January 2008, 11:27 #刀河

    需要完善皮肤,呵呵

  28. 1. January 2008, 11:38 #刀河

    补充,可以在页面右上角放个480*60的广告条,呵呵

  29. 1. January 2008, 12:24 #spirit.wan

    最好弄个相关文章链接的插件,显示在侧边和文章底部都可以。

  30. 1. January 2008, 12:51 #刀河

    回spirit.wan:使用Simple Tags
    用了这个主题后,主页不能截断文章了,只能全文显示,因为没有single页面。相信Fen现在提供的版本只是让大家过过瘾,等Hello :D正式版出来了,就会很好了

  31. 1. January 2008, 16:19 #Fath

    Thanks for your kind words and support :)

  32. 1. January 2008, 18:08 #zEUS.

    新年快乐~

    很棒的主题!顶一个~

  33. 1. January 2008, 19:59 #My-Hou不務正業

    这个主题的色调感觉很好!呵呵

  34. 1. January 2008, 21:37 #yichi

    你的设计是我一直非常喜欢的风格!
    祝你新年快乐:)

  35. 3. January 2008, 22:16 #Jimi

    Hello 您好
    很棒又簡單的風格,我很喜歡^^
    因為看了程式碼非常的簡潔,我想把這樣的風格改變後使用在我的網站上
    但是有可能不是 wordpress,而是我另外想架設的一個很簡單的網站
    我改完會在頁尾註明是您原創設計的Style,希望您能同意我這樣的使用^^
    期盼您的回答!!

    Thanks!!

  36. 4. January 2008, 10:21 #fen

    @刀河
    我会改进的。

    @yichi,zEUS.
    新年快乐!

    @Jimi
    当然可以啊!

  37. 4. January 2008, 18:28 #若水

    很喜歡你的模板,使用到了我的博客上了,謝謝

  38. 6. January 2008, 13:38 #A君

    哈,一直很喜欢,就是一直没用过。

  39. 6. January 2008, 13:42 #bssn

    一直把wp当一个cms来用。

  40. 7. January 2008, 08:10 #Jvstin

    很简洁的设计,让我想起了 Utom box
    我也是学生,同济工业设计的,能认识一下吗?

  41. 8. January 2008, 21:14 #刀河

    什么时候改进皮肤呢?呵呵,我发现导航栏用中文,在ie7下会出现错位

  42. 9. January 2008, 21:49 #mediter

    print.css 或许还需要再微调一下。

    打印时,侧边栏也一同被打印了。

  43. 10. January 2008, 07:10 #Hugo Doria

    Great theme!
    Is there a chance to make it widget ready?

  44. 10. January 2008, 12:32 #mediter

    I have modified the print.css already.

    You can download it on my blog if you want.

    http://mediter.yo2.cn/articles/new-year-new-blog-theme/

  45. 11. January 2008, 00:36 #mediter

    我所做的修改主要集中在 print.css,修正了原模板打印时会连侧边栏一起打印的问题、同时对链接在打印出的文稿中的显示方式。

  46. 11. January 2008, 08:22 #fen

    @Jvstin
    可以啊,联系 Email 在 about 页面。

    @Hugo Doria
    Widgets ready in next version.

    @mediter
    谢谢你,我将把它集成在下个版本里。

  47. 11. January 2008, 15:05 #yoyo

    Hellowiki,呵呵,这个域名咋和我的那么像呢,我的是hellowiki.cn,真巧。。。

  48. 12. January 2008, 11:03 #Spider

    非常漂亮的主题,属于我最喜欢的一类。可是我找了半天没有找到引用通告的链接,不知道你是否考虑加上。

  49. 12. January 2008, 23:25 #leafduo

    能不能具体说下版权的问题?

  50. 13. January 2008, 18:53 #semor yang

    好看,先用了,谢谢先

  51. 14. January 2008, 11:44 #tsian

    感觉顶部太暗,有种压抑的感觉.
    是不是可以稍微亮淡一些.

  52. 14. January 2008, 18:06 #Mitch

    Hello, what should i do if i have the following error:

    Fatal error: Call to undefined function: the_title_attribute() in /usr/local/psa/home/vhosts/daydreamnation.be/httpdocs/wp-content/themes/hello-d-10/index.php on line 11

    ?

  53. 14. January 2008, 18:24 #fen

    @Spider
    会加上的。

    @Mitch
    This theme only used in WordPress 2.3.

  54. 14. January 2008, 21:00 #mediter

    今天注意到一个问题:

    在登录状态下看文章是评论者昵称会跑到评论内容区域的右上角,同时评论的编号下移至评论内容区域的左上角。

  55. 15. January 2008, 11:52 #PoorTag

    图片太大会撑破,不知道怎么定义下也面图片大小。

  56. 17. January 2008, 17:49 #micky

    怎样在首页截断文章呢?像贵站一样?

  57. 19. January 2008, 20:46 #Erik

    Hi, lovely theme.

    I seem to have a bit of a problem though, for some reason there’s a default about page that shows up which really doesn’t exist.
    And any extra pages that I add won’t show up. When switching back to WP default theme they do show up.

    Any tips on why this is happening?

    Btw, great use of blueprint css!

    Thank you!
    Erik

  58. 20. January 2008, 11:36 #fen

    @mediter, PoorTag
    这些在下个版本会改进的。

    @micky
    我是用txp的程序,wp应该有相应的自动截断插件吧。

    @Erik
    Open header.php you will see the way to solve it.

  59. 21. January 2008, 05:05 #Jason Yormark

    How could I add a banner or Google adSense block in the header next to the logo at the top?

  60. 22. January 2008, 05:12 #daz

    Fen,

    Congrats on a wonderful theme, just wondering what are the two plug-in that you use for tagging and comments I cant seem to find which ones you use, if you any englsihg instriuctions on setting up this cool theme please send them on…

    D.

  61. 25. January 2008, 08:48 #Norman

    I’m having the same problem as Erik. Only the “Home” and “About” pages appear. The others do exist, but they just wont show up!

  62. 25. January 2008, 17:33 #humker

    等待txp风格的放出

  63. 28. January 2008, 03:59 #Erik

    @Norman, I got it working in the end, it’s quite simple, you have to first create your pages and then manually ad <li> and put the class name (or id, i don’t remember now) to the name of your page.

  64. 29. January 2008, 07:10 #梵尚

    很漂亮和简约的风格

  65. 13. February 2008, 16:49 #Anto

    Will there be a version of it widget ready?

  66. 14. February 2008, 22:01 #kosol

    It’s nice theme, I like it. I’ll try for my blog in the future. Now i learn about problems that you’re talking. Thanks.

  67. 17. February 2008, 15:57 #痴情的猪

    logo.png is your logo file in folder images where you will find a sample image.
    呵呵。
    hellowiki到底是不是女的~迷糊了

  68. 22. February 2008, 06:48 #Bramus!

    Nice theme, been using it on Nieuw in Gent

    Added some extra templates though, such as 404.php and archive.php

    Above that IE7 had a scaling issue: 75% wasn’t taken as 12px —> enforced the body to being 12px and it showed fine in all browsers ;)

    Regards,
    Bram.

  69. 22. February 2008, 18:36 #Bramus!

    Oh, also modified the header, to automatically list all pages on the first level of your wp-install. This way, one doesn’t need to add all pages manually in the template after having created a new page ;)

  70. 5. March 2008, 20:06 #Atakan

    thank you, very nice theme

  71. 11. March 2008, 20:53 #孙波

    很赞,大气!

  72. 16. March 2008, 10:39 #mellow_bunny

    Thanks for the great theme Fen. I’m currently using it on Wordpress after making it Widgets ready. I also added some custom bits here and there. It’s a brilliant base theme.

  73. 19. March 2008, 23:05 #i.am.Ben

    为什么Safari留言打字的时候会一卡一卡的?

  74. 22. March 2008, 08:27 #fen

    @i.am.Ben
    不会啊,我用 Safari 测试没出现一卡一卡的情况。

  75. 29. March 2008, 19:08 #kitap özetleri

    sitymde kullanacam sağolasınız. :D

  76. 6. April 2008, 08:36 #testing

    Thi is compatible for 2,5?

  77. 6. April 2008, 21:53 #fen

    @testing Yes.

  78. 16. April 2008, 17:25 #flyer

    请教怎么加上自己的LOGO,我改了半天也没用?
    新手包涵

  79. 23. April 2008, 22:18 #罗罗

    呃,标签云有点问题,后面添加的标签显示不出来的说~~~~
    =。=

  80. 24. April 2008, 13:08 #fen

    @flyer
    参考 14 楼的回复

    @罗罗
    什么情况,能给我看看例子吗?

Leave a Reply

Textile Help