当前位置：文档之家› wordpress主题制作入门教程

wordpress主题制作入门教程

wordpress主题制作入门教程
wordpress主题制作入门教程

Wordpress主题制作简明教程Wordpress教程网提供

时间2009-10

作者tomheng

版本V1.0

目录简单说明

基本流程

制作博客的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 标签必须关闭

（2）Html 标签的不能交叉嵌套

这样是不允许的

这样是正确的

（3）凡是在?>或者在

?>里的内容都是php 代码（4）Php 的两种注释方法

A 、//单行注释

B 、/**/跨行注释

即以/*开头到*/终止的中间部分全部为注释代码

5）css 样式文件的注释方法只有一种既/**/跨行注释

推荐一些工具和网站

1）php 不懂得问题去。https://www.doczj.com/doc/5c765125.html, 查询

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作为说明，您在操作的时候要具体转化为自己的目录。）

建立一个叫style.css的文件。这个文件是用来存放css样式文件，这里面也包含了关于主题的一些信息。与主题相关的信息都是放在/*主题相关的信息*/里面。我们在里面写入最简单的一个信息-关于主题的名称。在style.css文件里写入如下信息：

/*

Theme Name:wpc-tomheng

*/

说明：在这里可以填入更多的相关信息，但是都要符合WordPress的规范才行。这些信息不是必要，但是我们最好填写一些必备的信息（如：主题的名字，作者，等信息），这样看起

来更规范。保存文件。到后台看一下，我们依然没有发现我们的主题，我们的主题却被列入

了已损坏的主题里面，提示信息为：缺失模版文件。是的我们的主题确实小但是五脏并未俱

全，接下来再建立一个模版文件就好啦。在wpc-tomheng目录建立一个index.php的文件，这时候我们的主题能在后台的主题选项目录看到，同时我们的主题也可以安装了。

这就是一个新的主题必须具有的最基本的结构（style.css和index.php文件)。现在我们安装上自己制作的主题，但是我们到前台查看自己的博客时候，什么内容也没有看到。这是为什么呢？

当然，我们的工作刚刚起步。我们还需要给我们的主题继续的添加东西，才可以在前台有个完美的展示。在index.php里写入任何的html标签或者简单的文本都可以在前台显示出来。You may wan to try it.

但是我们怎么把我们在博客里的文章或者其他的信息显示出来呢，这就要靠我们的WordPress template tags

https://www.doczj.com/doc/5c765125.html,/Template_Tags

我们在这里先介绍一个最简单的tag，（在开始的几讲里我们只是介绍一下主题的最基本知识和相关的流程，关于更详细的教程我们会在后续的章节发布出来，请密切关注wpc的动向）。

在index.php里写入如下代码：

bloginfo(‘name’);

?>

注：请注意其中的引号，有可能您直接copy过去的话，会变成全角的，应该是半角英文的引号。

现在在博客的首页应该可以看到自己博客的名字了，这就是tag的一个最简单的应用。

现在wpc-tomheng应该算是一个完整的主题，但绝不是一个完美的主题。因为他基本没有展现我们博客的内容，也没有漂亮的外观。展现博客的内容要靠template tags（例如bloginfo())来完成,改变外观要靠style.css来完成。这也是制作主题的关键，最能展示个人创意的地方。

接下来，如果您愿意把自己制作的主题release出来的话，就可以打包成.zip文件，然后提交到WordPress。

恩，现在是不是对WordPress主题制作有个基本的了解了，接下来我们会详细的讲解template tags的相关的知识。

这个文件是用来存放css样式文件，这里面也包含了关于主题的一些信息。与主题相关的信息都是放在/*主题相关的信息*/里面。我们在里面写入最简单的一个信息-关于主题的名称。在style.css文件里写入如下信息

/*

Theme Name:wpc-tomheng

*/

说明：在这里可以填入更多的相关信息，但是都要符合WordPress的规范才行（https://www.doczj.com/doc/5c765125.html,/Theme_Development）这些信息不是必要，但是我们最好填写一些必备的信息（如：主题的名字，作者，等信息），这样看起来更规范。保存文件。到后台看一下，我们依然没有发现我们的主题，我们的主题却被列入了已损坏的主题里面，提示信息为：确实模版文件。是的我们的主题确实小但是五脏并未俱全，接下来再建立一个模版文件就好啦。在wpc-tomheng目录建立一个index.php的文件，这时候我们的主题能在后台的主题选项目录看到，同时我们的主题也可以安装了。

这就是一个新的主题必须具有的最基本的结构（style.css和index.php文件)。现在我们安装上自己制作的主题，但是我们到前台查看自己的博客时候，什么内容也没有看到。这是为什么呢？

当然，我们的工作刚刚起步。我们还需要给我们的主题继续的添加东西，才可以在前台有个完美的展示。在index.php里写入任何的html标签或者简单的文本都可以在前台显示出来。You may wan to try it.

但是我们怎么把我们在博客里的文章或者其他的信息显示出来呢，这就要靠我们的WordPress template tags(https://www.doczj.com/doc/5c765125.html,/Template_Tags)。我们在这里先介绍一个最简单的tag，（在开始的几讲里我们只是介绍一下主题的最基本知识和相关的流程，关于更详细的教程我们会在后续的章节发布出来，请密切关注wpc的动向）。

在index.php里写入如下代码：

bloginfo('name');

?>

现在在博客的首页应该可以看到自己博客的名字了，这就是tag的一个最简单的应用。

现在wp-tomehng应该算是一个完整的主题，但绝不是一个完美的主题。因为他基本没有展现我们博客的内容，也没有漂亮的外观。展现博客的内容要靠template tags（例如bloginfo())来完成,改变外观要靠style.css来完成。这也是制作主题的关键，最能展示个人创意的地方。接下来，如果您愿意把自己制作的主题release出来的话，就可以打包成.zip文件，然后提交到WordPress。

恩，现在是不是对WordPress主题制作有个基本的了解了，接下来我们会详细的讲解template tags的相关的知识。

第三讲制作博客的header

通过上一讲的说明大家知道了WordPress主题最主要的两个文件是style.css和index.php，他们是最基本的，但是只有他们显然是不完美的，虽然你可以把所有的功能都写到index.php中，但这不符合WordPress主题制作的规范，这一讲我们将学习如何按照规范去制作自己的主题。

WordPress的页面结构

从上面的图示我们可以看出一个基本的WordPress页面是由四部分构成的(header.php, index.php,footer.php,sidebar.php)，他们在WordPress博客中负责不同的页面部分。我们将在下面的课程中讲解这四个文件的制作方法，今天我们就先来看看怎样来制作header.php文件。

（1）首先我们在index.php中写入如下几个简单的函数，这些函数暂时不做讲解，等讲到index.php文件时我们会进行说明的。

代码如下：

（2）然后在wpc-tomheng目录下建立一个header.php文件。

写入如下代码：

<?php bloginfo(‘name’);?>

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

/”>

（3）打开浏览器查看主题是不是可以看到显示出博客的名字还有描述啦。

恩，这就是模版函数的功劳了，下面我们就看看这个是如何实现的。

说明：

一、bloginfo()模版函数

Bloginfo()就是个模版函数，通过它我们可以调用你博客相关的信息，我们在header.php中用到了四次这个函数，取出了三个主要的数据：博客的名字bloginfo(‘name’)、样式文件bloginfo(’stylesheet_url’)、博客描述bloginfo(‘description’)。这里需要特别指出的有两点：

1）Bloginfo()函数具有输出功能，即他不是返回数据，而是直接把数据输出到浏览器。

2）Boginfo()输出不同的数据通过参数配置实现。

Bloginfo()函数的常用配置参数说明

参数名说明返回值举例

html_type文档类型Text/html

charset网页编码Utf8

name博客的名字趣味互联网stylesheet_url Style.css的url地址https://www.doczj.com/doc/5c765125.html,/wp-conte

nt/themes/inove/style.css comments_rss2_url评论的rss订阅地址https://www.doczj.com/doc/5c765125.html,/comments

/feed description副标题webfuns

admin_email管理员的邮箱admin@https://www.doczj.com/doc/5c765125.html, version Wordpress的版本 2.8

language当地的语言Zh-cn

二、get_option()函数

我们在这里用这个函数得到了博客链接的地址，这个函数需要注意就一点他返回的是一个url地址变量，所以如果要在页面上显示那么需要在他的前面加上echo函数。

当然我们还应该加上一些样式，但是这超出了我们教程的范围，我在这里只是向大家解释如何使用这些模版函数和主题制作的基本方法，并不会去叫大家如何设计主题，掌握了这些知识再加上丰富的创意才能实现漂亮的主题，这要依赖于你的css知识基础和设计能力而这些不包含在我们教程的内容之中（也许以后wpc会提供相关的教程，请密切关注）

（2）打开浏览器查看主题是不是可以看到显示出博客的名字还有描述啦。恩，这就是模版函数的功劳了，下面我们就看看这个是如何实现的。

说明：

一、bloginfo()模版函数

Bloginfo（）就是个模版函数，通过它我们可以调用你博客相关的信息，我们在header.php 中用到了四次这个函数，取出了三个主要的数据：博客的名字（bloginfo('name')）、样式文件（bloginfo('stylesheet_url')）、博客描述bloginfo('description')。这里需要特别指出的有两点：

1)bloginfo()函数具有输出功能，即他不是返回数据，而是直接把数据输出到浏览器、

2）Bloginfo()输出不同的数据通过参数配置实现。

Bloginfo()函数的常用配置参数说明

参数名说明返回值举例

html_type文档类型Text/html

charset网页编码Utf8

name博客的名字趣味互联网

stylesheet_url Style.css的url地址https://www.doczj.com/doc/5c765125.html,/wp-con

tent/themes/inove/style.css comments_rss2_url评论的rss订阅地址https://www.doczj.com/doc/5c765125.html,/comme

nts/feed

description副标题webfuns

admin_email管理员的邮箱admin@https://www.doczj.com/doc/5c765125.html,

version Wordpress的版本 2.8

language当地的语言Zh-cn

二、get_option（）函数

我们在这里用这个函数得到了博客链接的地址，这个函数需要注意就一点他返回的是一个url地址变量，所以如果要在页面上显示那么需要在他的前面加上echo函数。

当然我们还应该加上一些样式，但是这超出了我们教程的范围，我们只是向大家解释如何使用这些模版函数和主题制作的基本方法，并不会去叫大家如何设计主题，掌握了这些知识再加上丰富的创意才能实现漂亮的主题，这要依赖于你的css知识基础和设计能力而这些不包含在我们教程的内容之中（也许以后wpc会提供相关的教程，请密切关注wpc的动向）

第四讲制作博客的footer.php

上一讲，我们讲了如何制作WordPress主题的header部分，到目前为止，我们的主题目录中应该有style.css,header.php,index.php这些基础文件，今天我们讲一下footer.php的制作。

footer.php就是负责页面的底部部分，这个部分一般包含的内容主要有版权信息、统计代码、备案信息（在国内）等。现在我们在wpc-tomheng目录在建立一个footer.php文件。在里面写入如下代码：

”>Powered byWordPress

在这里可以加入你的统计代码

这里是您的备案信息

querys inseconds

现在打开浏览器应该可以看到相关的信息。确实很简单吧，it is easy,it is fun.

Bloginfo()函数就不用说了，如果你不是很明白的话，那么请查看我们上一讲的内容。

（1）get_num_queries()函数

这个函数（不需要任何的参数）的作用就是得到从WordPress初始化到这个函数调用为止，总共进行了多少次sql查询。

（2）timer_stop()函数

这个就是取得当前程序的运行时间，可以大体衡量一下WordPress查询的时间。

这个函数定义在：/wordpress/wp-settings.php->line162有兴趣的朋友可以查看一下。

（3）wp_footer()函数

Wp_footer()是WordPress的一个hook函数，用于插件开发中挂在函数。加上这种函数是自己的主题支持插件开发，同时和更符合规范。

今天涉及的这几个函数比较简单没有复杂的参数选项，相对简单一下，这些函数只要知道他们的作用，具体用在哪里要看自己的设计啦。

第五讲制作博客的index.php文件

经过前面几讲的学习，我们已经了解了footer.php、header.php、style.css的基本知识。今天要讲一下最重要的一个文件index.php。

在index.php中主要的就是取出文章相关的信息，这也是页面里的主体信息。我们在header.php里有提到过这个文件，还写入了两行代码。接下来我们重新写入如下代码，并且讲解这里面用到的模版函数。

”>

”rel=”bookmark”>

’,‘’);?>

Categories

tags:

没有任何文章

请注意其中的引号，应该是英文半角的。

这些代码是不是看起来有些眼晕啊，这没关系，我们慢慢来分析。

（1）get_header()，get_footer()函数

还记得我们前两讲里做的header.php和footer.php文件吗，这两个函数的作用就是把这两个文件引入进来，就相当于php中的include函数，这样我们才能在同一个网页中把header和footer都显示出来。这也可以看出来index.php的重要性，他统领着其他的文件。与这两个函数类似的还有get_siderbar()函数，这个函数就是包含siderbar.php文件，这个文件的内容我们将在后续的课程中讲解。

（2）have_posts()，the_post()函数

Have_posts()的作用就是判读博客中是不是有发表的文章，通常用于条件判断中，the_post()的作用就是进行数据库查询，把与文章相关的数据查询出来，这样我们就能在后续的代码中使用相关函数将这些信息输出到页面上，一般的用法就是像上面那样：

这里是循环取出与文章相关的信息

这里是如果没有文章的话，就显示这里的信息。

需要注意的是这里的if和while后面用的是冒号不是分号，如果误写成分号就不能实现预想的功能啦。

more’’)

the_content(‘‘read more （3）the_ID()the_permalink()the_title()the_time()the_content(

附注：这五个函数只能在WordPress的循环中使用，他们不是全局函数。

The_ID()

作用是取得每次循环的编号，输出的结果post-数字编号

The_permalink()

作用是取得文章永久链接。这个函数不带参数表示取得当前循环中的文章的链接，也可以传入一个id编号这样就可以取得该id所对应的文章的链接。函数定义在：/wordpress/wp-includes/link-template.php->line9

The_title()

取得文章的标题，这个函数的完整参数列列表the_title($before=”,$after=”,$echo=true)

$before就是指文章标题前面要显示的内容，$after就是指文章标题后面说要显示的内容。$echo取值true表示显示文章标题，为false则返回文章的标题。

函数定义在：/latest/wordpress/wp-includes/post-template.php->line35

The_time()

the_time()用来获取并显示当前文章发布的时间,该函数后面可以跟控制日期或时间格式的参数，常用的参数形式如下：

如的调用形式显示效果为：六月13,2009（英文状态下显示June13, 2009）；

如的调用形式显示效果为：7:09下午（英文状态下显示7:09pm）；

如的调用形式显示效果为：19:09。

事实上，除了使用the_time()函数之外，WordPress还提供了一个具有类似功能的get_the_time()函数。该函数除了不具有the_time()函数的显示功能之外，其余功能二者完全相同。使用get_the_time()函数时，如欲将获取的时间显示出来，需要使用专用语句。

下面，我们籍此机会来简单了解一下WordPress中时间的格式。在WordPress中，通常用于控制时间格式的有以下字符：l,F,j,S,Y,G,g,i,a等等，其详细意义如下：

l（小写L）用来显示一周之中每一天的名称，比如星期六，或者在英文中显示Saturday；

F用来显示月份名称，比如六月，或者June；

j用来显示一月之中的某一天，比如13；

Y用来以4位数字形式显示年份，使用y则以末两位数字显示年份，比如2009或09；

G,g,i,a等四个字符通常组合使用，如前例子，有两种形式：

g:i a以形如7:09下午或7:09pm的形式显示时间；

G:i以形如19:09的24小时进制形式显示时间。

S通常紧跟在j后面，表示是否在一月之中某天之后添加英文后缀（st,nd,th等）。

The_content()

取出文章的内容，这个可以带一个参数,the_content(“more”),作用是如果在文章中有时，就自动截断显示more连接，可以查看详细信息。

（4）the_category()、the_tags()函数

the_category()取得文章所属的目录列表，可以这样使用the_category(‘|’),如果我们有WordPress WordPress主题WordPress插件这三个目录那么显示出来是这样的：

WordPress|WordPress主题|WordPress插件，‘|’就是相邻目录之间的分隔符，这个可以根据自己的需要来使用不同的符号把他们分隔开来，默认情况下是使用空格来分隔的的。

the_tags()取得文章所属的标签。

the_tags($before=‘Tags:‘,$sep=‘,‘,$after=”)$before在标签前面显示的内容，$sep分隔符，$after标签后显示的内容。

第六讲sidebar.php制作流程

上一讲我们学习了index.php的制作，这一讲比较重要一些，大家如果有不明白的地方，回头仔细看看我们教程的内容，一定要把index.php中的代码理解清楚。今天我们就来看看sidebar.php的制作。

首先我们需要在index.php中加入get_sidebar()函数来引入这个文件。打开index.php文件，在get_footer()函数前面加上get_sidebar()函数就可以啦。

接下来在sidebar.php中写入如下代码：

    ’.’Pages’.’’);?>

  • Archives

    • ’.’Categories’.’’);?>

  • Meta

现在可以打开浏览器看看这些代码都是干了些什么啦。下面我们来看看里面的函数的作用是什么、如何使用。

（1）get_search_form()函数

这个函数的作用就是现实搜索框。这个函数调用后就可以直接显示一个具有完备功能的搜索框，我们不用写任何额外的代码。这就是WordPress的魅力，他给我们做了一下很有用的封装函数，这样就减轻了我们的开发负担，可以专注于主题的设计。

（2）wp_list_pages()、wp_list_categories()函数

wp_list_pages()

该函数以页面名称的超链接形式显示WordPress博客内的所有页面，经常用来建立顶端导航页面，或用来修饰侧边栏。

形如wp_list_pages(’title_li=&sort_column=menu_order&include=12,25,38,57&depth=1&’);用，各参数意义如下：

title_li=用来设置所有显示页面的一个总名称；后面没有参数值时，表示不显示名称；

sort_column=menu_order用来设置页面的显示顺序，表示按照WP后台设置的各页面顺序显示，其他的常用顺序设置可能还包括post_title、post_date、ID等等；

include=12,25,38,57表示只显示ID为这四个数值的四个页面；我们也可以使用exclude来排除相应ID的页面；

depth=1表示只显示父页面，对所有子页面不予显示；其他数值还包括默认的0，表示显示所有页面（子页面有缩进）；-1显示所有页面（子页面无缩进）；等等。

此外，该函数可能会用到的属性还包括link_before和link_after，用于设置显示的页面链接前后的字符。

wp_list_categories()

wp_list_categories()函数用来获取博客文章的分类信息，并可以通过设置适当的函数参数，将其显示出来。该函数的参数和wp_get_archives()函数类似，都需要使用&连接，放在单引号(’)中以字符串方式传递。形如wp_get_archives(’orderby=name&order=ASC& show_count=1&use_desc_for_title=1&feed=订阅&exclude=2,5&number=10′)

各参数的意义如下：

orderby=name表示按照分类名称的字母先后顺序显示分类信息，可以将name换为ID等；

order=ASC表示按照分类名称的字母的升序显示分类信息，将ASC改为DESC表示按降序；

show_count=1在每个分类名称后面显示属于该分类的文章数；

use_desc_for_title=1使用该分类的描述信息为每个分类名称超链接添加一个title属性；feed=订阅：在每个分类信息旁边添加一个名为“订阅”的超链接，提供该分类的RSS订阅；

exlude=2,5在显示的分类中去除ID为2和5的分类；也可以用include=2,5表示只显示ID为2和5的分类；

number=10表示只显示前面的10个分类。

（3）is_home()、is_page()函数

is_home()用以判断当前显示的博客页面是否是首页，返回的是一个Bool值。如果是在首页，则返回TRUE；否则返回FALSE。

该函数常用来控制博客侧边栏的显示方式，经常使用如下代码段：

if(is_home()){

//此为在博客首页应该显示的内容

}else{

//此为非博客首页应该显示的内容

}

?>

is_page()函数判断当前显示的内容是否是博客的独立页面（page），就是在后台建立的页面，它也返回一个Bool值。我们可以在模板中通过该函数判断当前是否是一个独立页面，从而决定是否为当前显示的文章显示发布时间等等。

同类的函数还有：

is_paged()is_single()is_tag()is_category()is_archive()等等

（4）wp_register()、wp_loginout()函数

Wp_register()获得登录后台的链接，wp_loginout()获得退出登录的链接。

到现在，一个基本的wordpress主题就已经成形了。这套主题教程也就告一段落了，希望大家会从中有所收获。

新手如何建立自己的网站

新手如何建立自己的网站 建立自己的网站是一些准备从事seo事业新手必经之路，建立一个网站其实很简单，下面我就简述一下这些最基础的知识。 确定自己网站的目的和类型 在我们做网站的时候，首先要明确做这个网站的目的。确定好了才会有更鲜明的主题，不会让我们在做站的过程中犹豫不决。比如我们要做个企业网站、我们就会想企业网站的目的和它的主要用途是什么？比如我们想宣传企业,提高企业知名度,另外还可以销售企业生产的产品,我们就会在大脑中大致勾勒出网站的轮廓,网站做的要美观大气,体现出企业风貌，这样栏目一般会有公司风貌、产品展示、用户问题反馈、新闻中心、关于**公司等等，如果想同时销售自己公司的产品，还要加上网上商城等等。除此之外我们还要考虑的就是用什么类型的网站代码，一般建议使用HTML静态代码,更容易被蜘蛛抓取，后台简洁,容易操作，数据库结构合理,容易扩充功能和日后维护等等。再比如我们要做一个单一产品的网站，首先我们想到的就应该是选择产品了，这点很重要，我们尽量要选择利润大，转化率高而又售后服务简单的产品，产品选好了就该确定网站程序了，单一产品网站一般结构都比较简单，我们可以用一些开源程序加上模板，比如phpcms、dedecms、wordpress，另外前期工作还有确定网站内容和关键词之类的，以后我们会讲到，在这里就不再赘述。 总之，确定网站的类型决定你以后网站的目的和用途，我们尽量深思熟虑，多做长远的打算，这样我们的网站才会更长久。 二、注册自己的域名 网站类型确定好了，我们就要开始正式做我们的网站了，首先我们要有个域名，域名是很重要的，它就像网站的门牌号，没有它别人会找不到你。现在域名注册商很多，建议选择一些有信誉的大公司注册，不然日后域名公司跑路我们会很麻烦。一般我推荐去万网注册。下面我简单说一下万网注册域名的流程：首先打开万网(输入网址：https://www.doczj.com/doc/5c765125.html,/，回车)，首先注册一个万网的账号并登陆，然后点击菜单上的域名注册，输入需要注册的域名，如果查询结果显示不能注册，换别的域名再试，如果可以注册，我们就点击加入购物车，最后点击立即结算进行网上付款。 三、购买网站空间 如果说域名是网站的门牌号，那么空间就是你的屋子了，我们要把自己的程序放在自己的空间里，屋子的质量决定你的舒适程度，而空间的质量决定访客的舒适程度。所以网站空间的选择也是很重要的，它会直接影响用户的感官和体验度。 现在网站空间按类型分主要有三种，按照从低到高的顺序为：虚拟主机、vps和独立服务器。虚拟主机又称虚拟服务器、主机空间或是网页空间，就是将一台服务器的某项或者全部服务内容逻辑划分为多个服务单位。VPS是在一台物理服务器上创建多个相互隔离的虚拟专用服务器。这些虚拟专用服务器以最大化的效率共享硬件、软件许可证以及管理资源。一般情况下VPS也有流量和空间大小限制的。独立服务器就是现实的真正的的服务器。独立服务器是最贵的，因此一般个人站长很少使用。虚拟主机操作起来比较傻瓜化，如果用vps 和独立服务器，需要自己做相应地配置，相对来说技术要求更高。

完整的WordPress函数大全

完整的WordPress函数大全 在修改和制作Wordpress主题时经常为不知道内置函数而苦恼，而wordpress官方的文档看起来又不是那么方便。所搜集并且整理了一下放这，以备后用。 判断页面函数 is_home() : 是否为主页 is_single() : 是否为内容页(P ost) is_page() : 是否为内容页(Page) is_category() : 是否为Category/Archive页 is_tag() : 是否为Tag存档页 is_date() : 是否为指定日期存档页 is_year() : 是否为指定年份存档页 is_month() : 是否为指定月份存档页 is_day() : 是否为指定日存档页 is_time() : 是否为指定时间存档页 is_archive() : 是否为存档页 is_search() : 是否为搜索结果页

is_404() : 是否为“HTTP 404: Not Found”错误页 is_paged() : 主页/Category/Archive页是否以多页显示 Header部分常用到的PHP函数 : 博客名称(Title) : CSS文件路径 : PingBack Url : 模板文件路径 : WordPress版本 : Atom Url : RSS 2.o Url : 博客Url : 博客网页Html类型 : 博客网页编码 : 博客描述

史上最经典的WordPress 主题教程

史上最经典的WordPress 主题教程 创建 WordPress 主题其实不难，只要你从现在开始认真学习 这个教程，从零一步一步开始，你就会成为一个 WordPress 主题制作高手，至少你会修改现有主题。 下面是一个从零开始制作 WordPress 主题的教程，这个教程 最初翻译自So you want to create WordPress themes huh? 经过多次修正以适应中文习惯，并加入了个人的理解，这个教 程它会一步一步教你如何制作 WordPress 主题。 内容目录 WordPress 主题教程：从零开始制作 WordPress 主题 创建 WordPress 主题所需的工具和准备 WordPress 主题教程 #1：介绍 基本规则： 专业术语： 层式结构： WordPress 主题教程 #2：模板文件和模板 Header 模板文件: Index 模板文件： Sidebar 模板文件 Footer 模板文件： WordPress 主题教程 #3：开始 Index.php 第1步：打开 XAMPP 控制面板 第2步：创建你的主题文件夹 第3步：创建 index.php 和 style.css 文件 第4步：创建 style.css 第5步：安装你的主题 WordPress 主题教程 #4a：Header 模板 第1步：打开 XAMPP 和主题文件夹 第2步：打开 index.php 第3步：调用博客标题 第4步：调用博客链接 WordPress 主题教程 #4b：Header 模板 2 第1步：开启 XAMPP 和打开 index.php 第2步：给博客的标题添加 H1 的标签 第3步：添加博客描述 第4步：DIV 标签 第5步：添加 Header DIV 标签

100种增加网站流量的方法

100种增加网站流量的方法 本文为来自Tristan的投稿，是一篇翻译的文章，文章比较长，但是如果你有网站或者blog的话，很多方法还是很值得借鉴的。 流量就是网络中的货币。网站流量越大，就越容易达到既定目标：赚钱，传播观点，与其他人联系互动，或是其他任何目的。 这也是为什么我要编写这么一篇100种提升网站流量方法的文章。只要运用一些（或是大部分）以下方法，保证你的流量就会大幅上升。 博客 1.添加博客到你的网站上。如果网站是静 态的（Tristan:例如一个公司网站或是网上商店），考虑添加一个博客上去吧，定期更新一下内容。这样不仅能吸引回头客，还能从搜索引擎中获取更多流量。需要博客软件，当然是WordPress了。（免费又易用） 2.到其他人博客上留言。养成访问利基目标市场中的博客并留言的习惯。评论中会允许你留个链接，有些访问者也许就由此点击到你的网站了。通过访问Alltop 来查看你的利基市场中都有哪些博客。

3.提交读者投稿。大部分博客都欢迎读者投稿。博主允许你投稿给他们，而且通常文章都会保留作者署名指向你的网站。把文章发给博主，看他会不会将文章作为读者投稿发表，就是这么简单。 4.赞助博客比赛。博客圈一个流行的做法是进行博客比赛。你可以去赞助一次比赛，提供奖品或奖金，博主们就会在比赛页面留一个链接指向你的网站。 5.参加博客嘉年华。博客嘉年华是指博主们聚在一起就某个话题进行写作的网上活动。嘉年华的主办方最后通常会写一篇总结文章，其中会给出文章链接指向每一个参与者，同时参与者之间通常也互相链接到对方文章页面。你可以和朋友们组织一次嘉年华，或是在https://www.doczj.com/doc/5c765125.html,上找一个正在举行的。 6.建立起关系网。有句俗话叫做“有本事不如认对人。”这同样也适用于网站推广，结识博主、站长交上朋友之后，他们会很乐意放上一个链接指向你的网站，并带来流量。不过在此之前你也许应该先链接到他们的网站上，或者通过e-mail 联络联络感情。 订阅 7.发布RSS订阅源。发布RSS订阅源以方便读 者通过RSS阅读器订阅博客。这样只要博客有更新，他们都能自动获知更新，这是一个既保证他们能阅读更新文章也促使让他们定期访问网站的好方法。 8.利用Feedburner。如果想方便管理RSS，就应该注册一个Feedburner账号。这项服务完全免费，还有许多有用的功能，比如统计订阅用户信息，拥有各种自定义选项等等功能。Feedburner还能让博客输出内容很好地和大部分浏览器以及RSS阅读器兼容，不至于因为技术原因丢失掉订阅者。 9.提供邮件订阅。许多网友还不使用RSS，提供邮件订阅就显得非常必要，幸运地是利用Feedburner很容易实现。只需在Feedburner激活“Publicize”特性，将订阅的链接粘贴复制到网站上就行了。 10.创建一个 email newsletter（邮件简报）。将邮件订阅再优化一下就可以创建email newsletter了，这样可以有效控制推送到订阅者邮箱的内容。比如定义一个自动推送的规则，将特定内容在特定时间发送到订阅者邮箱中。你需要

如何修改WordPress主题模板

如何修改WordPress主题模板 让你的WordPress博客准确按照你的意图的展现出来的关键在于你是否了解WordPress主题模板页面.这里所说的主题文件，指的是显示出来的页面，而不是为了实现评论和侧边栏之类的功能。大多数用户不使用WordPress安装时自带的默认主题，他们会在互联网上下载免费主题。这是一种自定义博客样式的好方法，但不是所有主题开发者都用相同的方式设计主题。 主题的质量很大程度上取决于网页设计师在设计主题上耗费的时间以及他们本身对WordPress的了解。 下面我会为大家介绍设计主题页面的所有相关知识，通过这些下面的信息你甚至可以开始为自己设计一个主题。 除非你是专家级的主题开发者，否则都可以从这里学到些新的东西 WordPress工作原理 你了解WordPress最重要的东西就是它的模板层次，或者说是“WordPress调用页面的顺序”。“index.php”是唯一一个所有WordPress主题的PHP文件中都必须带有的文件。换句话说，你完全可以只用一个“index.php”文件来实现WordPress所有的单独功能。 页面调用顺序 每当有WordPress页面（你愿意额话可以称之为WordPress引擎）被调用时，它会判断（通过排除法）页面的类型。 这类似于询问“我在哪儿？”。 WordPress回答“我在…类型的页面上”，然后以特定顺序调用页面。 WordPress找不到需要的PHP文件时，会使用“index.php”文件来代替所需文件。 WordPress首先会寻找以下九种基本页面： 我是在首页（Home Page）上吗？ 如果WordPress判断是在首页上，会先调用“home.php”文件然后再调用“index.php”。 我是在日志（Post Page）页上吗？ 如果是（单篇）日志页，首先调用“single.php”然后默认调用“index.php”。 我是在页面（‘Paged’ Page）页上吗？ 如果是静态页面或“页面型”页面（应用了模板的页面），WordPress首先调用“pagetemplate.php”然后默认调用“index.php”。 我是在分类页（Category Page）上吗？ 如果WordPress判断是分类页，则首先调用该类别编号的页面，例如“category-7.php”。 找不到相应文件时可以查找“category.php”（category.php可以用于所有类别页）。 如果没有“category.php”则继续查找“archive.php”，最后默认调用“index.php”。 我是在标签（Tag Page）页上吗？ 如果WordPress判断是标签页，会首先加载“tag-slug.php”文件，以具体的slug（别名）为标签名。 如果标签是“wordpress hacks”，那么标签别名页就是“tag-wordpress-hacks.php”。 如果加载不成，WP会继续查找“tag.php”文件，该文件可用于所有标签页，然后调用“archive.php”，最后默认调用 “index.php”。 我是在作者页（Author Page）上吗？ 博客拥有多个作者时，WP会首先寻找“author.php”文件以显示作者详情。 如果没有“author.php”则继续查找“archive.php”，最后默认调用“index.php”。 我是在存档页（Archive Page）上吗？ WP为之前的日志加载信息页面时，同时也加载了存档页。 WP首先加载“date.php”，其次是

WordPress_主题模板制作及修改教程

WordPress 主题模板制作及修改教程 每一套 WP 主题都由结构层、表现层和数据层构成，可以说是典型的、符合 Web 体系标准的“三层结构”。WP主题的这种模式块化的特点决定了其设计其实是非常简单，但又极其灵活的。可以说，学会了制作 WP 主题，就相当于基本理解了 Web开发的客户端模型，对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在！ 在一套 WP 主题中，最基本的两个文件是 index.php 和style.css。其中，前者定义结构和内容，后者定义样式。所谓结构，就是由指由 XHTML 标签构成的网页基本架构。在 WP主题中，结构层主要使用的是添加了适当的 id 或（和）class 属性的 div 和 ul元素，以便更好地通过表现层来控制页面的布局和外观。所谓表现层，其实就是网页的布局和样式－－也就是外观。表现层由CSS（级联样式表）规则定义构成。而数据层，顾名思义，也就是网站中实际显示的内容，是通过调用 WP内置的函数（有时需要传递适当的参数）从数据库中取得的。 说明：为简明起见，本教程不涉及如何定义样式表（CSS）文件的内容。 事实上，当我们打开某个主题的文件夹时，看到的并不止这两个文件，而是更多。但一般来说，在一个完整的 WP 主题文件夹中都应该包含下列文件（也称为模板文件）： 等页面（其中部分页面稍后介绍）。 虽然上面列出了与 WP 内置功能对应的 9 个 php 文件，但制作一套主题远没有想像得那么复杂。因为事实上，你只需要制作一个 index.php 文件，就可以派生出另外 8 个文件来！ 从 WP 应用主题的机制来说，这 9 个模板文件是存在优先级差别的，也可以认为是重要性不同。它们的优先级顺序是：index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。 这样，当不存在后边的页面时，WP 会自动调用前面的页面，直至调用 index.php。比如，当程序调用页面页 page.php

wordpress单页主题模板制作教程

Wp百科网主题模板制作教程 课程目标：制作出一个漂亮的主题 课后作业，跟着视频，完成一个相同主题的制作。 Wp百科网主题模板制作教程 (1) 1、wordpress模板结构分析 (1) 2、制作一个可以运行的wordpress主题，修改style.css (1) 3、制作出主题结构，index.php，header.php，footer.php，sidebar.php (2) 4、修改header.php，footer.php (2) 5、制作sidebar.php (3) 6、制作index.php， (3) 7、制作single.php页面，加入评论 (4) 8、制作page.php，archive.php，404.php (4) 9、制作小工具 (4) 10、细节问题处理 (4) 1、wordpress模板结构分析 索引页模版：index.php 顶部：header.php 文章页面模板：single.php 边栏模板：sidebar.php 底部：footer.php 页面模版：page.php 搜索结果：search.php 文章归档：archive.php 评论：comments.php 404 页面模版：404.php 主题支持函数：functions.php 样式表：style.css 2、制作一个可以运行的wordpress主题，修改style.css 制作一个最简单的主题，只需要两个文件，index.php和style.css 第一步，准备静态页面 第二步，制作index.php和style.css 第三步，给style.css添加版权信息

第四步：把主题上传到空间中wordpress安装路径，wp-content/themes/下面，这里主题的文件夹名字必须是英文 第五步，在wordpress后台启用主题 先给style.css添加版权信息 /* Theme Name: wordpress theme 01 Theme URI: https://www.doczj.com/doc/5c765125.html, Description: a simple bolg theme Author: xixi Author URI: https://www.doczj.com/doc/5c765125.html, Version: 1.0 Tags: white, blog, liweihui, blue */ Style.css路径调用： 主题缩略图名字：screenshot.png 3、制作出主题结构，index.php，header.php，footer.php，sidebar.php 把index.php拆分成header.php，footer.php和sidebar.phhp 4、修改header.php，footer.php 新建一个index.php文件，header.php，footer.php， 这步需要用到的标签： 获取博客名字： 获取博客描述： 获取主页路径： 获取主题存放路径： 其他外部文件调用方法： <?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> 页面调用：

如何添加GOOGLE字体到你的WORDPRESS主题

如何添加Google字体到你的wordpress主题 Google Web Fonts 免费为你的博客提供安全而漂亮的字体服务。通过使用Google Web Fonts，你的博客不用上传任何字体，就能显示除了常用的“Arial”, “Verdana”等字体之外的其它字体。 众所周知，网站可读性取决于它的设计和外观。网页设计中扮演最重要角色的字体，使用的什么样的字体对您的网站很重要。例如，Arial /Helvetica (sans-serif), Verdana and Georgia是我们常用的web设计的字体。这些字体提供一个很好的可读性，但如果你想用新字体，你需要做的就是确保浏览者的网络设备安装了这些字体。这样很难确定。所以就得自己上传字体到服务器，并通过CSS来加以控制。但现在，有一个更好的免费工具，那就是Google Web Fonts 在您使用Google Web Fonts服务之前，请首先了解以下两点： 1.选择太多的字体会减缓你的博客加载速度，所以你只需选择必须使用的。以免造成访问速度变慢的情况发生。 2.如果你只能选择你所需要的语言，你会帮助防止您的网页上的变得缓慢。 3.目前Google Web Fonts的界面及预览语言不为英语(不妨碍中文使用)。 Google Web Fonts能直观展示各种web字体，就像Serif, Sans-Serif, Display 和 Handwriting，你还可以浏览某些属性，如脚本显示字体、宽度、倾斜和厚度。所有这些属性可以显示在侧窗格中。在你选择你想要的字体时，你还可以直观预览诸如单词、句子、段落等整体样式。 下面是一个简单的教程，帮助你更快更好使用Google Web Fonts： 1.点击 Google Web Fonts进入谷歌字体服务，选择您想要的字体，然后点击右下角“Add to collection”按钮，在这里，我们选择“Alike”字体来作为整个教程的例子字体。 2.点击“Add to collection”后，会在页面最下方出现这样一个信息“1 font family in your collection”还有三个按钮，分别是“Choose“,“Review”和“Use“. 在这里，我们选择“Use“.也就是使用。 3.它还要求对字体设置。选择可用的样式，例如“粗体、斜体”等。但只针对某些特定字体。接下来，选择特定的语言字符。生成代码。

wordpress主题加密破解汇总

教你怎么删除去掉WordPress主题加密Footer上的版权信息等 由https://www.doczj.com/doc/5c765125.html,整理而成 也有不少免费的wp主题开发者遵守Creative Commons Attribute 2.0+条约，这也就意味着这些主题的footer可能使用加密代码，防止用户恶意删除主题创作者的链接。 （1）第一种是：footer加密 下面就教你简单的破解这些WordPress主题里的加密代码。 首先，找到这些加密代码，通常他们是这个样子的： 然后，打开你的index.php文件，找到调用footer的php代码，通常你会看到： < ?php get_footer(); ?> 关键一步：在这行代码前后加上代码注释， < ?php get_footer(); ?> 保存index.php并上传到你的空间去。 接下来，我们在浏览器刷新一下自己的网站首页（homepage），并确保浏览器缓存已经删除，然后点击鼠标右键，点击“查看源文件V”。这个时候你会看到你的首页footer前后出现你前面做的代码注释，注释里面的内容其实就是未加密的内容！现在任务就轻松了，把未加密的footer内容替代 footer.php里面的加密代码吧，大功告成！ 注：你可以修改解密后的footer.php文件，而且不会对网站有任何影响。

要补充的一句话：如果你真的尊重主题的开发者的劳动（一个漂亮的主题开发起来非常困难），那么请把链接加上。 （2）function文件加密 方法：把加密的一一破解，可以用chinaz在线破解工具，然后和footer文件进行对照，你就能看出来了 （3）删除eval语句 一：先删除header.php里开头的那个eval语句，即： eval(str_rot13('shapgvba purpx_s_sbbgre(){vs(!(shapgvba_rkvfgf("purpx_sbbgre") ...... vagnpg');qvr;}}purpx_s_sbbgre();')); ?> 二：将header.php里第二处eval语句 < ?php eval(str_rot13('shapgvba purpx_shapgvbaf(){vs(!svyr_rkvfgf(qveanzr(__SVYR__) ...... vagnpg');qvr;}}purpx_shapgvbaf();')); wp_head(); ?> 用 < ?php get_header(); ?> 替换掉。 三：去掉functions.php开头的 check_header(); 有多少处就删多少处！！！ 至此，你已经可以正常使用这套主题了，而且对对footer.php也有绝对的控制权了。 注意：主题里有部分php文件使用了特殊的编码，请不要用记事本修改，否则可能造成前台空白。

从零开始制作 WordPress 主题(修订版)

从零开始制作WordPress主题 目录 下载教程源代码 (5) WordPress主题教程#1：介绍 (5) HTML基本规则： (6) WordPress专业术语： (7) WordPress主题的层次结构： (7) WordPress主题教程#2：模板文件和模板 (7) Header模板文件: (8) Index模板文件： (8) Sidebar模板文件 (9) Footer模板文件： (10) WordPress主题教程#3：开始Index.php (10) 第1步：打开XAMPP控制面板。 (10) 第2步：创建你的主题文件夹。 (11) 第3步：创建index.php和style.css文件。 (11) index.php解释： (12) 第4步：创建style.css。 (12) 第5步：安装你的主题。 (13) WordPress主题教程#4a：Header模板 (14) 第1步：打开XAMPP和主题文件夹。 (14) 第2步：打开index.php (14) 第3步：调用博客标题 (15) 第4步：调用博客链接 (16) WordPress主题教程#4b：Header模板2 (17) 第1步：开启XAMPP和打开index.php (17) 第2步：给博客的标题添加H1的标签 (17) 第3步：添加博客描述 (17) 第4步：DIV标签 (18) 第5步：添加Header DIV标签 (18)

WordPress主题教程#5：主循环 (18) 第1步：创建container Div (19) 第2步：输入主循环代码 (19) 第3步：调用日志标题 (20) 第4步：给日志标题加上链接 (21) WordPress主题教程#5b：日志内容 (22) 第1步：使用the_content()函数显示日志内容 (23) 第2步：使用DIV标签把博客日志的内容和标题区分开 (25) 第3步：给日志的标题和内容添加class=”post”的DIV标签 (26) WordPress主题教程#5c：日志元数据 (28) WordPress主题教程#5d：Else，日志ID，链接标题 (31) 第1步：Else (31) 第2步：日志ID (32) 第3步：链接标题 (32) WordPress主题教程#5e：日志导航链接 (33) WordPress主题教程#6：侧边栏 (34) 第1步：创建id为“sidebar”的DIV (34) 第2步：给侧边栏的DIV添加无序列表 (34) 第3步：给这个无序列表添加原属 (35) 第4步：添加分类链接列表 (35) WordPress主题教程#6b：页面链接列表 (36) WordPress主题教程#6c：存档和链接列表 (39) 第1步–添加存档链接列表。 (39) 第2步：添加友情链接列表 (40) WordPress主题教程#6d：搜索框和日历 (41) 第1步：增加搜索框 (41) 第2步：增加日历 (43) 第3步：增加元数据 (44) WordPress主题教程#6e：窗体化侧边栏 (45) 第1步：创建functions.php文件 (45)

WORDPRESS主题中头部图片自定义功能的实现

为WordPress主题添加顶部自定义图片功能 发表于38天前?Wordpress?作者原文?评论数3?被围观496次+ 在WordPress主题中，头部（header）的自定义一般来说就是能让用户在后台能够自行更改主题默认显示的图片或者标题的大小颜色这些功能。而为一个主题添加上这些后台选项并不难，在WordPress较新的版本中已经为我们定义好了模块（add_custom_image_header），我们只需要对主题的一些文件简单修改即可。 这里我以自己制作的免费主题Js O4w为例简单说一下。首先我会建立一个新的文件并命名为banner.php，名字大家随便就可以了，把它放到主题的目录中去。而我放置的路径为inc/banner.php。文件的代码简单如下： 1. 9.