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

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

要制作WordPress,您需要了解PHP,但无论如何,您的博客页面是一个网页。网页可以在浏览器中显示的原因是因为最终传输到浏览器的终端代码是HTML,CSS和JS。此代码控制浏览器的显示。制作WordPress主题也不例外。它们都是网页。最基本的网页是HTML。要创建一个WordPress主题,你必须首先设计主题界面,微妙,简单,沉重,无拘无束.风格完全与你同在,然后将你的设计概念转换为.html,它可以正常显示在浏览器。

本系列教程不会教您如何设计博客界面,也不会教您HTML和CSS的基础知识。相反,您假设您已经拥有HTML和CSS基础。如果您不会HTML,也不会CSS。我担心有些东西对你来说就像一本天书。

本系列教程将使用tutsplus免费提供的html模板Aurelius来解释WordPress主题的制作过程,并且其他模板的制作类似。下面提供了HTML模板文件下载,我们将使用它来练习如何将HTML静态页面与PHP代码组合以创建WordPress主题。下载后,可以通过双击打开里面的html文件。

下载链接见底部

可能这个模板并不适合每个人的口味,但这个用于我们的主题制作练习已经足够了。另外你可能会诧异,怎么是英文版的?放心,到了后面你就会知道,是否英文版都没多大关系。下面说说下载到的这些文件的用途:

  • 首页:index.html
  • 存档页:archive.html
  • 页面:page.html
  • 文章页:single.html
  • 联系页:contact.html
  • 无边栏页:full_width.html
  • 图片:/images/
  • 样式表:style.css
  • 缩略图:screenshot.png

大多数博客所能看到的页面类型也基本就这些。你可能已经注意到,不管你用哪个WordPress主题,不同的文章页面除了标题和内容不同以外,其他东西基本都是一样,这就是所谓的模板。

今天的重点就是下载我上面提供的静态html网页文件,敬请期待下面的内容。


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

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

打赏
未经允许不得转载:马春杰杰 » [WP]将静态html网页制作成WordPress主题模版详细教程(三):HTML静态模板制作
超级便宜的原生ChatGPT4.0

留个评论吧~ 2 评论前登陆可免验证码!

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

    下载地址打不开了。

    万法教主 4年前 (2020-02-24) Canada 谷歌浏览器 Windows 7 回复

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

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册