欢迎光临
我们一直在努力

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

华为学生服务器每月仅需9元!

上节内容我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php。footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性,Aurelius主题目录中的所有页面的页脚代码几乎都是一样的,我们就把这些代码提取出来放到footer.php。

在Aurelius主题目录中新建文件footer.php,我们提取出index.php中的页脚代码拷贝到footer.php中(如果以后你制作自己的主题,可以根据需要决定哪些是footer代码):

再用文本编辑器打开index.php、archive.php、contact.php、full_width.php、page.php和single.php,删掉以上类似代码,改成:

好,现在打开你的博客主页,看看我们制作的主题是否还可以正常工作,答案是可以的,跟原来几乎没什么两样,页脚还是跟原来一样。现在来添加上你的博客版权声明信息和wp_footer()函数,将footer.php中所有代码删除,改成:

这里用到了我们上次学到的bloginfo('name')函数来输出你的博客标题,wp_footer()wp_head()差不多,都是用于提高你的主题兼容性,毕竟有很多插件要在页脚输出一些东西才能正常工作。现在你的页脚应该是有模有样了吧,下面是我更改后的效果:

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

footer.php中加入了作者的信息,当然包括我的信息,如果你觉得Code By Ludou这几个字特别碍眼,你可以将其删除,但是请不要删除设计师和WordPress的信息,毕竟这是对他们最起码的尊重!

好了,footer.php的制作就这么简单。

最后提供经过本次修改后的Aurelius主题文件,你可以用文本编辑器打开看看,跟你修改的文件比较比较,看看你改得怎么样?

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

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

时间:2019/9/7 分类:建站教程 人气:16 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:10 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:11 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:12 评论:0

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

文章目录[隐藏] 1、更改<title>2、更改样式表style.css路径3、添加pingback4、更改博客名称和描述5、添加订阅feed链接6、添加wp_head7、添加Descri...

时间:2019/9/7 分类:建站教程 人气:14 评论:0

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

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

时间:2019/9/10 分类:建站教程 人气:13 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:9 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:13 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:13 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:9 评论:0

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

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

时间:2019/9/7 分类:建站教程 人气:9 评论:0

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

打赏
未经允许不得转载:马春杰杰 » [WP]将静态html网页制作成WordPress主题模版详细教程(六):基础准备
华为学生服务器每月仅需9元!

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

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

登录

忘记密码 ?

切换登录

注册