陈德馨

WordPress主题教程:WordPress主题构成

713人参与 |分类: 站长百科|时间:2014年08月20日 11:55

WordPress 主题让 WordPress 网站五彩缤纷,是 WordPress 网站的衣服,也是 WordPress 的根本,从模板到功能,WordPress 无所不能,那么,一个完整的 WordPress 主题都由哪些东西构成呢?

文件目录

WordPress 主题位于 WordPress 根目录的 wp-content/themes ,一个 WordPress 主题为一个目录,而这个目录至少需要两个文件,一个是 style.css,一个是 index.php 。

目录结构地址如:wp-content/themes/dexin/style.css

主题目录中的其他文件和目录可以按常见命名习惯命名,如图片目录是 images ,在代码中则使用 get_bloginfo 函数输出主题目录地址,如图片目录地址:get_bloginfo( 'template_directory' ).'/images/';

style.css

style.css 是一个WordPress主题必备的文件,因为需要在这个文件开头使用注释声明主题,如:

/*

Theme Name: Twenty Thirteen

Theme URI: http://wordpress.org/themes/twentythirteen

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready

Text Domain: twentythirteen

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.

*/

以上是来自WordPress自带主题 twentythirteen 的 style.css 文件,含义如下:

Theme Name(主题名称)

Theme URI(主题链接)

Author(主题作者)

Author URI(主题作者链接)

Description(主题简介)

Version(主题版本号)

License(条款)

License URI(条款链接)

Tags(主题标签,用来描述主题的特性,如:响应式)

Text Domain(主题语言域,用于翻译,如 _e( 'Menu', 'twentythirteen' ); 中的 twentythirteen)

index.php

index.php 也是一个必备的文件,它可以代替所有模板文件(假如你没有定义相应的模板的话)。

screenshot.png

screenshot.png 是主题缩略图文件,twentythirteen 主题使用的大小是 880x660px,在后台查看主题时显示,和 style.css 一样位于主题根目录。可有可无,当然有会好看些。

functions.php

functions.php 用来给主题添加功能性代码,比如说替换Gravatar头像稳定服务器地址的代码就是添加在这里 ,一般情况下,定义全局变量,定义函数,使用动作和钩子的代码都会添加在这里。

模板文件

模板文件就太多了,除了这些默认的,你还可以自定义模板。通用头部模板使用 get_header 函数加载,通用底部模板使用 get_footer 函数加载,侧边栏模板使用 get_sidebar 函数加载,其他模板则使用 get_template_part 函数加载。

默认模板的加载顺序会在后面的 WordPress 的模板层次中详细讲解。

通用头部模板:header.php

通用底部模板:footer.php

首页模板:index.php/home.php/front-page.php

文章页模板:single.php

通用归档模板:archive.php

分类归档模板:category.php

标签归档模板:tag.php

日期归档模板:date.php

附件模板:attachment.php

静态页面模板:page.php

作者页模板:author.php

搜索页模板:search.php

搜索框模板:searchform.php

侧边栏模板:sidebar.php

评论框及评论列表模板:comments.php

404模板:404.php

构成代码

在 WordPress 主题中编码你可以和PHP混写(事实上就是写PHP代码,只是预设了大量常用变量和函数让你几乎不用自己写代码,只需要按规则调用即可),需要注意的是,实现一个功能之前最好先查阅一次官方文档确认 WordPress 没有内置再自定义,最大程度精简代码。

同时,WordPress 使用循环加载主要内容,使用模板标签加载指定内容,使用 Action (动作)机制插入处理代码,使用 Filter (钩子)机制过滤数据。

文档直达链接:

内容循环:http://codex.wordpress.org/zh-cn:%E5%BE%AA%E7%8E%AF

模板标签:http://codex.wordpress.org/zh-cn:%E6%A8%A1%E6%9D%BF%E6%A0%87%E7%AD%BE

条件标签:http://codex.wordpress.org/zh-cn:%E6%9D%A1%E4%BB%B6%E6%A0%87%E7%AD%BE

函数参考:http://codex.wordpress.org/zh-cn:%E5%87%BD%E6%95%B0%E5%8F%82%E8%80%83

动作和钩子:http://codex.wordpress.org/Plugin_API

来源:陈德馨博客(微信/QQ号:35435164),转载请保留出处和链接!

地址:

必填

选填

选填

◎已有 0 人评论,请发表您的观点。