您的位置:首页 > 其它

WordPress主题制作完全指南[作者:幸福的收藏夹]

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

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

这里的教程会让你成功的:

懂得CSS,但不熟悉Wordpress主题的;

不懂CSS,但有兴趣,编程技术并且会争取实现的;

不想写一个完整的主题,但想把别人的主题修改得漂亮的。

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

WordPress本地调试工具:下载地址:XamppEasyPHP

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。我会给你更多更优秀的东西。

相关阅读:

如何让文章像你想要的方式显示(初级)

博客中CMS主题是怎样的?

告诉你如何做一个CMS型Wordpress主题

有用,但很少被用到的Wordpress技巧

WordPress主题制作新手必备品:
Sandbox Theme
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: