学习笔记5——wp主题开发
我觉得学习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主题开发的更多相关文章
- amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules
amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一.总结 1.见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史 ...
- amazeui学习笔记二(进阶开发4)--JavaScript规范Rules
amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...
- amazeui学习笔记二(进阶开发3)--HTML/CSS规范Rules
amazeui学习笔记二(进阶开发3)--HTML/CSS规范Rules 一.总结 1.am:以 am 为命名空间 2.模块状态: {命名空间}-{模块名}-{状态描述} 3.子模块: {命名空间}- ...
- amazeui学习笔记二(进阶开发2)--Web组件简介Web Component
amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS ...
- VSTO 学习笔记(十一)开发Excel 2010 64位自定义公式
原文:VSTO 学习笔记(十一)开发Excel 2010 64位自定义公式 Excel包含很多公式,如数学.日期.文本.逻辑等公式,非常方便,可以灵活快捷的对数据进行处理,达到我们想要的效果.Exce ...
- Spring MVC 学习笔记12 —— SpringMVC+Hibernate开发(1)依赖包搭建
Spring MVC 学习笔记12 -- SpringMVC+Hibernate开发(1)依赖包搭建 用Hibernate帮助建立SpringMVC与数据库之间的联系,通过配置DAO层,Service ...
- springmvc学习笔记(13)-springmvc注解开发之集合类型參数绑定
springmvc学习笔记(13)-springmvc注解开发之集合类型參数绑定 标签: springmvc springmvc学习笔记13-springmvc注解开发之集合类型參数绑定 数组绑定 需 ...
- Android:日常学习笔记(8)———探究UI开发(5)
Android:日常学习笔记(8)———探究UI开发(5) ListView控件的使用 ListView概述 A view that shows items in a vertically scrol ...
- Android:日常学习笔记(7)———探究UI开发(4)
Android:日常学习笔记(7)———探究UI开发(4) UI概述 View 和 ViewGrou Android 应用中的所有用户界面元素都是使用 View 和 ViewGroup 对象构建而成 ...
随机推荐
- SQL Server 查看列,添加列,修改列,删除列
查看表:exec sp_help 表名 查看列: exec sp_columns 表名 查看列:select * from information_schema.columns where table ...
- mirror.js 整合redux的好工具
mirror.js 很简单,让state管理更方便了,没有新增api,值 得使用 https://github.com/yurizhang/mirror package.json { "na ...
- springMVC 与 struts+hibernate+spring优缺点
springMVC: Spring 框架是高度可配置的,而且包含多种视图技术,例如 JavaServer Pages(JSP)技术.Velocity.Tiles.iText 和POI.Spring M ...
- hihocoder1831 80 Days
思路: 令p[i] = a[i] - b[i],p[i + n] = p[i](i = 1,2,...,n),则需要找出一段长度为n的连续序列使此序列的任一前缀和均大于-c.转化如下:首先求序列p的前 ...
- AFNetworking 一般用法
AFNetworking是一个用于iOS.macOS.watchOS和tvOS的功能强大的网络库.它构建在基础URL加载系统之上,扩展了强大的高级网络抽象,并将其构建为Cocoa.它有一个模块化的架构 ...
- 浏览器对DIV+CSS兼容性问题大总结
浏览器对DIV+CSS兼容性问题大总结 接触DIV+CSS架构已经快两年了,个人觉得css入门不难,但要学精并非一朝一夕的,现在大部分网络公司都比较主张用div+css来布局,这就面临着一个比较难的问 ...
- Spring Boot配置文件大全
Spring Boot配置文件大全 ############################################################# # mvc ############## ...
- 创建一个文件夹用于写入UTF-8编码的文件
实现效果: 知识运用: File类的CreateText方法 StreamWriter类的WriteLine方法 实现代码: private void button2_Click(object sen ...
- 几句话总结一个算法之RNN、LSTM和GRU
RNN 一般神经网络隐层的计算是h=g(w * x),其中g是激活函数,相比于一般神经网络,RNN需要考虑之前序列的信息,因此它的隐藏h的计算除了当前输入还要考虑上一个状态的隐藏,h=g(w*x+w' ...
- 【转】Java重构-策略模式、状态模式、卫语句
前言 当代码中出现多重if-else语句或者switch语句时.弊端之一:如果这样的代码出现在多处,那么一旦出现需求变更,就需要把所有地方的if-else或者switch代码进行更改,要是遗漏了某一处 ...