马春杰杰博客
致力于深度学习经验分享!

[WP]将静态html网页制作成WordPress主题模版详细教程(四):小试牛刀

一个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”呢?如下图所示:

[WP]将静态html网页制作成WordPress主题模版详细教程(四):小试牛刀

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

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

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

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

本文最后更新于2019年9月7日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

如果你对这篇文章有什么疑问或建议,欢迎下面留言提出,我看到会立刻回复!

打赏
未经允许不得转载:马春杰杰 » [WP]将静态html网页制作成WordPress主题模版详细教程(四):小试牛刀

留个评论吧~ 抢沙发 评论前登陆可免验证码!

私密评论
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址(选填,便于回访^_^)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册