14

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

wpdesign02

WordPress的页面结构

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

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

代码如下:

<?php get_header()?>

<?php get_footer()?>

(2)然后在wpc-tomheng目录下建立一个header.php文件。写入如下代码:

写入如下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title> <?php bloginfo('name'); ?></title>

<linkrel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

</head>

<body>

<div >

<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

<div class="description"><?php bloginfo('description'); ?></div>

</div>

</body>

(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地址 http://blog.webfuns.cn/wp-content/themes/inove/style.css
comments_rss2_url 评论的rss订阅地址 http://blog.webfuns.cn/comments/feed
description 副标题 webfuns
admin_email 管理员的邮箱 admin@webfuns.cn
version WordPress 的版本 2.8
language 当地的语言 Zh-cn

二、get_option()函数

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

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

有任何问题可以在此留言,我会及时做出回复。也欢迎的大家对教程提出意见和建议,我将做出及时的调整。



更多




请输入您的Email地址,订阅WordPress电子报:

填写您的邮件地址,订阅我们的精彩内容:

,

  1. 我的配偶和我绊倒在这里,不同的页面,并认为我应该检查的事情了。我喜欢我所看到的所以现在我跟着你的。期待您的网页第二次。

  2. 我知道,如果偏离主题,但我期待开始我自己的博客,很好奇,什么都需要得到成立吗?我假设有一个像你的博客将花费相当的一分钱吗?我不是很互联网的智能,所以我一定不是100% 。任何建议或意见,将不胜感激。谢谢

  3. Pingback: wordpress主题制作教程4 – footer.php制作流程 | 冰狐设计

请不要在评论里发HTML格式的链接,会直接被屏蔽。

无觅相关文章插件,快速提升流量