wordpress主题制作入门教程.doc

Wordpress 主题制作简明教程 Wordpress 教程网提供 目录 简单说明 基本流程 制作博客的 header 制作博客的 footer.php 制作博客的 index.php 文件 制作博客的 sidebar.php 文件 第一讲 简单说明 老伍注：很多人开始使用 wordpress 都是因为看到漂亮的 wordpress 主题。为了能让每一个 WordPress fans 都能制作个性化的主题，我们经过精心的准备，终于推出了这套 WordPress 主题制作入门教程。这套教程主要由 tomheng 编写，老伍修正，希望大家能从中对 wordpress 主题制作有一个基本的了解。 WordPress 是一个很优秀的开源博客程序，受到全世界网民的追捧。它不但是一个简洁易用 的博客应用程序，同时也是个学习的好工具。通过主题的制作你可以学习网页设计相关知识， 学习插件开发则可以提高你 php 编程的能力，如果更深入的了解一下 WordPress 的框架结构， 那对你架构设计能力也是一种提高。我们提供的这套入门教程旨在普及 WordPress 主题制作 的基础知识，面向最基础的入门用户，让大家认识到制作 WordPress 主题是简单的，有趣的 （It is easy ,it is fun 这是我们的口号)。这个简单的教程会讲解如何制作 WordPress 主题的基 本步骤，但是制作漂亮的主题还需要更多的经验和努力才行。 学习我们的教程需要您首先的是一个 WordPress 的熟练的用户，如果你还不是很熟悉如何使 用 WordPress，请移步 WordPress 教程网查看 WordPress 的基本的使用教程。 教程开始之前还是要说一些网页设计的基本的规范以及一些基本的 php 常识： （1）所有 html 标签必须关闭 ul/ul （2）Html 标签的不能交叉嵌套 divspan/div/span 这样是不允许的 divspan/span/div 这样是正确的 （3）凡是在?php ···?或者在? ···?里的内容都是 php 代码 （4）Php 的两种注释方法 A、// 单行注释 B、 /**/ 跨行注释 即以/*开头到*/终止的中间部分全部为注释代码 5）css 样式文件的注释方法 只有一种既 /**/ 跨行注释 推荐一些工具和网站 1）php 不懂得问题去。P 查询 2）与 css，html 有关的问题去：w3school 查询 第二讲 主题制作基本流程 没错制作主题教程是简单的也是有趣的。上一讲我们对本 wordpress 主题教程进行了简单说 明，现在就让我们先来配置一下我们的开发环境吧。 (1) 在 自 己 的 电 脑 安 装 WordPress 运 行 的 环 境 （ 在 本 机 搭 建 WordPress 的 安 装 环 境 XAMPP===WordPress 教程网教程系列 ）； 安装过程中可能会遇到一些问题，一般就是迅雷等软件占用80端口。所以安装之前最好把迅 雷给关了。另外 phpnow ,appserve ,nertrigo 等都可以完成 xampp 的工作。 (2) 在本机服务器安装 WordPress（ 在本机安装 WordPress 全过程 ===WordPress 教程网教 程系列 ）。 这个相对简单一些，如果一切顺利这时侯，在自己的浏览器输入 http://localhost 就可以看到 自己装的 WordPress 啦。 (3) 推荐：准备一些软件，dreamweaver ，fireworks,最好装两个以上的浏览器（包含 ie, firefox) 当然这些不一定用的着，只是推荐而已，大家根据自己的知识水平准备一下就可以啦。 现在万事俱备，接下来就开始介绍教程制作的相关知识。 (1) 主题的存放位置。 所有的主题都存在于：你的博客所在目录 /wp-content/themes 下，每一个文件夹就是一个主 题。所以我们制作主题的第一步就是在这个目录建立一个文件夹，文件夹的名字可以用主题 的名字，您还得先为主题取个好听的名字奥。比如我们就建立一个叫 wpc-tomheng 的文件夹。 到 wordpress 后台看一下是不是存在我们的主题。令人失望的是没有看到我们的主题，这是 什么问题呢？其实建立一个文件夹只是给我们的主题买了块地皮而已，我们还需要在上面建 立一些东西，才能在后台看到的。要在后台看到我们的主题最主要的一步就是在主题目录（我 这 里 是 wpc-tomheng, 要 根 据 自 己 的 具 体 情 况 在 相 应 的 目 录 里 ， 以 后 我 们 就 直 接 以 wpc-tomheng 作为说明，您在操作的时候要具体转化为自己的目录。） 建立一个