WordPress主题制作全过程(四):小试牛刀

日期: 标签:WordPress教程主题制作
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务:  点此联系我

一个WordPress主题至少包含以下两个文件:

  • style.css
  • index.php

好,现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\themes\ 下新建一个文件夹,命名为Aurelius,将前文:WordPress主题制作全过程(三):HTML静态模板制作 中下载到的style.cssindex.html放到该目录下,再将index.html重命名为index.php,这样wp-content\themes\Aurelius目录下就有下面两个文件:

  • style.css
  • index.php

登陆你的WordPress博客管理后台 - 外观,里面是不是多了一个主题"Aurelius"呢?如下图所示:

主题

启用该主题,打开你的博客主页,OH,页面一片混乱?怎么搞的?先继续看下文。你可能会很好奇,这个主题的名称可不以改成我要的名字呢、主题作者能不能改成我的名字呢、为什么主题没有小图片预览,下面就教你怎样更改这些"主题信息"。用文本编辑器打开Aurelius目录下的style.css,你可以按照下面的说明尝试在 style.css 文件最前面修改以下信息,再到WordPress管理后台"外观"栏目下,刷新一下看看有什么变化:

/*
Theme Name: 这里填主题名称
Theme URI: 这里填主题介绍的网址,没有就填你的博客网址吧
Description: 这里填主题的简短介绍
Version: 版本号
Author: 作者名
Author URI: 作者的网址
Tags: 标签,多个用半角逗号隔开
*/

将前文 WordPress主题制作全过程(三):HTML静态模板制作 下载到的screenshot.png放到Aurelius目录下,再到WordPress管理后台"外观"栏目下,看看有什么变化,是不是多了个预览图呢?主题制作完毕后,你可以给你的主题界面截个图,命名为screenshot.png,大小300 * 225,放置到主题目录下作为主题缩略图。

好了,今天我们要讲的就这些,敬请期待下文。。。

最后将WordPress主题制作全过程(三):HTML静态模板制作下载到的Aurelius目录下的所有文件拷贝到wp-content\themes\Aurelius目录下,并将所有 .html 后缀改成 .php ,以备我们下节内容使用。

WordPress主题制作全过程完整列表:

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜即刻 https://www.ludou.org/create-wordpress-themes-first-step.html
露兜
kaapass@outlook.com  QQ 825533758

业余编程爱好者。

59 条留言

点此留言
1 2 69
  1. man man

    正无时无刻学习中!太受用了!

  2. man man

    5年前的文章啊,能找到是好运啊!

  3. Yakima Teng Yakima Teng

    Thanks for your article. I am now studying how to create a wordpress theme.

  4. yxl yxl

    太好了,我要改下正在用的主题。

  5. 大强

    正在努力学习,非常受用,谢谢楼主!

  6. 张伟

    7年前的文章,7年间居然没一个更好的出现。。。

  7. 敬杰麟

    为什么我复制了index.php和style.css还是不行啊,主题里面没得这个

    • 露兜

      @敬杰麟 注意在style.css中添加:
      /*
      Theme Name: 这里填主题名称
      Theme URI: 这里填主题介绍的网址,没有就填你的博客网址吧
      Description: 这里填主题的简短介绍
      Version: 版本号
      Author: 作者名
      Author URI: 作者的网址
      Tags: 标签,多个用半角逗号隔开
      */


      /*
      Theme Name: Aurelius
      Theme URI: https://www.ludou.org
      Description: It’s a theme create by Ludou
      Version: 1.0
      Author: Ludou
      Author URI: Ludou
      Tags: custom header, fixed width, two columns, widgets
      */

  8. 天津网站建设 天津网站建设

    没事支持一下博主。过来学习点知识

  9. ro

    主题上传失败可能是因为只上传了作者描述的两个文件“style.css”和“index.php”。如果只是教授认识文件的话,此步骤可上传整个下载的“Aurelius”文件到“themes”文件夹中,再继续跟着站长的操作就好了。

  10. qsyll

    找了无数教程,收费的免费的,然并卵。。。基本上是照本宣科没有针对性。
    终于见到这博客!豁然开朗,正在学习中,日后我的网站可以有后台有数据库有动态!谢谢分享!!

  11. sam

    你好,博主,这个教程如果用本地电脑搭建的环境可以吗?

  12. 老虎豆

    大佬太强了

  13. youli

    无论如何,大佬非常nb,赞美大佬

1 2

发表留言