学习笔记5——wp主题开发

Posted 2020-10-17 Ryan.zheng

我觉得学习wordpress插件开发之前还是得先理解一下wp的主题开发，循序渐进才能学好wordpress开发，话不多说，接下来整理一下这两天学习的wordpress主题开发的一些心得和体会，与大家一起分享，如果有哪些地方存在异议，敬请指出！

先简单的介绍一下什么是主题，wp的主题就是你的wp主页显示的内容，你可以自定义你的wp页面以什么样的形式去显示给用户看，其实跟平时我们自己开发网站没什么两样，都是得自己写css、html、php代码，区别就是可以使用wp内部自定义的函数，wp内部封装很多函数供我们使用，还有wp内部内定了很多模版，只要在你的主题下面按照wp规定命名一些文件，wp都会智能地去调用，例如404.php，header.php等等，接下来我也会详细介绍这些文件在wp中的命名规则。　　

首先简单介绍一下wp数据库表结构：

wp_comments表：存储了wp的所有评论内容；

wp_commentmeta表：评论元数据表，存储了评论的一些附加信息；

wp_links表：存储了wp网站的所有链接；

wp_options表：存储了wp中的基本信息；

wp_posts表：存储了wp中上传的文章信息；

wp_postmetab表：存储了文章的元信息；

wp_terms表：存储了wp中的分类信息；

wp_termmeta表：存储了wp中的分类元信息；

wp_users表：存储了wp中的用户信息；

wp_usermeta表：存储了wp中的用户元信息；

wp的主题模版是如何加载的呢？

wp一开始会进入index.php文件，

 

然后载入wp-blog-header.php,在此文件中进行数据库等初始化过程，接下来会调用template-loader.php进行模版的载入，也就是载入／wrdpress/wp-content/themes/文件夹里面的模板。所以每次你进入wp，看到的首页其实就是themes目录下其中一个模板的index.php页面。

主题模板的创建和安装？

主题模板的创建就是在／wp_content/themes/下创建一个文件夹my-themes（名称你自己决定），在新文件夹下新建一个style.css文件，在css文件的开头处加上一段包含Theme Name: my-themes的注释，接下来你可以选择一张图片作为你的themes的图片，有个要求就是图片名称必须命名为screenshot.png,这样wp才能识别出来（接下来会有很多文件的创建也是必须指定文件名），然后保存，打开你的仪表盘页面下的外观-主题，你会看到你刚刚创建的主题模板。

/*
Theme Name: Ryan.Zheng
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen\'s simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

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.
*/
/*#header{
	background: green;
}*/

　　

顶部和底部模板的调用：

你可以在你新建的模板文件夹my-themes下,新建两个文件header.php和footer.php，wp会默认这两个文件为模版的头部文件和底部文件，然后将index.php文件中的头部代码和底部代码分别存放于这两个文件中。你可以在index.php中通过get_header()和get_footer()这两个函数久可以直接header.php和footer.php文件中的代码，是不是很方便！相比之前的php代码，我们的做法是通过include \'header.php\';这种格式去调用。下图是wp默认的一些文件的命名，

 

 

如何才能调用数据库里的数据？

一开始我们的想法可能是通过pdo连接数据库，然后各种query();的方式去处理,wp为我们提供了很多函数，你可以直接通过一个函数获取带你想要的数据库数据，接下来我会介绍一下如何调用wp_options表的数据，其他的大家触类旁通。

wp_options表存放了wp网站的一些基本的信息，例如博客名称，网站地址，编码等等，你可以通过get_option(键名)获取wp_option表的数据，你也可以通过update_option(键名，新的键值)函数修改键值。

ps：数据表中键名以_开头的都是隐藏的，也就是不会显示在后台仪表盘页面上给用户看到。