我觉得学习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:数据表中键名以_开头的都是隐藏的,也就是不会显示在后台仪表盘页面上给用户看到。

学习笔记5——wp主题开发的更多相关文章

  1. amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules

    amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一.总结 1.见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史 ...

  2. amazeui学习笔记二(进阶开发4)--JavaScript规范Rules

    amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...

  3. amazeui学习笔记二(进阶开发3)--HTML/CSS规范Rules

    amazeui学习笔记二(进阶开发3)--HTML/CSS规范Rules 一.总结 1.am:以 am 为命名空间 2.模块状态: {命名空间}-{模块名}-{状态描述} 3.子模块: {命名空间}- ...

  4. amazeui学习笔记二(进阶开发2)--Web组件简介Web Component

    amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS ...

  5. VSTO 学习笔记(十一)开发Excel 2010 64位自定义公式

    原文:VSTO 学习笔记(十一)开发Excel 2010 64位自定义公式 Excel包含很多公式,如数学.日期.文本.逻辑等公式,非常方便,可以灵活快捷的对数据进行处理,达到我们想要的效果.Exce ...

  6. Spring MVC 学习笔记12 —— SpringMVC+Hibernate开发(1)依赖包搭建

    Spring MVC 学习笔记12 -- SpringMVC+Hibernate开发(1)依赖包搭建 用Hibernate帮助建立SpringMVC与数据库之间的联系,通过配置DAO层,Service ...

  7. springmvc学习笔记(13)-springmvc注解开发之集合类型參数绑定

    springmvc学习笔记(13)-springmvc注解开发之集合类型參数绑定 标签: springmvc springmvc学习笔记13-springmvc注解开发之集合类型參数绑定 数组绑定 需 ...

  8. Android:日常学习笔记(8)———探究UI开发(5)

    Android:日常学习笔记(8)———探究UI开发(5) ListView控件的使用 ListView概述 A view that shows items in a vertically scrol ...

  9. Android:日常学习笔记(7)———探究UI开发(4)

    Android:日常学习笔记(7)———探究UI开发(4) UI概述  View 和 ViewGrou Android 应用中的所有用户界面元素都是使用 View 和 ViewGroup 对象构建而成 ...

随机推荐

  1. 图像处理库CImg

    CImg 是一个用C++编写的开源数字图像处理库.   作者介绍   作者David Tschumperlé, 之前是法国La Rochelle大学的一名教授,现受雇于CNRS 图像组.据说作者从19 ...

  2. yield和yield from

    yield from的前世今生都在 这个PEP里面,总之大意是原本的yield语句只能将CPU控制权 还给直接调用者,当你想要将一个generator或者coroutine里带有 yield语句的逻辑 ...

  3. Ubuntu下HTTPS配置

    Ubuntu下HTTPS配置非常简单,对大部分用户而言,使用普通的自签名证书,只需按照步骤进行就可以了,无需了解密钥.证书的更多知识,更深的背景知识还有RSA算法.DES算法.X509规范.CA机构. ...

  4. nconf修改密码

    修改nconf登录界面密码 [root@Cnyunwei config]# vi .file_accounts.php <?php/*## User/Password file for simp ...

  5. 更改IDEA默认使用JDK1.5编译项目

    在使用IDEA编译项目时,总是提示我编译失败,有些功能是在1.5之后的版本才支持.废了好大的功夫才编译成功.下面呢,就是更改编译的过程了! 一.初步更改 使用快捷键Ctrl+Alt+Shift+S打开 ...

  6. java代码(生成long类型数字)

    package test; public class GenerateNum { public static void main(String[] args) { //定义为long类型,需在数值后面 ...

  7. Block中__block实现原理

    三.Block中__block实现原理 我们继续研究一下__block实现原理. 1.普通非对象的变量 先来看看普通变量的情况. #import <Foundation/Foundation.h ...

  8. charles连接手机抓包--------最详细的步骤

    首先确保电脑和手机连接到同一个热点上 电脑连接热点以后,首先打开Charles设置Charles的setting port一般都默认8888 Enable transparent HTTP proxy ...

  9. ssh的server安装和安装指定版本的软件的方法

    ssh程序分为有客户端程序openssh-client和服务端程序openssh-server.如果需要ssh登陆到别的电脑,需要安装openssh-client,该程序ubuntu是默认安装的.而如 ...

  10. Sql Server 自动备份

    1)启动代理服务 服务->Sql server 代理启动 2)设置维护计划 维护计划->设置维护计划向导->修改名称及说明 3)更改计划 4)选择维护任务 5)顺序调整不做解释 6) ...