WordPress模板制作傻瓜教程① – 奇迹

不会编程，连最基本的html代码也不懂，可以制作wordpress模板吗？

可以！

只要你会使用word、Excel，只要你会Ctrl+C、Ctrl+V，按照蜗牛博客为您提供的“wordpress模板制作傻瓜教程”，你也可以制作出自己想要的wordpress模板来。

本教程以网络上常见的免费CSS网页模板为素材，通过创建一个简单的wordpress模板，来学习wordpress模板的制作过程，了解与掌握wordpress模板的构成及各个模板文件的作用，从而为进一步学习Wordpress模板制作奠定基础。

WordPress模板介绍：

WordPress的模板非常简单，首先，需要一个CSS文件，这个文件定义了wordpress模板的文字大小、排版、字体等。另外，它还至少包含以下文件：

index.php 首页文件。

header.php   网页头部文件，一般用来显示网站标题、LOGO以及导航栏等，header.php里面的内容会显示在所有网页的上方。

footer.php   网页底部文件，一般用来显示网站的版权信息等，里面的内容会显示在所有网页的下方。

步骤一：建立style.css文件

1、下载CSS网页模板作为制作wordpress模板的素材，下载地址：

http://www.snailtoday.com/myimg/file.rar

2、新建一个文件夹，用来存放wordpress模板的所有文件，文件名随意，在这里我们取名“snail”作为范例。

3、将下载的素材文件解压缩，将CSS文件夹中的1.css文件复制到“snail”文件夹，并重命名为“style.css”。

4、用windows自带的记事本程序打开“style.css”文件，将以下代码加入到style.css文件的起始位置。

/*

Theme Name: snail

Theme URI: http://www.qji.cc/

Description: My first wordpress theme.

Author: dengwen168

Author URI: http://www.qji.cc/

Version: 1.0

.

General comments/License Statement if any.

.

*/

说明：这段代码包含在“/*”与“/*”这两个符号之前，表明这是一段说明性的内容，不会被程序运行，以上内容翻译成中文就是：

模板名称：

模板来源：

模板介绍：

作者：

作者网址：

版本:

模板名称，模板来源等可以填写你自己的内容，然后点击保存按钮，即完成了style.css文件的制作，如下图所示：

步骤二：建立Header.php文件

1、在“snail”文件夹下面用记事本程序新建一个文件，命名为Header.php。

2、用记事本程序打开素材中的index.html文件，找到以下代码，并将它复制到Header.php文件。

3、添加Wordpress标签到Header.php文件。

在header.php文件中，将原来的：xml:lang=”en” 改成

将原来的- 改成

……

依次对照将header.php改成以下的形式，然后保存。

>

; charset=” />

” type=”text/css” media=”screen,projection” />

/”>

说明：wordpess程序内置了许多的标签，使用这些标签我们可以非常方便的完成各种功能。标签的使用方法详见：

http://codex.wordpress.org/

在这里简单地说一下上面各个wordpress标签的意义：

language_attributes( ) – 输出标签后面的语言类型。

bloginfo( ) – 显示博客的信息，比如：bloginfo(’name’) 显示博客名称，bloginfo(’description’) 显示博客描述部分。

bloginfo(’url’) 输出博客URL地址，如http://www.snailtoday.com。

bloginfo(’rss2_url’) 显示博客的RSS2.0 feed地址。

wp_title( ) – 显示页面的标题。

wp_head( ) – 用于获取插件所需要插到html开头的信息。

get_option( ) – 用来输出javascript或者网页头部（Hearder）中的内容。

wp_list_pages( ) – 以页面名称的超链接形式显示WordPress博客内的所有页面。

步骤三：建立footer.php文件

1、在“snail”文件夹下面用记事本程序新建一个文件，命名为footer.php。

2、用记事本打开素材中的index.html文件，复制“

”这个标签以下的所有内容到footer.php文件。

3、添加Wordpress标签到Header.php文件（与步骤二的添加wordpress标签方法相同），修改完的header文件代码如下：

Template design by Six Shooter Media

”>Grab the feed

步骤四、建立index.php文件

index.php是wordpress模板中两个不可缺少的文件之一（另一个是style.css文件）

1、在“snail”文件夹下面用记事本程序新建一个文件，命名为index.php。

2、添加以下代码到index.php文件。

3、添加以下代码到“”与“”之间，然后保存。

”>

at | |

Woops…

Sorry, no posts we’re found.

成果展示：

现在，我们建立好了四个文件，这样一个简单的wordpress模板就建成了，将snail文件夹上传到wordpress的模板目录，进入网站后台，就会看到我们刚刚上传的模板也出现在wordpress可选的模板列表里面了，如下图所示：

启用这个模板，下面就是效果图了。怎么样？就这么简单，你也会了吧？

来源：蜗牛博客http://www.snailtoday.com/2012/02/wordpress-tutorials/ 收录：奇迹 www.qji.cc