WordPress实践：自定义theme（01）

自定义theme需要有一定的html、css、js和php基础。如果没有，那就去学一下。http://www.w3schools.com/是一个不错的学习地方。

php开发工具

工欲善其事，必先利其器。目前能用来开发php的编辑器很多，甚至记事本就可以，但这样的效率不是很高。我这里选用了NetBeans，这个IDE可以为我提供高亮显示、只能提示等功能，最主要的是它是免费的。下载地址：http://dlc.sun.com.edgesuite.net/netbeans/7.3/final/bundles/netbeans-7.3-windows.exe

在windows下，我们还需要配置php的宿主程序。作为一名.NET程序员，选用iis是没什么疑惑的。在windows的功能管理界面，开启iis的相关功能：

然后去下载php的windows安装程序，官网地址：http://www.php.net/，找到自己合适的版本，并选择安装iis fastcgi就可以在iis中运行php程序了。

mysql数据库也是标准配置。去官网下载吧：http://www.mysql.com/downloads/，下载MySQL Community Server和MySQL Workbench (GUI Tool)，前一个是mysql数据库程序，后一个是可视化管理界面。

创建theme

theme其实是wordpress/wp-admin/wp-content/theme下的一个子目录，在运行时wordpress会将其作为一个theme来加载。

我们先在里面新建一个ThinkSimple目录。

theme要最少包含index.php和style.css两个文件。index.php是首页模板，style.css是theme的样式文件，它被用来声明theme的详细信息，在文件开头位置加入以下代码：

/*
Theme Name: Think Simple
Theme URI: http://youring2.cnblogs.com
Description: Think Simple
Version: 0.1
Author: QeeFee
Author URI: http://youring2.cnblogs.com
Tags: simple
*/

这个style.css是不会自动添加到index.php文件中的，我们需要在index.php文件中加入引用代码：

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

上面的代码是直接引入了样式文件，如果要引用图片或者js文件该如何做呢？

这个时候我们需要知道模板的url，然后再配上我们的相对路径就可以得到相应图片和js的引用了。模板目录url的获取方法：

<?php bloginfo('template_url'); ?>

这个时候wordpress管理界面，就能够看到我们刚刚添加的主题信息了。

本文转自齐师傅博客园博客，原文链接：http://www.cnblogs.com/youring2/archive/2013/03/02/2939792.html，如需转载请自行联系原作者