WordPress 主题制作指南（一）
来源：百度文库 编辑：神马文学网 时间：2024/10/04 22:24:32
WordPress 主题制作指南（一）
作者:辛晶晶 日期:2007-10-06
字体大小:小中大
本文参考http://parandroid.com/how-to-create-wordpress-theme/以及网络其他相关教程收集总结而成。如有缪误，还请诸位指正。该指南适合有计算机编程或网页编程基础的人士。
A、设计开发工具介绍：
1.本地WordPress安装：Xampp（WordPress官方也推荐了这一软件组合，方便实用）。
2.代码：Dreamweaver等网页编辑器。
3.图像：Photoshop、Illustrator、Fireworks之类。
4.版本控制：Google Code。
5.浏览器测试：Firefox＋Web Developer Toolbar、Internet Explorer 7、Mutiple IEs（包含可独立运行的IE3－IE6）
B、安装 WordPress 在你的电脑上:
下载XAMPP,一直NEXT，假设安装到G:\xampp。如果你希望在开启XAMPP的时候自动运行Apache和Mysql,那勾选上“Install Apache as service”和“Install Mysql as service”这两项！需要注意的是，安装XAMPP的时候最好把迅雷等可能占用80端口的程序关闭了，因为APACHE的默认端口是80，如果开着的话，启动XAMPP后，可能会运行不了APACHE。如果你装有IIS导致冲突，那可以更改一个端口。打开xampp/apache/conf/httpd.conf，把 listen 80改为其它的端口。如99,8080等等。
下载Wordpress程序，直接把解压缩后的wordpress文件夹，移动到G:\xampp\htdocs\下面。
到浏览器里面输入localhost/phpmyadmin 会出现mysql的数据库创建页面，输入一个名称，比如”wpdemo“,点”创建“，OK，数据库搞定。
找到Wordpress文件夹里的wp-config-sample.php，你会看到下面三行：
define(’DB_NAME’, ‘putyourdbnamehere’); // The name of the database
define(’DB_USER’, ‘usernamehere’); // Your MySQL username
define(’DB_PASSWORD’, ‘yourpasswordhere’); // …and password
把 putyourdbnamehere 改为 你刚才创建的数据库名称——wpdemo
把 usernamehere 改为 root
把 引号里的字符串 yourpasswordhere 删除，
OK，wordpress配置搞定。
确定开着XAMPP并且Apache和Mysql运行了（转到你的 xampp 文件夹G:\xampp。双击 xampp-control.exe 将会弹出一个新的窗口。单击 Apache 和 MySQL 的启动按钮。）.在浏览器里输入localhost/wordpress，会出现提示你要运行Install.php的页面，点击“Install.php”开始安装。
C、WordPress主题结构介绍——模板文件及其调用
这些模板文件通常由XHTML和简单的PHP代码构成。
我们习惯性的将网页分解为 “头信息（Header）”、“内容（Content）”、“侧边栏（Sidebar）”、“页脚（Footer）”这几个主要部分。通常一个普通的WordPress主题会包含一下几个模板文件：
样式表：style.css
头信息模块：header.php
内容模块：index.php、page.php、single.php、archive.php、search.php、404.php
侧边栏模块：sidebar.php
页脚模块：footer.php
评论模块：comments.php
搜索表单模块：searchform.php
在WordPress中，主要的模板文件都有自己专用的调用代码：
style.css：
header.php：
sidebar.php：
footer.php：
comments.php：
而其他辅助模块则可以使用相关语句来调用，比如你要在侧边栏里调用搜索模块，就可以在sidebar.php的相关位置输入：
该语句也可用于调用你自己创建的模板文件。
作者:辛晶晶 日期:2007-10-06
字体大小:小中大
本文参考http://parandroid.com/how-to-create-wordpress-theme/以及网络其他相关教程收集总结而成。如有缪误，还请诸位指正。该指南适合有计算机编程或网页编程基础的人士。
A、设计开发工具介绍：
1.本地WordPress安装：Xampp（WordPress官方也推荐了这一软件组合，方便实用）。
2.代码：Dreamweaver等网页编辑器。
3.图像：Photoshop、Illustrator、Fireworks之类。
4.版本控制：Google Code。
5.浏览器测试：Firefox＋Web Developer Toolbar、Internet Explorer 7、Mutiple IEs（包含可独立运行的IE3－IE6）
B、安装 WordPress 在你的电脑上:
下载XAMPP,一直NEXT，假设安装到G:\xampp。如果你希望在开启XAMPP的时候自动运行Apache和Mysql,那勾选上“Install Apache as service”和“Install Mysql as service”这两项！需要注意的是，安装XAMPP的时候最好把迅雷等可能占用80端口的程序关闭了，因为APACHE的默认端口是80，如果开着的话，启动XAMPP后，可能会运行不了APACHE。如果你装有IIS导致冲突，那可以更改一个端口。打开xampp/apache/conf/httpd.conf，把 listen 80改为其它的端口。如99,8080等等。
下载Wordpress程序，直接把解压缩后的wordpress文件夹，移动到G:\xampp\htdocs\下面。
到浏览器里面输入localhost/phpmyadmin 会出现mysql的数据库创建页面，输入一个名称，比如”wpdemo“,点”创建“，OK，数据库搞定。
找到Wordpress文件夹里的wp-config-sample.php，你会看到下面三行：
define(’DB_NAME’, ‘putyourdbnamehere’); // The name of the database
define(’DB_USER’, ‘usernamehere’); // Your MySQL username
define(’DB_PASSWORD’, ‘yourpasswordhere’); // …and password
把 putyourdbnamehere 改为 你刚才创建的数据库名称——wpdemo
把 usernamehere 改为 root
把 引号里的字符串 yourpasswordhere 删除，
OK，wordpress配置搞定。
确定开着XAMPP并且Apache和Mysql运行了（转到你的 xampp 文件夹G:\xampp。双击 xampp-control.exe 将会弹出一个新的窗口。单击 Apache 和 MySQL 的启动按钮。）.在浏览器里输入localhost/wordpress，会出现提示你要运行Install.php的页面，点击“Install.php”开始安装。
C、WordPress主题结构介绍——模板文件及其调用
这些模板文件通常由XHTML和简单的PHP代码构成。
我们习惯性的将网页分解为 “头信息（Header）”、“内容（Content）”、“侧边栏（Sidebar）”、“页脚（Footer）”这几个主要部分。通常一个普通的WordPress主题会包含一下几个模板文件：
样式表：style.css
头信息模块：header.php
内容模块：index.php、page.php、single.php、archive.php、search.php、404.php
侧边栏模块：sidebar.php
页脚模块：footer.php
评论模块：comments.php
搜索表单模块：searchform.php
在WordPress中，主要的模板文件都有自己专用的调用代码：
style.css：
header.php：
sidebar.php：
footer.php：
comments.php：
而其他辅助模块则可以使用相关语句来调用，比如你要在侧边栏里调用搜索模块，就可以在sidebar.php的相关位置输入：
该语句也可用于调用你自己创建的模板文件。