自己是喜欢换主题的人,就在写博客的最初阶段,自己用的是sablog程序,会换成WordPress,也是因为它的主题用也用不完。可是,后来,我发现,即使拥有这么多免费的主题,还是很难找到一个完全适合一自己口味和品位的主题。所以,开始尝试找一些如何制作Wordpress 主题的教程。当然,很可惜,没有找到。找到的也写得很不全面,只能一直自已摸索。
今天,我准备写这样的一个教程。把如何制作一个Wordpress主题的主要知识全部介绍给你。或者,更确切地说,我会把主要的方法和工具,加上一些必要 的技术介绍给你,让你拥有最必要资源、省更多的时间,而更轻松创建一个Wordpress主题。一般情况下,你会想,我是不是有能力创建一个 WordPress主题?下面是适合的群体,即所有有兴趣的人都是可以的,这里的教程会让你成功的:
- 懂得CSS,但不熟悉Wordpress主题的;
- 不懂CSS,但有兴趣,并且会争取实现的;
- 不想写一个完整的主题,但想把别人的主题修改得漂亮的。
让我们先来看一个列出你可能需要的一些东西吧,下面会全面介绍这些:
- WordPress本地调试工具:下载地址:Xampp 或 EasyPHP ;
- WordPress程序,下载请到:WordPress Download;
- 基本的CSS知识,如果不想看书,这里是非常好的学习地方:CSS教程;
- WordPress主题制作电子书:Download it;
- 可以让你节省时间的空白主题;
- 相关的代码+函数;
- 完善你的WordPress主题;
- 网页制作的浏览器和调工具;
- 推荐几个创作灵感的CSS Gallery
OK,让我们一个一个来介绍吧:
- 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: 需要注意的是像迅雷之类的工具,会占用端口,最好关了它们,启动这两个软件的随便一个后,再启用这些工具,可以共享的。
- WordPress程序
英文版的可以在官方下载,上面的下载链接也是英文版的,了解更多?那么,移步WordPress.ORG吧;
中文汉化的可以看:WP中文团队汉化版
- 基本的CSS知识
在CSS教程这 个站里面,可以让你不费力地学习CSS,还有HTML/xHTML/XML等。最重要的是有实例,这样可以让你轻松理解。虽然我自己是看书学习的,但我 想,这里或许会更适合你。如果是看书的话,我推荐你看两本。不过,是在有一些CSS基础看的。第一本是:《CSS网站布局实录》科学出版社;第二本是《精 通CSS》,人民邮电出版社。
- WordPress制作电子书
这是一本由WPdesigner.com的small potato写的教程。原文是英文的,Denis翻译了,也就是我爱水煮鱼的中文版本,我想,这对于中文用户更有用。但,有时候,翻译会有一些理解上的困难。所以,建议你对比英文版的看。那样可以让你更确切地了解每个细节。中文版的在上面那个链接已经提供下载,英文的请移步至: WPdesigner Version。
如果你想要更高级的指南,请看:精通Wordpress主题 。
- WordPress空白主题
或许你从来未听过这个,或者已经看过,只是感觉他们太难看了,所以没有过多地关注。甚至认为,这么垃圾的主题,怎么还放出来下载呢?呵呵,事实上,这些是真正的高手才能做到的。OK,废话太多了,下载吧!首选当然是结构良好的Sandbox,请看:WordPress主题制作新手必备品: Sandbox Theme;备选的是,WordPress Blank Theme(Download)。而无论如何,这些会让你省力,特别是作为一个新手。不过,创建自己最具特色的主题,还是需要自己把这些主题的结构作一些变化的,最好是自己重写一个。
- 相关的代码和函数
最重要的是:WordPress Template Tags,这里可以找到你需要所有函数,我想,没有比这个在找代码这方面,更能帮助到你的。更多的可以看:WPer必备:汇编大量Wordpress代码。
- 完善你的WordPress主题
或许你想做一个CMS主题,或者一个Magazine主题。但总找不到一所需要的技术。你想为你的博客添加Ajax功能的评论,但你没有不知道怎么做。这里会教你怎么完成的:
- WordPress自定义字段添加日志图片 // Magazine主题必备知识
- WordPress打造CMS教程 // CMS的强力教程
- 如何让Wordpress实现文章的自动截断 //更好地控制版面的显示
- 如何为你的主题添加Ajax评论功能 // 让你的主题更流行/有特色
- 11个Wordpress技巧 // 更安全的主题?
- 为博客作语义网标记的权威指南 // 更良好的结构标记
- 如何制作Wordpress日期按钮 // 用于装饰吧
- 利用 xHtml Sitemap SEO // 你或许会喜欢这这样的页面
- 超酷Ajax缓冲的滑动效果Box // Ajax很流行吧
- WordPress SEO 完全解读 // 完美WP SEO指南
- 16+套免费的网页小图标 // 美化必备
- 网页制作的浏览器和调工具
你已经写出了代码,把一个基本的结构写了出来。到这个时候,应该是最难的地方了。特别是对于新手,你不知道怎样调试你的CSS,不知道怎么让它更好地适应不同的浏览器。那么,你更需要下面这些工具了:
- 主流的浏览器:IE / Firefox/ Opera/ Safari
- IE多版本共存工具:IE tester,集IE5.5/6.0/7.0/8.0beta于一身的工具;备选:Multiple IE
- Firefox强力扩展:Firebug & Web developer,功能有点重复,不过,我喜欢一起用
- 推荐几个创作灵感的CSS Gallery
这里是我喜欢的,但我不知道你是否能从真正的意义上把它们当作一种资源。呵呵,无论如何,记住,一句就可以了:别人的不一定好过你,但或许跟你不同。这个理由已经足够让你好好学习了吧,^,^…
- Theme Viewer // 还有比这个更权威的WP主题站?封了?
- CSS Mania // 这是我最喜欢的CSS Gallery
- W3c Sites // 第二喜欢的CSS Gallery
- 100 Premium WordPress Themes & Download //这个肯定让你兴奋,最优秀的WP主题
或许这不是最全面的,但我相信是最重要的。我已经把最主要的都给你列出来了。也已经足够你学上好几个月了。如果这些你都学会了。而且懂得利用了,哪,或许那些优秀的主题列表中,已经有了你的名单。当然,别忘记了,继续关注幸福收藏夹,继续支持sofish。我会给你更多更优秀的东西。
转载请注明:夜阑小雨 » WordPress主题制作完全指南