WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 开发 › WordPress主题教程(三):HTML静态模板制作

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

PCDotFan9年前

制作 WordPress 需要了解 PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是 HTML、CSS 和 JS 等终端代码,最终由这些代码控制浏览器的显示结果。制作 WordPress 主题也不例外,它们都是网页,网页最基本的是 HTML。要想制作 WordPress 主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化为.html,并能在浏览器中正常显示出来。

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

本系列教程将使用由tutsplus无偿提供的 html 模板 Aurelius 为例,来讲解 WordPress 主题的制作过程,其他模板的制作也类似。下面提供该 HTML 模板文件下载,我们将以此来练习如何将 HTML 静态页面与 PHP 代码结合,制作 WordPress 主题。下载后,里面的 html 文件都是可以直接双击打开的。

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

  1. 首页:index.html
  2. 存档页:archive.html
  3. 页面:page.html
  4. 文章页:single.html
  5. 联系页:contact.html
  6. 无边栏页:full_width.html
  7. 图片:/images/
  8. 样式表:style.css
  9. 缩略图:screenshot.png

有了静态文件,只需要把这些静态文件改成模板文件就好了。

1
分享

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘(提取码: 5rbm) 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

PCDotFan 站长
文章 435评论 859
相关文章
  • 移除 WordPress 中的「找回密码」功能
  • WordPress 实现添加角色与更改角色名称
  • WordPress 4.1 中新的主题函数
  • 借助Github – 为WordPress插件添加自动更新功能
  • WordPress进阶教程(一):WordPress文章类型
  • WordPress进阶教程:前言
  • WordPress主题制作函数全攻略
  • WordPress主题制作教程(十二):单页面模板page.php
评论 (2)
再想想
  • 甘甘世界-山治

    学习了,感谢!www.ganganworld.cn

    9年前
    • WP酷

      @甘甘世界-山治 不谢不谢,欢迎常来

      9年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
WordPress第一次评论禁止全英文/屏蔽日语垃圾评论
10年前
Devework – 双栏简约WordPress博客主题 v1.1【持续更新】
9年前
OpenBox – 黑灰风格响应式 WordPress 博客主题
7年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1