WordPress主题制作前期准备

制作wordpress主题需求清单

1.必备:

1.1html基础知识;接触网站建设大门的一把钥匙,在这个领域,不懂一点html相当于文盲,是什么也看不懂的。所以,这是最最基础的东西,也是最为简单的部分。记得当初我初学html的时候上网搜索过怎么学html,很多人给出的答案是看别人网站的网页源文件。因为从你打开浏览器一直到你关闭浏览器这一段时间其实你所看到的都是网页,而每一个网页又都有一个源文件,这个资源确实不小。我也看过,但是好像后来就看不下去了,因为天天硬逼着自己看天书其实是非常痛苦的。所以我推荐的方法是自己写,遇到不明白什么意思的就在网上搜一下,这样边写边学是进展最快的。我推荐一个网站:w3school。

1.2CSS;wordpress使用PHP写成的,所以主题中所包含的问文件也都是有PHP编写而成。但是目前有很多已经很完整的wordpress主题框架,如果你不懂PHP也没有关系,可以直接应用这些框架,然后搭载你自己的CSS文件进行外观布置。如果你对CSS也一窍不通的话,那么你只能使用被人做好的主题了。因为之所以每个主题都各不相同、千姿百样,就是由CSS样式文件控制的。

1.3电脑;作为工具,不必多言。并搭建好本地测试服务器,建议使用XAMPP。使用方法请百度,网上太多了。

1.4至少IE、Chrome、Firefox三款浏览器,保证主题兼容性。

2.可选:

2.1PHP;不懂PHP没关系,但是如果懂的话那就更好了,很多个性功能的实现都可以无师自通。

2.2一个代码编辑器,当然windows记事本可以代劳,但作为新手还是有个编辑器为好,最好还是有错误提示功能的,能为你省去后期的很多烦恼。代码不能正常运行而又找不到错误是最令人头疼的。我推荐的代码编辑器PHPdesigner。

3.注意:

在这一点上我想说的是一定要注意编码规范,美观。Wordpress一直被号称代码如诗,那么写一个wordpress主题也一定要注意这个问题。注意注释,注释可以为自己将来回过头来修改代码省去很多精力。

最后需要一提的就是wordpress主题文件的构成:

Index.php首页文件

Loop.php文章循环文件,控制首页文章循环,有些主题将其直接写入index.php。

Header.php顶部文件,一般放置logo,导航,搜索框等。

Footer.php页脚文件,一般放置版权信息等。

Single.php文章页面文件,承载单独一片文章。

Page.php页面文件,承载一个页面。

Archive.php分类文件

Search.php搜索结果页面文件。有的主题有个searchform.php文件,这个是搜索框,引用这个文件的位置都会出现一个搜索框。

404.php 404错误页面,当发生页面不存在或找不到页面时将调用该文件。

Comments评论文件

Sidebar.php侧栏文件

Function.php函数文件

Style.css样式文件,控制整个主题的样式外观。

Images文件夹,存放主题需要的图片。

搭建好本地测试服务器,并安装wordpress程序,打开wp-content\themes,新建一个文件夹newtheme(你的主题名字),用代码编辑器新建上述文件保存在newtheme文件夹内。这时在你的wordpress后台外观主题中已经可以找到并启用你的新主题,只不过只是一片空白而没有任何东西。

接下来,我们就可以开始踏上制作wordpress主题之旅了。

 

发表评论

32 条回应

  1. 爱站说道:

    这个主题在哪里添加网站标题,网站关键词,网站描述 ,帮忙解答一下,谢谢

    1. 小雨说道:

      不支持关键词添加,建议用个SEO插件吧。

  2. Cyan说道:

    诶,一直想写一个主题,之前看了一半水煮鱼的翻译教程,后来就没坚持下去 [委屈] 。看来得逼自己了!

  3. @Life说道:

    wordpress深度中毒者经过

  4. 婴儿床说道:

    [欢迎] 特喜欢这款主题,只是感觉文章前没有缩略图,是一个遗憾。

    1. 小雨说道:

      个人原因,我不太喜欢太多的图片 [微笑]

  5. 一起美容网说道:

    哇,对我来说太深奥了。收藏一下。等要用时来查询一下下。

  6. mango说道:

    好多次想做主题的念头,一直想不出做啥样的。。换了N次主题后,终于回归了自然 [大哭]

    1. 小雨说道:

      你是最容易做到的啦,自身有技术,就把他当成一个产品自己设计自己编码好了。

  7. yingying说道:

    真棒啊~原来想过自己试着做主题,可是从来没有真正动手做过……

    1. 小雨说道:

      最简单的就是找个框架研究一下,然后写个CSS套上去就OK了 [大笑]

      1. yingying说道:

        哈,是的~~

  8. 夹克衫说道:

    看来是要好好学习啊,还有好多不懂哦

  9. Jackie Luo说道:

    最近也在学CSS,准备一边整整我的主题了 [大笑]

    1. 小雨说道:

      看来又要诞生一名伪前端了 [抽烟]

      1. Jackie Luo说道:

        恩 伪前端都喜欢折腾,不折腾不欢

        1. 小雨说道:

          最近在研究浏览器兼容问题,让我这个伪货着实烦恼了。。。

          1. Jackie Luo说道:

            目前我离这一步还早,你先好好研究啊,我等你攻略 [坏笑]

  10. givens说道:

    支持来啦,欢迎回访留言!

  11. 象牙塔说道:

    我的本地环境是lamp~

    1. 小雨说道:

      这么专业 [抠鼻] 虚拟机?双系统?

      1. 唯爱思维图说道:

        现在用的windows 8总是莫名的卡死,火大呀。 [愤怒]

        1. 小雨说道:

          我一直在憋着,想等win8正式发布了以后再换,以免影响我对win8的印象。现在的预览版不稳定很正常。

          1. 唯爱思维图说道:

            好多次都想换回windows 7 可是有嫌懒得折腾,将就着用吧。

    2. 唯爱思维图说道:

      我一直用的是WAMP这个软件的兼容性很好的啊。

  12. 唯爱思维图说道:

    感觉还是过不了CSS这关 [委屈]

    1. 小雨说道:

      买本书,看完再写写就会了 [微笑]

      1. hiswing说道:

        普通技术的书没有必要买,网络就是书。只有那种值得珍藏的书才会买。

        1. 小雨说道:

          我以前买了本《CSS权威指南》,其他书不用看了。。。

          1. 唯爱思维图说道:

            有个在线的3W学校,但是一直都没有认真的去看过。

  13. Gabriel说道:

    入门教程啊,模板现成的有很多

    1. 小雨说道:

      给喜欢折腾的同学做个参考,顺便当个笔记,以后自己想看的时候方便查找。