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

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

style.css

index.php

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

style.css

index.php

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

344be8cc6bb54ec4b7091986a88222c0.png

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

/*

Theme Name: 这里填主题名称

Theme URI: 这里填主题介绍的网址,没有就填你的博客网址吧

Description: 这里填主题的简短介绍

Version: 版本号

Author: 作者名

Author URI: 作者的网址

Tags: 标签,多个用半角逗号隔开

*/

1

2

3

4

5

6

7

8

9

/*

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,以备我们下节内容使用。

[WP]将静态html网页制作成WordPress主题模版详细教程(一):基础准备

文章目录[隐藏] 本系列教程适合以下人群阅读本系列教程不适合以下人群阅读阅读完本系列教程,你将收获开始制作主题之前,你必须配备以下工具 本教程算是涵盖了WordPress主题模版制作的全过程吧 本系列...

时间:2019/9/7人气:370评论:1

3f7a2e99c1f9d819a69c07fa1f4c87db.png

[WP]将静态html网页制作成WordPress主题模版详细教程(二):主题文件的构成

文章目录[隐藏] 怎么看下面的文件层次结构?主页页面分类标签作者日期页面搜索结果404 (未找到)页面附件页面 在开始制作WordPress主题之前,首先需要了解WordPress主题包含哪些文件。您...

时间:2019/9/7人气:1428评论:0

043d02f712bd0d5d309ceed2666cae80.png

[WP]将静态html网页制作成WordPress主题模版详细教程(三):HTML静态模板制作

要制作WordPress,您需要了解PHP,但无论如何,您的博客页面是一个网页。网页可以在浏览器中显示的原因是因为最终传输到浏览器的终端代码是HTML,CSS和JS。此代码控制浏览器的显示。制作Wor...

时间:2020/2/24人气:1583评论:2

e4f771b4be684359ddfd13f41b95a9f5.png

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

一个WordPress主题至少包含以下两个文件: style.css index.php 好,现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\theme...

时间:2019/9/7人气:269评论:0

344be8cc6bb54ec4b7091986a88222c0.png

[WP]将静态html网页制作成WordPress主题模版详细教程(五):制作header.php

文章目录[隐藏] 1、更改

2、更改样式表style.css路径3、添加pingback4、更改博客名称和描述5、添加订阅feed链接6、添加wp_head7、添加Descri...

时间:2019/9/7人气:1769评论:0

e4f771b4be684359ddfd13f41b95a9f5.png

[WP]将静态html网页制作成WordPress主题模版详细教程(六):基础准备

上节内容我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php。footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性...

时间:2019/9/10人气:136评论:0

4a4fbe743cbd8477e624b8bd97a0edc5.png

[WP]将静态html网页制作成WordPress主题模版详细教程(七):制作sidebar.php

制作好了header.php 和 footer.php ,今天我们来制作侧边栏sidebar.php。由于侧边栏的可定制性实在是太强了,所以本节内容比较难,我讲解起来也比较困难,有些内容会被略掉! 作...

时间:2021/2/6人气:202评论:2

e4f771b4be684359ddfd13f41b95a9f5.png

[WP]将静态html网页制作成WordPress主题模版详细教程(八):制作index.php

文章目录[隐藏] 1、添加文章标题2、添加文章标签3、添加日期4、显示评论数5、添加编辑按钮6、添加文章内容7、阅读全文8、添加文章循环9、添加文章分页10、文章缩略图 前面我们已经制作完成博客所有公...

时间:2019/9/7人气:145评论:0

a3425c92edfe8dd11df662422be7be60.png

[WP]将静态html网页制作成WordPress主题模版详细教程(九):制作single.php

文章目录[隐藏] 1、添加文章标题:2、添加文章标签3、添加日期4、显示评论数5、添加编辑按钮6、添加文章内容7、添加返回博客首页和发表评论按钮 今天我们来制作单文章页single.php,有了之前制...

时间:2019/9/7人气:147评论:0

a3425c92edfe8dd11df662422be7be60.png

[WP]将静态html网页制作成WordPress主题模版详细教程(十):制作comments.php

今天我们来制作评论主题的评论模块。在主题目录Aurelius下新建comments.php,在single.php剪切以下代码,粘贴到comments.php:

时间:2019/9/7人气:1130评论:0

8187a8ac27c4a5efa52b9fe4345fe72c.png

[WP]将静态html网页制作成WordPress主题模版详细教程(十一):制作page.php

page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如”关于”、”联系方式”等,可...

时间:2019/9/7人气:235评论:0

907ad1d81dff139d0a6ce153de687d03.png

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值