2008.05 23

WordPress主题制作完全指南

标签: , ,
Wordpress

自己是喜欢换主题的人，就在写博客的最初阶段，自己用的是sablog程序，会换成WordPress，也是因为它的主题用也用不完。可是，后来，我发现，即使拥有这么多免费的主题，还是很难找到一个完全适合一自己口味和品位的主题。所以，开始尝试找一些如何制作Wordpress 主题的教程。当然，很可惜，没有找到。找到的也写得很不全面，只能一直自已摸索。

今天，我准备写这样的一个教程。把如何制作一个Wordpress主题的主要知识全部介绍给你。或者，更确切地说，我会把主要的方法和工具，加上一些必要的技术介绍给你，让你拥有最必要资源、省更多的时间，而更轻松创建一个Wordpress主题。一般情况下，你会想，我是不是有能力创建一个Wordpress主题？下面是适合的群体，即所有有兴趣的人都是可以的，这里的教程会让你成功的：

  1. 懂得CSS，但不熟悉Wordpress主题的；
  2. 不懂CSS，但有兴趣，并且会争取实现的；
  3. 不想写一个完整的主题，但想把别人的主题修改得漂亮的。

让我们先来看一个列出你可能需要的一些东西吧，下面会全面介绍这些：

  1. WordPress本地调试工具：下载地址：Xampp 或 EasyPHP ；
  2. WordPress程序，下载请到：WordPress Download；
  3. 基本的CSS知识，如果不想看书，这里是非常好的学习地方：CSS教程；
  4. WordPress主题制作电子书：Download it；
  5. 可以让你节省时间的空白主题；
  6. 相关的代码+函数；
  7. 完善你的WordPress主题；
  8. 网页制作的浏览器和调工具；
  9. 推荐几个创作灵感的CSS Gallery

OK，让我们一个一个来介绍吧：

  1. WordPress本地调试工具

    Xampp，当然，最重要的是事是你已经下载了它。基本上，你只要一直按"下一步"就可以了。然后，把你的wordpress放在htdos这个文件里面。然后访问：http://localhost/phpmyadmin/，创建一个数据库。打开wp文件夹里面的wp-config-simple.php修改里面面的必要信息。打开 http://localhost/wordpress/就可以安装了。

    EasyPHP ，这个更容易了，我推荐新手使用这个。安装还是一直按"下一步"就得了。然后把你的wordpress文件夹放在，www这个文件夹里，访问http://localhost/mysql/创建数据库。打开http://localhost/，这就可以看到你的WP了。然后，安装WP，跟上面一样。

    Notice: 需要注意的是像迅雷之类的工具，会占用端口，最好关了它们，启动这两个软件的随便一个后，再启用这些工具，可以共享的。

  2. WordPress程序

    英文版的可以在官方下载，上面的下载链接也是英文版的，了解更多？那么，移步WordPress.ORG吧；

    中文汉化的可以看：WP中文团队汉化版

  3. 基本的CSS知识

    在CSS教程这个站里面，可以让你不费力地学习CSS，还有HTML/xHTML/XML等。最重要的是有实例，这样可以让你轻松理解。虽然我自己是看书学习的，但我想，这里或许会更适合你。如果是看书的话，我推荐你看两本。不过，是在有一些CSS基础看的。第一本是：《CSS网站布局实录》科学出版社；第二本是《精通CSS》，人民邮电出版社。

  4. WordPress制作电子书

    这是一本由WPdesigner.com的small potato写的教程。原文是英文的，Denis翻译了，也就是我爱水煮鱼的中文版本，我想，这对于中文用户更有用。但，有时候，翻译会有一些理解上的困难。所以，建议你对比英文版的看。那样可以让你更确切地了解每个细节。中文版的在上面那个链接已经提供下载，英文的请移步至： WPdesigner Version。

    如果你想要更高级的指南，请看：精通Wordpress主题 。

  5. WordPress空白主题

    或许你从来未听过这个，或者已经看过，只是感觉他们太难看了，所以没有过多地关注。甚至认为，这么垃圾的主题，怎么还放出来下载呢？呵呵，事实上，这些是真正的高手才能做到的。OK，废话太多了，下载吧！首选当然是结构良好的Sandbox，请看：WordPress主题制作新手必备品: Sandbox Theme；备选的是，WordPress Blank Theme（Download）。而无论如何，这些会让你省力，特别是作为一个新手。不过，创建自己最具特色的主题，还是需要自己把这些主题的结构作一些变化的，最好是自己重写一个。

  6. 相关的代码和函数

    最重要的是：WordPress Template Tags，这里可以找到你需要所有函数，我想，没有比这个在找代码这方面，更能帮助到你的。更多的可以看：WPer必备：汇编大量Wordpress代码。

  7. 完善你的WordPress主题

    或许你想做一个CMS主题，或者一个Magazine主题。但总找不到一所需要的技术。你想为你的博客添加Ajax功能的评论，但你没有不知道怎么做。这里会教你怎么完成的：

  8. 网页制作的浏览器和调工具

    你已经写出了代码，把一个基本的结构写了出来。到这个时候，应该是最难的地方了。特别是对于新手，你不知道怎样调试你的CSS，不知道怎么让它更好地适应不同的浏览器。那么，你更需要下面这些工具了：

  9. 推荐几个创作灵感的CSS Gallery

    这里是我喜欢的，但我不知道你是否能从真正的意义上把它们当作一种资源。呵呵，无论如何，记住，一句就可以了：别人的不一定好过你，但或许跟你不同。这个理由已经足够让你好好学习了吧，^,^…

或许这不是最全面的，但我相信是最重要的。我已经把最主要的都给你列出来了。也已经足够你学上好几个月了。如果这些你都学会了。而且懂得利用了，哪，或许那些优秀的主题列表中，已经有了你的名单。当然，别忘记了，继续关注幸福收藏夹，继续支持sofish。我会给你更多更优秀的东西。

收藏+分享: Del.icio.us / 百度搜藏 / QQ书签 / Google书签 / 更多 »
首页 » Wordpress »

80

  1. 2008.05.23 2:37 pm
    veker(visit): [回复]

    我得好好学学css

  2. 2008.05.23 3:42 pm
    摩摩诘(visit): [回复]

    很强大,正需要呢…

  3. 2008.05.23 4:00 pm
    Charles(visit): [回复]

    很不错，学习了~~楼主真是太勤奋了~~

  4. 2008.05.23 4:01 pm
    漩涡眸(visit): [回复]

    请教：我修改了别人的主题后发布算侵权吗？
    比如http://trdo.com.cn/2008-05/structure-theme.jsp

  5. 2008.05.23 5:20 pm
    niuhuifei(visit): [回复]

    这个post对人的帮助是很大的，大大的鼓励和表扬一下。

  6. 2008.05.23 6:21 pm
    sofish(visit): [回复]

    @veker: 你的博客很有特色了…我想,是我再次学CSSR时候了…

    @摩摩诘: 哈哈,赶上赶上…

    @Charles: 我通常这样…^,^…说笑的啦,经验分享…

    @漩涡眸: 当然没问题,注明是作者 你创作而成的就可以了…当然,如果作者发布的时候,注明不允许修改,那大概就不好了…

    @niuhuifei: 哈哈,希望是这样…

  7. 2008.05.23 7:35 pm
    小墨(visit): [回复]

    css水平还仅限于对别人文件的小修改~~~要自己写的话有的学了~

  8. 2008.05.23 7:36 pm
    胡作非为(visit): [回复]

    我在Google Reader里收藏了你的文章，用Reader输出Feed之后。再用某个插件自动发布的了我的博客中的。并没有直接copy。由于程序的局限性，不能指明出处，至少该插件目前没有这样的功能。不过还好wordpress自动pingback了。

  9. 2008.05.23 7:44 pm
    sofish(visit): [回复]

    @小墨: HOHO,那就有空学习嘛…

    @胡作非为: 呵呵…PINGBACK有很多都被我删了…

  10. 2008.05.23 8:19 pm
    胡作非为(visit): [回复]

    我也没有那种不劳而获的意思，只是想收藏你们的精彩文章。我稍后会在博客适当位置注明，对那些保留所有版权的Blogger，在他的要求下，我删除他的文章就是了。

    也感谢你这么慷慨，你是高手，曾经用过你的插件。你现在的主题非常非常好。

  11. 2008.05.23 8:28 pm
    sofish(visit): [回复]

    @胡作非为: Thanks…虽然我只是老手…我没所谓啦,只是,说说,呵呵…你也别当什么意思! 并无恶意…

  12. 2008.05.23 9:22 pm
    一亿度(visit): [回复]

    css修改很有必要，我现在就是知道想要什么，但不知道怎么弄～

  13. 2008.05.24 6:26 am
    Jinwen(visit): [回复]

    很好很好，有我的份，呵，推荐。

  14. 2008.05.24 12:32 pm
    sofish(visit): [回复]

    @一亿度: 哈哈,要学习的嘛,这里就是学习资源…

    @Jinwen: 你的那篇非常不错啊,我已经加入自己的Reading List了…

  15. 2008.05.24 1:21 pm
    stephen(visit): [回复]

    我前天晚上刚想着要写一篇新手制作Wordpress主题攻略，昨天早上就看到你这里已经写好了。
    你这文章总结得很好，起码有很多我不知道的东西也注明在里面了。换是我写的话也只能是简单的总结一些 教程，没有你写的那么详细^_^

  16. 2008.05.24 1:23 pm
    花果山寨(visit): [回复]

    这个教程已经非常的全面了~谢谢分享

  17. 2008.05.24 1:50 pm
    sofish(visit): [回复]

    @stephen: 嗯,也可以写嘛,或许有些我没写清的,你写清了…

    @花果山寨: 哈哈,真想精通所有的博客.比如,z-blog…

  18. 2008.05.27 11:23 pm
    果果(visit): [回复]

    这种文章不顶
    真的对不起老百姓了！
    好文章！
    今天困了,睡觉先！
    明天再来仔细观摩！

  19. 2008.05.28 12:47 pm
    z.Yleo77(visit): [回复]

    我想知道，我的博客标题是在哪里样式化，最近看了些，没找到解决办法 你的联系方式~~？

  20. 2008.05.29 10:03 am
    sofish(visit): [回复]

    @z.Yleo77: 在header.php…昨天我加了你的GT,不过,没反应,联系我也可以在:Contact Me(http://www.happinesz.cn/contact-me/)这个页面…

  21. 2008.05.31 9:06 pm
    dreamer(visit): [回复]

    太强大了，以前来这里太少，以后要补上

  22. 2008.06.18 11:21 pm
    dizangstar(visit): [回复]

    好文章，收了。

  23. 2008.06.19 12:23 pm
    HKHPC(visit): [回复]

    谢谢sofish，好文章，以后可以自己学做主题了，呵呵！

  24. 2008.07.06 10:14 pm
    九色叶(visit): [回复]

    很好

  25. 2008.08.11 5:15 pm
    Awaken(visit): [回复]

    嗯，帮助非常大！连接给得很精细

  26. 2008.08.14 2:32 pm
    了了生(visit): [回复]

    不错
    了解点css，也就马马虎虎修改下校内界面那种
    不知能否达到所谓的“不想写一个完整的主题，但想把别人的主题修改得漂亮的”的境界。
    先收藏改天仔细研读

  27. 2008.08.24 9:34 pm
    aaron(visit): [回复]

    看样子 要学这个还是得花些工夫的 现在没有完整的时间搞这个了

  28. 2008.09.09 4:44 pm
    趣站集(visit): [回复]

    感谢sofish ，很受用的文章！

  29. 2008.09.13 5:23 pm
    Wendy(visit): [回复]

    Wordpress本地调试工具 用Xampp的时候输入地址运行老提示需要输入用户名跟密码 这是怎么回事呢？ EasyPHP 这个的时候出现404错误 郁闷呢 。。。博主这是为什么呢？ 谢谢啦！

  30. 2008.09.22 9:18 pm
    boffee(visit): [回复]

    多謝啊。這篇真的很實用，我最近正準備學。

  31. 2008.09.25 6:58 pm
    hawkren(visit): [回复]

    不错，很全很有用啊！

  32. 2008.10.01 6:23 pm
    iColor(visit): [回复]

    先收藏了,,有机会尝试做一下….

  33. 2008.11.18 9:10 pm
    keke(visit): [回复]

    貌似Photoshop也很重要啊，是吗？

  34. 2008.12.05 1:45 pm
    枫溪(visit): [回复]

    准备学习，先收藏了

  35. 2008.12.16 8:51 am
    robort lau(visit): [回复]

    你的教程很好，可以写得更详细些啊！

  36. 2008.12.23 6:07 pm
    jia(visit): [回复]

    写的挺好

  37. 2008.12.25 10:58 pm
    酔倚西风不是(visit): [回复]

    我是来学习的

  38. 2008.12.27 10:31 pm
    NetPuter(visit): [回复]

    再次路过下~

  39. 2009.01.06 10:51 am
    fx-margin.com(visit): [回复]

    文章介绍很详细，给了不少有用的链接，非常感谢提供wordpress如此详细的帮助。

  40. 2009.01.15 8:44 pm
    longlan(visit): [回复]

    感谢分享！学习了！

  41. 2009.01.17 1:27 pm
    Bati(visit): [回复]

    受教了，正在学习

  42. 2009.02.11 3:16 pm
    operafans(visit): [回复]

    谢谢分享!

  43. 2009.02.24 9:29 pm
    Xcott.Cn(visit): [回复]

    很棒，学了不少。

  44. 2009.03.05 1:36 pm
    keble(visit): [回复]

    你好……我是一个在编码方面很白痴的学生……为什么我安装easyPHP之后用火狐访问不了localhost呢？是不是还有什么其他设置……？

  45. 2009.03.05 1:50 pm
    sofish(visit): [回复]

    @keble: 这个应该不关浏览器的问题。安装完成后，都是可以用各种浏览器访问的。如果你的IE可以，那么，检查一下你的浏览器是不是有问题。

  46. 2009.05.10 3:54 pm
    gaylys(visit): [回复]

    博主真好,这么好的东西!

  47. 2009.06.05 7:34 pm
    sem(visit): [回复]

    很不错的东东
    学习了~~~

  48. 2009.08.13 9:57 pm
    卢松松(visit): [回复]

    很好恨强大

  49. 2009.08.25 11:47 am
    Wei(visit): [回复]

    博主真是良师益友啊！

  50. 2009.09.03 10:32 am
    niger(visit): [回复]

    我正想搭建一个blog呢，就是主题不知道怎么做 呵呵 谢谢博主这么好的文章。

  51. 2009.09.09 5:38 pm
    Silent(visit): [回复]

    学习了…..

  52. 2009.09.10 8:27 am
    世界泉(visit): [回复]

    真是的右边还记得我，要我来灌水。文章一下子看完很短可其中的链接相关知识好多，感觉要学好就哦

  53. 2009.09.12 9:55 pm
    hapi(visit): [回复]

    没有时间弄，不然自己DIY比较好玩

  54. 2009.09.29 9:37 pm
    创业者(visit): [回复]

    收藏先，， 谢了谢了

  55. 2009.10.15 8:30 pm
    tyren1988(visit): [回复]

    @veker: 我装上调试工具 就是打不开http://localhost/ 博主能指点一下吗

  56. 2009.11.24 5:41 pm
    小cake(visit): [回复]

    来偷师了·~~~

  57. 2009.12.18 7:14 pm
    曹建的博客(visit): [回复]

    说的很全面，这个一定要学习！

  58. 2009.12.26 9:22 pm
    痔疮网(visit): [回复]

    关注您的博客很久了！

  59. 2010.01.05 8:25 am
    美体内衣提醒(visit): [回复]

    使用那个网站全现在工具套用css代码 然后使用wp函数替换 应该是可以的

  60. 2010.01.22 12:57 pm
    102nj(visit): [回复]

    好博客！！

  61. 2010.01.24 3:47 pm
    Zenoven自由人(visit): [回复]

    很不错了。。。现在正在忙着找资料看，准备弄个主题出来

  62. 2010.01.24 8:32 pm
    小卡(visit): [回复]

    正在学！

  63. 2010.01.24 8:37 pm
    小卡(visit): [回复]

    对了，请问如何才能实现侧栏的点击后收展呢？

  64. 2010.03.05 10:43 am
    一七(visit): [回复]

    电子书链接似乎失效了。

  65. 2010.03.08 2:28 pm
    英语作文网(visit): [回复]

    哈，真是言简意赅啊

  66. 2010.03.10 8:42 am
    icecream冰淇淋(visit): [回复]

    学学怎么改～

  67. 2010.03.20 9:15 pm
    群振(visit): [回复]

    这个教程含金量太高了，赞一个！

  68. 2010.04.07 11:00 pm
    RachelSuen(visit): [回复]

    感谢楼主 这些很有帮助的说

  69. 2010.04.11 11:18 pm
    xxoo(visit): [回复]

    我是来特地感谢lz的~

  70. 2010.04.29 8:38 pm
    橘子(visit): [回复]

    我想问下楼主，怎么给主题添加作者呢？就是自己做了一个主题，怎么在后台里面的外观中显示自己的名字呢？

  71. 2010.05.09 12:40 am
    Peter(visit): [回复]

    不错，刚接触WordPress，正想作主题，非常感谢。

  72. 2010.05.26 7:48 pm
    叁脚貓(visit): [回复]

    非常感谢你的文章。。。受益非浅。。

  73. 2010.06.02 1:34 pm
    jiduw(visit): [回复]

    挺不错，学习下。博主真好,这么好的东西!

  74. 2010.06.18 10:00 am
    paocaitan(visit): [回复]

    最近就在研究这个东西，自己还是比较菜啊

  75. 2010.07.03 7:59 pm
    luffygo210(visit): [回复]

    菜鸟也能做吗？我不是想做wp的主题

  76. 2010.07.17 9:41 pm
    哎稀饭(visit): [回复]

    问一下你的博客上所有英文的字体，字体是怎么改的啊？是修改主题的css哪个部分啊？

  77. 2010.07.27 10:31 am
    neva(visit): [回复]

    主题制作出来了，但是内容显示不出来，说有个函数have_post()没定义，看了其他模板函数中也未有此函数，什么原因啊，麻烦博主给我指点指点

  78. 2010.08.12 6:34 pm
    KARONL(visit): [回复]

    非常不错，支持支持

  79. 2010.08.27 1:07 pm
    风雅联盟博客(visit): [回复]

    对于理解的人来说很简单，对于不懂的人来说你写的再详细还是看不太懂，很遗憾我属于看不懂的一类人啊！

  80. 2010.09.02 1:49 am
    阿布(visit): [回复]

    好，要开始学了

Additional comments powered by BackType