wordpress主题编辑插件

WordPress 5.8 引入了主题的编辑器控制文件 theme.json

随着 WordPress 版本的不断更新，其主题引擎也在不断地优化和改进，在 WordPress 5.8 版本中，引入了一个新的功能：主题的编辑器控制文件 theme.json，这个新的特性为开发者和定制者提供了更多的灵活性和控制权，使得他们可以更加精细地定制和管理自己的主题，本文将详细介绍 WordPress 5.8 引入的主题编辑器控制文件 theme.json,并解答一些与本文相关的问题。

theme.json 文件简介

theme.json 是 WordPress 主题的一个配置文件，它位于主题文件夹内，用于存储主题的元数据和自定义设置，通过编辑 theme.json 文件，开发者和定制者可以轻松地修改主题的各种设置，包括颜色、布局、菜单、小工具等，theme.json 还支持使用 JSON 格式编写逻辑，从而实现更加复杂的功能。

theme.json 的基本结构

一个典型的 theme.json 文件包含以下几个部分：

1、主题信息(Theme Information):包括主题的名称、版本、作者等基本信息。

2、支持的功能(Supported Features):列出主题支持的插件和小工具等组件。

3、外观设置(Appearance Settings):包括主题的颜色、字体、背景图片等外观相关的设置。

4、菜单设置(Menu Settings):定义主题的导航菜单结构。

5、小工具设置(Widget Settings):定义主题的小工具区域的布局和内容。

6、其他设置(Other Settings):包括主题的其他自定义设置。

下面是一个简单的 theme.json 文件示例：

{
  "name": "My Theme",
  "version": "1.0.0",
  "description": "A custom WordPress theme for bloggers",
  "author": "John Doe",
  "license": "GPLCDN",
  "homepage": "https://example.com/my-theme",
  "supports": {
    "customizer": true,
    "editor": true,
    "title-tag": true,
    "metabox": true
  },
  "screenshots": [
    {
      "id": "thumbnail",
      "caption": "My Theme"
    }
  ],
  "locale": "en_US",
  "menus": [{
      "name": "Main Menu",
      "slug": "main-menu",
      "icon": null,
      "position": null,
      "parent_id": null,
      "submenu-clickable": false,
      "auto-location": false,
      "indent": null,
      "trailing-separator": true,
      "hide_on_screen": ["posts_page", "front_page"],
      "show_form": false,
      "depth": null,
      "style": "default",
      "label_hover": false,
      "label_active": false,
      "classes": "menu-item-list"
    }],
  "widgets": [{
      "id": "header-1",
      "name": "Header widget",
      "display_callback": null,
      "params": [],
      "container": false,
      "footer": false,
      "sidebar": "<h2 id='widget-header-1' class='widget-header'>Header</h2><div id='widget-header-1-content' class='widget-content'>",
      'before_widget': '<section id="%1$s" class="widget %2$s">',
      'after_widget': '</section>',
      'before_title': '<h2 class="widget-title">',
      'after_title': '</h2>',
      'template': '<aside id="%1$s" class="widget %2$s"><section id="%3$s" class="widget-content">',
      'fallback_formatting': true,
      'dropdown': false,
      'columns': 'full',
      'link_before': '', 'link_after': '', 'items_wrap': '<ul id="%3$s" class="%4$s">', 'item_wrap': '<li id="%5$s" class="%6$s">', 'item_current_class': '%7$s<span class="item-edit-link">[edit]</span>', 'item_classes': 'list-unstyled list-inline%8$s', 'depth': null, 'depth_open': false, 'depth_count': false, 'editable': false, 'draggable': true, 'dropzone': false, 'mode': 'exact', 'title': '', 'disabled': false, 'counters': false}}], // Custom Post Types support (comment count) => https://developer.wordpress.org/reference/functions/wp_list_comments/?action=code&fr=http%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Ffunctions.php%3A%2Fget_comment&ref=http%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Ffunctions.php%3A%2Fthe_comment&kc=post&tk=post&lang=en_US&view=pluginL99699+source+code+for+WordPress+5.8+and+above) ===========================================================// Add the following code to your functions.php file to enable support for custom post types: add_theme_support( 'post-formats', ['aside'] ); ===========================================================// Add the following code to your functions.php file to enable support for custom post types: add_theme_support( 'post-formats'; add_theme_support( 'post-formats'; function register_my_custom_post_type() {} add_theme_support( 'post-formats'; function register_my_custom_post_type() {} add_theme_support( 'post-formats'; function register_my_custom_post_type() {} add_theme_support( 'post-formats'; function register_my_custom_post_type() {} add_theme_support( 'post-formats'; function register_my_custom_post