wordpress 主题开发
- wrodpress
- 2024-05-23
- 47热度
- 0评论
相关文档:https://www.wpzhiku.com/document/wordpress-plugin-basics/
wp_query查询内容:https://developer.wordpress.org/reference/classes/wp_query
wp_comments-query评论查询:https://developer.wordpress.org/reference/classes/wp_comment_query
应用程序接口:https://make.wordpress.org/core/handbook/best-practices/core-apis/
官方开发文档:https://developer.wordpress.org/themes/basics/theme-functions/
主题相关
1.如何为不同分类的页面显示不同的模板。
文章页面默认调用的是single.php,可以在single.php里判断不同的分类,include不同的模板文件。
2.get_template_part
get_template_part( $slug, $name = null,$args = array() ),将模板部件加载到模板中,并传递一个参数。
要将此功能与主题目录中的子文件夹一起使用,只需在 slug 之前添加文件夹名称即可。例如,如果您的主题目录中有一个名为“partials”的文件夹,而该子文件夹中有一个名为“content-page.php”的模板部分,则可以这样使用get_template_part():
Hook列表
1.after_setup_theme
在主题初始化后(funtions.php已经执行完毕),每次页面加载期间都会调用此钩子。它通常用于执行主题的基本设置、注册和初始化操作。
2.init
大部分 WP 在这个阶段被加载,并且用户被认证。WP 继续加载随后的“init”钩子(例如小部件),许多插件出于各种原因在其上实例化自己(例如,它们需要用户、分类等)。
3.wp_loaded
彻底加载完毕, WP、所有插件和主题完全加载并实例化,就会触发此钩子。https://developer.wordpress.org/reference/hooks/wp_loaded/
4.admin_init
当管理员页面或脚本正在初始化时触发,当用户访问管理区域时,在任何其他挂钩之前触发。不仅在面向用户的管理屏幕上运行。它也在 admin-ajax.php 和 admin-post.php 上运行。
加载顺序:after_setup_theme --> init --> wp_loaded --> admin_init
5.wp_enqueue_scripts、admin_enqueue_scripts、login_enqueue_scripts
当脚本和样式入队时触发。用于将主页面的脚本和样式排入队列。
6.edit_form_after_title
在WordPress撰写文章页面添加一段提示标语的功能。
7.wp_head、wp_body_open(放在Body之后)、wp_footer
利用钩子函数的输出,在指定标签的位置输出相应的内容;wp_head(),方法内就是一个do_action("wp-head")
8.after_switch_theme
主题切换后,第一次加载wp时触发的钩子;check_theme_switched()检查是否已经触发这个钩子
9.save_post、publish_post、edit_post
在文章保存后立即触发,remove_all_actions(),移除所有钩子,did_action(),钩子的运行次数
10.admin_menu
在后台加载管理菜单之前触发。
主题可用函数
带s的方法一般是钩子函数的包装器,可以直接传入函数作为钩子;
1.add_theme_support
WordPress 默认隐藏了很多功能,我们可以通过 add_theme_support() 函数启用它们,add_theme_support可以在主题的functions.php中调用,如需在hook中调用的必须在after_theme_setup中调用;
- add_theme_support( 'post-thumbnails' ,[array( 'post' )]); 启用指定类型文章的缩略图功能,不指定第二个参数时默认为全部文章启用缩略图功能;
- post-formats:文章形式。
- html5:HTML5支持。
- custom-logo:自定义网站Logo图标。
- custom-header-uploads:顶部图像上传。
- custom-header:自定义网站顶部内容。
- custom-background:自定义网站背景内容。
- title-tag:自动生成页面标题信息,需调用。
- customize-selective-refresh-widgets:小部件选择性更新。
- starter-content:内容初始化。
- responsive-embeds:自适应嵌入内容。
- align-wide:配置块编辑器宽对齐。
- dark-editor-style:配置暗风格块编辑器。
- disable-custom-colors:禁用快编辑器自定义颜色。
- disable-custom-font-sizes:禁用快编辑器自定义字体大小。
- editor-color-pallete:配置块编辑器调色板。
- editor-font-sizes:配置块编辑器字体大小。
- editor-styles:配置块编辑器样式。
- wp-block-styles:启用默认块编辑器样式。
2.目录、路径的相关函数
get_template_directory,获取活动主题所在的目录路径;
get_template_directory_uri()获取活动主题的完整URL;
get_stylesheet_uri(),获取活动主题的style.css的完整URL路径;
get_theme_file_path($file)、get_theme_file_uri($file) 一样 ,这个函数将返回主题中文件的路径(如果存在)。
3.wp_get_theme()
获取当前启用的主题相关说明信息(style.css文件内的主题说明),wp_get_themes(),获取系统内所有的主题信息;
4.样式、脚本加载
只在wp_enqueue_scripts(主页面)、admin_enqueue_scripts(后台)、login_enqueue_scripts(登录页面)钩子内可用;
参考:https://developer.wordpress.org/reference/functions/wp_add_inline_script/
5.删除已注册的样式表、脚本
- wp_deregister_style(style)
- wp_dequeue_script(script)
6.文章相关函数
这些函数需要在循环中工作,因为它们需要全局 post 对象,WordPress 循环会自动设置这个 post 对象。
- in_the_loop(),是否处于文章循环;
- get_the_ID,获取文章ID;
- the_title,输出文章标题
- the_title_attribute(['before'=>"前",'after'=>"后",'post'=>1]); 指定相关属性输出标题
- get_the_title,获取文章标题
- the_guid,文章的GUID
- get_the_guid,获取文章的GUID
- the_content,文章内容
- get_the_content,获取文章内容
- the_excerpt,文章摘要
- get_the_excerpt,获取文章摘要
- has_excerpt,是否有文章摘要
- post_password_required,是否需要密码
- next_post(),下一篇文章
- previous_post(),前一篇文章
7.缩略图
- has_post_thumbnail,是否拥有缩略图
- get_post_thumbnail_id,获取缩略图ID
- the_post_thumbnail,输出缩略图(img元素)
- update_post_thumbnail_cache
- get_the_post_thumbnail,缩略图(img元素)
- get_the_post_thumbnail_url,缩略图URL
- the_post_thumbnail_url,输出缩略图URL
- get_the_post_thumbnail_caption,缩略图文件标题
- the_post_thumbnail_caption,缩略图文件标题
8.站点信息
页面判断函数需要在指定声明周期之后才会有值,例如function加载的时候是没有的,wp_enqueue_scripts钩子内是有值的。
- bloginfo([$key])、get_bloginfo([$key]);
- is_user_logged_in(),是否已经登录
- is_home(),是否处于首页;
- is_admin(),是否处于后台;
- is_single(),传递空、文章ID、文章标题,判断是否在这个文章页面;
- is_sticky(),传递空、文章ID、文章标题,判断是否是置顶的文章
- is_page(),传递空、文章ID、文章标题,判断是否在这个页面;
- $paged = $wp_query->get( 'page' ); 获取分页所处的页数;
- is_page_template(‘about.php’),是否处于某个页面模板;
- is_category(),传递空、分类ID、分类标题,判断是否在某个分类页面;
- is_archive()、is_search()、is_404()
以上所有get都可以单独指定wp_post对象;
9.列表
- 传递一个配置数组获取页面列表:wp_list_pages()
- 传递一个配置数组获取目录列表:wp_list_categories()
- 传递一个配置数组获取评论列表:wp_list_categories()
10.posts表相关操作方法
- wp_update_post(),更新文章
- wp_insert_post(),插入文章
- wp_is_post_revision(),
- wp_trash_post(),删除文章到回收站
- wp_delete_post(),删除文章
- wp_publish_post(),发布文章,改为发布状态
相对应的还有wp_insert_attachment、wp_insert_category等钩子;
11.网络
- wp_send_json_success
- wp_send_json_error
- wp_send_json
- 响应json数据,然后die
11.附件
- wp_get_attachment_thumb_file
- wp_get_attachment_thumb_url
- wp_get_attachment_link
- wp_get_attachment_url
- wp_get_attachment_image_src
- wp_generate_attachment_metadata,获取附件的元信息
- wp_update_attachment_metadata,更新附件的元信息
post表保存的是基本信息,访问附件的URL保存在post_meta表
12.wp_options表
option可直接存放一个数组;当我们单独访问许多选项数据时,可能导致许多单独的数据库事务,通常,数据库事务是昂贵的操作(就时间和服务器资源而言)而把许多选项作为数组存储和获取时,只会产生一个数据库事务,这是一种比较理想的操作。
- update_option 更新WP设置选项
- delete_option,从 WordPress 选项数据表中安全删除“选项/值”对的方法。
- add_option 添加设置选项
- get_option 获取选项设置值
- add_site_option、get_site_option...
13.wp_posts文章类型
Post、Page、Attachment、Revision、Navigation Menu Items
14.转义
- esc_html() – 在显示 HTML 时,使用此函数。
- esc_url() – 在输出 URL 时,使用此函数,包括在src和href属性中的 URL。
- esc_js() – 对内联 JavaScript 使用此函数。
- esc_attr() – 把数据设置为 HTML 元素属性时使用此能力。
- 相对于使用 echo 输出数据,我们应该更多的使用 WordPress 的本地化能力,如 _e() 或 __()
15.简码
- add_shortcode()
- remove_shortcode()
- shortcode_exists()
- 简码解析器只对简码的内容进行一次传递。
- 可以在处理函数的最终返回值上调用 do_shortcode() ,使 $content 中包含的简码也可以被解析。简码可以接受一些参数,我们称之为简码的属性
16.元数据
指的是post_meta表里的数据,一般用于保存post表内容有关的元数据。
- get_post_meta($postID, $count_key, true); //查询元字段数据
- delete_post_meta($postID, $count_key);//删除原字段数据
- add_post_meta($postID, $count_key, '0');//新增元字段数据
- update_post_meta($postID, $count_key, '0');//更新元数据
17.query_posts函数
query函数用于查询文章,将会修改wordpress主查询的指向:
wp_reset_query用于重置主循环的指针。
18.get_posts函数
指定参数查询文章,返回一个wp_Query对象数组,代表所有符合条件的文章:
支持的参数:https://developer.wordpress.org/reference/classes/wp_query/parse_query/
19.get_query_var函数
get_query_var用于查询公共变量,例如
20.update_user_meta
update_user_meta用于更新用户信息
- userid,代表需要更新数据的用户ID
- meta_key,代表需要更新的key
- meta_value,更新之后的值
- prev_value,更新前的值,用户区分具有相对用户ID和key的数据,不指定时将更新所有数据
21.站点URL
- plugins_url() — 插件目录的 URL (例如:https://nicen.cn/wp-content/plugins)
- includes_url() — includes 目录的 URL (例如:https://nicen.cn/wp-includes)
- content_url() — content 目录的 URL (例如:https://nicen.cn/wp-content)
- admin_url() — admin 目录的 URL (例如:https://nicen.cn/wp-admin/)
- site_url() — 当前网站的 URL (例如:https://nicen.cn)
- home_url() — 当前网站首页的 URL (例如:https://nicen.cn)
22.获取标签、目录链接
get_tag_link 调用的是get_category_link,get_category_link又调用get_term_link(参数为对象或term_id)
23.获取用户的头像
24.判断是不是移动设备
25.获取查询对象
26.获取所有标签
WP_Rewrite对象
WP_Rewrite是 WordPress 的类,用于管理重定向规则。官方不建议直接修改该对象的属性,而是通过它的方法进行操作。
API文档:https://codex.wordpress.org/Rewrite_API
自定义编辑器
TinyMCE:https://www.tiny.cloud/docs-4x/api/tinymce/root_tinymce/
1.TinyMCE4.x版本相关方法
- create(s:String, p:Object, root:Object),创建一个类、子类或静态单例,https://www.tiny.cloud/docs-4x/api/tinymce/root_tinymce/#create
s (String) - 类名、继承和前缀。
p (Object) - 添加到类的方法集合。
root (Object) - 可选的根对象默认为全局窗口对象。 - tinymce.PluginManager,获取tintmce.Plugin类,用于管理插件;https://www.tiny.cloud/docs-4x/api/tinymce/tinymce.plugin/
2.添加插件的两种方式;
- 先create一个类,再通过PluginManager.add添加插件。
- 直接PluginManager.add一个对象,添加插件。
3.tinymce.Editor,编辑器核心API
官方文档:https://www.tiny.cloud/docs-4x/api/tinymce/tinymce.editor
- selection,代表编辑器内被选中的内容的对象;https://www.tiny.cloud/docs-4x/api/tinymce.dom/tinymce.dom.selection/
- getContent(),获取被选中对象的内容;
- setContent(),设置被选中对象的内容
- windowManager,可打开一个新的窗口或者对话框;https://www.tiny.cloud/docs-4x/api/tinymce/tinymce.windowmanager/
4.wp注册tinymce插件、样式、按钮
5.新增短标签
技巧
1.文章是否有缩略图
2.注册加载样式文件,并根据修改时间自动修正版本号
3.获取wordpress注册的所有action和filter钩子
4.去除头部无用代码
5.禁用区块编辑器
6.切换经典小工具编辑器
7.添加后台编辑器按钮
8.注册插件
9.wp版本比较
10.去除后台底部版权和文字提示
11.更换Gavatar镜像
12.修改文章摘要字数
13.添加页面模板
14.修改页面的固定链接
15.输出文章分页
官方文档:https://developer.wordpress.org/reference/functions/get_the_posts_pagination/
16.输出评论分页
17.用户是否登录
18.博客功能设置
模板循环
1.基本用法
注册主题菜单
- register_nav_menu(),注册单个自定义的主题页面菜单
- register_nav_menus(),注册多个自定义的主题页面菜单
- unregister_nav_menu(),删除菜单注册
- wp_nav_menu($args);给定一个theme_location参数,该函数显示分配给该位置的菜单。如果不存在这样的位置或没有为其分配菜单,则参数fallback_cb将确定显示的内容。如果没有给定theme_location参数,函数显示与menu参数给出的 ID、slug 或名称匹配的菜单;否则,第一个非空菜单;否则(或者如果 menu 给定的菜单为空),则输出fallback_cb参数给定的函数(默认为wp_page_menu());否则什么都没有。
- has_nav_menu(),判断某个注册的菜单是否已经被分配菜单
wp_nav_menu默认参数
后台添加菜单、主题设置
1.添加菜单和页面
- add_menu_page($page_title , $menu_title , $capability , $menu_slug , $callback ' , $icon_url ' , $position ),$menu_slug 为分节注册可用的page参数;$capability,代表用户需要什么权限才会显示这个菜单;
- add_menu_page、remove_menu_page,注册、删除一个顶级菜单已经相对应的页面;
- add_submenu_page、remove_submenu_page,注册、删除一个子菜单
- add_dashboard_page() –index.php、add_posts_page() –edit.php、add_media_page() –upload.php、add_pages_page() –edit.php?post_type=page、add_comments_page() –edit-comments.php、add_theme_page() –themes.php、add_plugins_page() –plugins.php、add_users_page() –users.php、add_management_page() –tools.php、add_options_page() –options-general.php、add_options_page() –settings.php、add_links_page() – link-manager.php– WP 3.5 以后,需要一个插件才能使用。
上面这些函数都有一个必须的参数capability。这意味着登录到后台的用户需要有相应的职能才能够看到这里添加的菜单选项。 如果你的主题或者插件有一个选项页,合理的 控制对该页的访问时非常重要的。例如,如果有一个主题选项页,你需要使用edit_themes这个职能(capability),如果是一个插件选项页,就需要使用edit_plugins职能。另一种方法是为插件和主题选项也使用manage_options这个职能.
2.添加设置
以下函数,可以编辑、修改、增加后台设置菜单的页面功能,以及新增菜单页面。
register_setting注册的能够通过表单自动更新、add_option只是普通的选项;
- register_setting('reading', 'wporg_setting_name',["type"=>"boolean","description"=>"描述"]); 为指定页面注册一个新设置(系统默认的有“general”、“discussion”、“media”、“reading”、“writing”和“options”),可以通过get_option获取register_setting的值;
- add_settings_section($id,$title,$callback,$page) ,在指定的设置页面($page)上添加一个标题为$title、内容为$callback输出的新分节。
- add_settings_field($id,$title,$callback,$page,$section,$args ) ,将指定标题的callback内容的新字段添加指定页面的指定分节上面。
- unregister_setting(),如字面意思;
- settings_fields( string $option_group ),输出register_setting注册的所有输入域;参数为option_group;(声明可以修改的选项)
- do_settings_sections( $page ),打印添加到特定设置页面的所有设置部分(HTML代码)
- submit_button( string $text = null, string $type = 'primary', string $name = 'submit', bool $wrap = true, array|string $other_attributes = null ),提供一个提交按钮;
- settings_fields()、do_settings_sections()、do_settings_fields()、 add_settings_error()、get_settings_errors()、settings_errors()
3.settings_fields()
用于输出表单带有表单提交时用于验证的input隐藏元素;
4.do_settings_sections
用于按照wordpress内置的格式输出表单的分节
5.do_settings_fields
用于按照指定的回调输出表单元素
文章密码处理
- post_password_required(),判断文章是否需要输入密码、是否已经输入密码;
- get_the_password_form(),输出用于密码输入的表单
文章评论
评论相关函数必须运行在comments.php内,其它文件内调用无返回结果;
- have_comments(),判断当前文章是否有评论;
- comments_open(),是否打开了评论功能;
- comment_form(),输出评论的表单;
- wp_list_comments(),输出评论列表;
- the_comments_navigation(),显示上、下一组评论;
- get_comments_number(),获取文章评论数量;
- is_user_logged_in(),当前访客是否登录;
- wp_get_current_user(),获取当前登录的对象,返回 WP_User 对象。
- wp_get_current_commenter(),获取当前评论着的姓名、电子邮件和 URL。
- paginate_comments_links(),评论的分页结构
- get_cancel_comment_reply_link(),获取取消回复的链接
- comment_form_title(),获取当前的评论状态;
- $reply_to_id = isset( $_GET['replytocom'] ) ? (int) $_GET['replytocom'] : 0;$comment = get_comment( $reply_to_id ); //获取回复的评论;
数据库操作
相关文章:http://www.sins7.cn/wordpress-wpdb-usage/
$wpdb是一个全局变量,包含多个关于数据库查询函数:
瞬态数据
相较于选项,瞬态的区别是可以设置数据到期时间。
- set_transient( $transient, $value, $expiration );
- get_transient(),获取值
- set_site_transient(),多站点时使用。
- get_site_transient()多站点时使用。
- delete_transient(),删除指定值。
- delete_site_transient(),多站点时使用。
内置的时间单位常量:
小部件
小部件本质就是一段可直接调用的代码块(分为边栏和挂件)。官方文档:https://codex.wordpress.org/zh-cn:%E5%B0%8F%E5%B7%A5%E5%85%B7%E6%8E%A5%E5%8F%A3、https://automattic.com/code/widgets/api/
1.register_widget
register_widget用于注册一个Wordpress默认的挂件;
2.the_widget
the_widget调用后,将输出指定的挂件
3.register_sidebars
register_sidebars用于注册一个侧边栏,可以指定一个索引进行注册
4.dynamic_sidebar
dynamic_sidebar用于输出注册好的侧边栏,通过索引指定输出某一个侧边栏
5.wp_register_sidebar_widget
wp_register_sidebar_widget用于注册一个边栏挂件。
5. is_active_sidebar( 'sidebar' )
判断指定的边栏是否有被激活的小工具;
用户角色和权限
官方文档:https://wordpress.org/support/article/roles-and-capabilities/
1.角色分类
WordPress 使用角色的概念来让博客的所有者对用户进行权限控制。博客所有者可以控制用户写文章、创建页面、管理插件、管理主题,以及管理其他用户的权限。博客所有者可以通过该工具分配用户权限。
- Administrator – 系统管理员
- Editor – 编辑,可以发布和编辑自己及他人发布的文章
- Author – 作者,可以发布和管理他们自己的文章
- Contributor –投稿者,他们可以投稿,和管理他们的文章,但是不能发布。
- Subscriber – 订阅者,可以阅读评论和接收newsletter
2.current_user_can( )
判断当前登录的用户是否具有指定的权限;检查当前用户是否有足够的职能去执行某些行为(action)
3.author_can( )
4.自定义用户角色
添加了一个新的角色叫做“document_uploader”,显示名称“Document Uploader"及一个职能的集合(在这个例子中,职能名称organize_document)。 可以使用current_user_can()检查当前用户是否被允许执行相应操作。
5.移除角色
6.修改已有角色的权限
wp总数计算
1.wp_count_posts
获取指定状态类型文章的总数量;
2.wp_count_terms
wp_count_terms用于获取标签或分类的总数;
3.评论总数
wp定时任务
1.wp_get_schedules
获取所有支持的定时任务时间间隔,看了一下源码,调用的是查看cron_schedules filter返回的数组;增加一个自定义的时间间隔:
2.wp_schedule_event
wp_schedule_event用于添加一个定时任务;
3.wp_clear_scheduled_hook
wp_clear_scheduled_hook用于清理定时任务;
4.wp_unschedule_event
wp_unschedule_event用于删除一个间隔时间;
HTTP API
参考文档:https://developer.wordpress.org/plugins/http-api/
1.wp_remote_get()
wp_remote_get用于进行Get请求,示例代码如下:
2.获取请求结果
- wp_remote_retrieve_body,获取响应的结果Body
- wp_remote_retrieve_response_code,获取响应的状态码
- wp_remote_retrieve_header,获取指定的响应头
3.wp_remote_post
wp_remote_post用于发起POST请求示例代码如下:
4.wp_remote_request
wp_remote_request用于进行自定义请求;
前端调用媒体中心
首先通过wp_enqueue_media加载前端所需的调用媒体中心的代码
同样的还可以通过加载wp_enqueue_editor调用编辑器 。
1.wp_enqueue_media
wp_enqueue_media用于加载wp.media所需的JS文件
相关文档:https://developer.wordpress.org/reference/functions/wp_enqueue_media/
2.wp.media
wp.media用于前端创建一个wp媒体中心窗体。可传入参数如下:
- frame,代表创建的窗体类型,可选值select、post、manage、image、audio、video、edit-attachments
- on(),绑定事件。
- media.state().get('selection').toJSON()); ,被选的图片
wordpress元框
1.add_meta_box
add_meta_box()函数是被用来在文章编辑等页面添加一个设置的区域的函数。
创建的文章类型默认的仅有标题、作者、分类、标签、日期和评论,这些也许对博客已经足够使用了,但是对于产品类型的文章来说,不仅仅需要标题和正文,还需要单独设置一些其它的参数,如产品价格、产品型号、规格大小等,那么就需要给文章类型添加Meta Box,通俗点理解就是自定义字段表单,下面就来以实例讲解下这个函数的用法。
- $id(字符串)(必需)字段id,唯一
- $title(字符串)(必需)标题名称,显示在文章编辑页面
- $callback(回调)(必需)回调函数
- $post_type(字符串)(必需)文章类型
- $context(字符串)(可选)显示位置,文章编辑页面包括’normal’, ‘side’, and ‘advanced’的形式,Menus meta boxes仅用’side’的形式
- $priority(字符串)(可选)优先级,默认值: ‘default’
- $callback_args(数组)(可选)传递到 callback 函数的参数。callback 函数将接收 $post 对象和其他由这个变量传递的任何参数。
实际例子:
输出表单之后,点击保存就会同时提交表单数据,wordpress不会自动处理这部分数据,需要自己判断并编写处理逻辑
参考:https://www.wuyanshuo.cn/93.html、https://www.daimadog.com/2456.html/comment-page-1
问题总结
1.save_post
wordpress自动保存也会触发这个钩子,可能导致异常输出;save_post钩子内进行wp_update_post会导致重复触发钩子
2.获取页面使用的模板
3.获取访问的目录和标签对象
4.获取作者的指定信息
author.php页面可以通过这个函数获取需要的数据。
5.设置代理
http_api_curl可以在请求之前对curl进行相关的处理。
6.对文章保存前的内容进行处理
wp_insert_post_data 在将文章数据插入数据库之前触发。可以使用这个钩子来修改保存的内容。
content_save_pre 在将文章内容保存到数据库之前触发。可以使用这个钩子来对保存的内容进行进一步处理。