阿豪的个人博客网站_专注于web项目前端、后端、api接口、小程序、公众号、WordPress模板开发。

这个世界是美丽的,就算充满了悲伤和泪水,也请你睁开双眼,去做你想做的事,成为你想成为的人,去爱你想爱的人,找你想要的朋友。
不必焦躁,不必迷惘,请慢慢地长大,无论发生什么事情,请不要后悔与这个世界相遇。

WordPress模板开发–模板创建及介绍

WordPress主题由模板文件组成。这些是PHP文件,包含HTML,模板标签和PHP代码的混合。

先来看一下创建一个最简单的主题的目录结构:

WordPress
---wp-content
---- test // 这个就是我们创建的模板目录(目录下必须包含index.php和style.css)
------ index.php // 模板的首页(必需)
------ style.css // 模板的css样式(必需)

二个文件就构成一个简单的WordPress模板。index.php后面我们制作首页时会讲到,现在我们主要介绍一下style.css这个文件不止是用来写css,在这个文件里还要用来声明一些模板的信息,就是在后台的模板列表里我们看到的一些模板信息介绍。

/*
Theme Name: Test // 模板名称
Theme URI: https://fujuhao.com // 模板uri
Author: fujie // 模板开发者名称
Author URI: https://wp.fujieb.com // 开发者的网址
Description: WordPess制作的第一个模板 // 模板的介绍
Tags: blog, wordpress, php, css。 // 模板标签
Version: 1.0 // 模板的版本
Requires at least: 5.0 // 支持WordPress的版本
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

在style.css里定义好这些信息,在后台我们就可以看到了我们配置模板的一些信息,在后台启用模板,就可以预览我们创建的模板,当然现在index.php里没有任何内容会输出空白页,可以用编辑打开index.php,在里面写入以下html标签来预览Hello,WordPress!

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>第一个WordPress模板</title>
</head>
<body>
	<h3>Hello WordPress!</h3>
</body>
</html>

以下是WordPress可以识别的一些基本主题模板和文件的列表。

index.php
  主模板文件。在所有主题中都是必需的。
style.css
  主要样式表。 在所有主题中都是 必需的,并且包含您主题的信息标题。
rtl.css
  如果网站语言的文本方向是从右到左,则会自动包含从右到左的样式表。
comments.php
  评论模板。
front-page.php
  不管管理>设置>阅读上有什么设置,首页模板始终用作网站首页(如果存在)。
home.php
  主页模板默认为首页。如果未将WordPress设置为使用静态首页,则此模板用于显示最新帖子。
header.php
  标题模板文件通常包含您站点的文档类型,元信息,指向样式表和脚本的链接以及其他数据。
singular.php
  如果single.php找不到帖子,则使用单个模板;如果找不到页面,page.php则用于页面。 
  如果singular.php找不到,index.php则使用。
single.php
  当访客请求单个帖子时,将使用单个帖子模板。
single- {post-type} .php
  访客从自定义帖子类型请求单个帖子时使用的单个帖子模板。例如,single-book.php将用于显示来自名为book的自定义帖子类型的单个帖子。将index.php被使用,如果自定义职位类型的特定查询模板不存在。
archive- {post-type} .php
  当访问者请求自定义帖子类型存档时,将使用存档帖子类型模板。例如,archive-books.php将用于显示来自名为books的自定义帖子类型的帖子存档。该archive.php模板文件使用,如果archive-{post-type}.php不存在。
page.php
  当访问者请求单个页面(内置模板)时,将使用页面模板。
页面-{slug} .php
访问者请求特定页面(例如带有“ about”块(page-about.php)的页面)时,将使用页面块模板。
category.php
  当访客按类别请求帖子时,将使用类别模板。
tag.php
  当访客按标签请求发布时,将使用标签模板。
taxonomy.php
  当访客请求自定义分类法中的术语时,将使用分类法术语模板。
author.php
  每当访客加载作者页面时,都会使用作者页面模板。
date.php
  当按日期或时间请求帖子时,将使用日期/时间模板。例如,使用这些条生成的页面:
  http : //example.com/blog/2014/
  http://example.com/blog/2014/05/
  http://example.com/blog/2014/05/26/
archive.php
  当访客按类别,作者或日期请求帖子时,将使用存档模板。注意:如果存在更具体的模板(如category.php和)author.php,则此模板将被覆盖date.php。
search.php
  搜索结果模板用于显示访问者的搜索结果。
attachment.php
  当查看单个附件(例如图像,pdf或其他媒体文件)时,将使用附件模板。
image.php
  图像附件模板是的特定版本,attachment.php在查看单个图像附件时使用。如果不存在,则将使用WordPress attachment.php。
404.php
  当WordPress无法找到符合访问者请求的帖子,页面或其他内容时,将使用404模板。

也就是说我们可以在test目录里可以创建这些php文件,一旦创建后WordPress会自动识别这些文件,以上常用的一些模板文件在后面的教程我会讲如何使用。

{{model.comment_total}} 条评论
Loading...
更多评论