菜鸟笔记
提升您的技术认知

WordPress主题制作教程:HTML静态模板制作

阅读 : 329

静态模板制作这方面主要涉及到HTML、CSS和JavaScript三部分内容,也就是我们平常所讲的前端。也许有些想学习WordPress的同学对前端的知识还不是很了解,建议你先去学习下这方面的知识。这三块涉及到的知识是非常多的,本篇文章就不过多赘述,而你也仅仅需要学会HTML和CSS即可,JavaScript可以不用,网上有很多分享的JavaScript源码,我们拿来就能用。

本系列教程不会教你如何去设计博客的界面,也不会教你HTML和CSS基础知识,而是假定你已经有HTML和CSS基础了,如果你不会HTML,也不会CSS,后面的东西恐怕对你来说就像天书了。

源码下载地址

链接:https://pan.baidu.com/s/1GQON7BbXfR8QR5dnoBZjtg
提取码:spwo

WordPress 主题基本文件包含下列文件:

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

大多数博客所能看到的页面类型也基本就这些。你可能已经注意到,不管你用哪个WordPress主题,不同的文章页面除了标题和内容不同以外,其他东西基本都是一样,这就是所谓的模板。一旦你掌握的基础的WordPress主题开发,接下来的进阶想必会简单很多。

笔记 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址