共生wp/自定义构建器

使用流畅的界面构建WordPress自定义控制面板、部分和控件。

1.0.0 2018-12-01 06:58 UTC

This package is auto-updated.

Last update: 2024-09-29 05:08:39 UTC


README

使用流畅的界面构建WordPress自定义控制面板、部分和控件。

安装

Composer

$ composer require symbioticwp/customizer-builder

需求

设置

通过composer加载器启用动态类包含(PSR-4自动加载)。(提示:首先检查您的主题中是否已包含以下代码片段)

<?php
if (file_exists($composer = __DIR__ . '/vendor/autoload.php')) {
    require_once $composer;
}

始终使用customize_register钩子来添加自定义设置字段。

示例

functions.php

<?php
use Symbiotic\Customizer\CustomizerBuilder;

add_action("customize_register", function($wp_customize)
{
	$builder = new CustomizerBuilder($wp_customize);

	$builder->newPanel("post_types", "Post Types", function() use ($builder) {
		$builder->addSection("Posts", "Header", function() use ($builder) {
			$builder->addTextBox("post_title", "Post Title");
			$builder->addSelect("post_style", "Post Style", [
				"default" => esc_attr__("Default"),
				"grid" => esc_attr__("Grid"),
				"masonry" => esc_attr__("Masonry"),
			]);
		});
		$builder->addSection("Portfolio", "Header", function() use ($builder) {
			$builder->addTextBox("portfolio_title", "Portfolio Title");
			$builder->addSelect("portfolio_style", "Portfolio Style", [
				"default" => esc_attr__("Default"),
				"grid" => esc_attr__("Grid"),
				"masonry" => esc_attr__("Masonry"),
			]);
		});
	});
});

现在您可以在主题中使用字段值

<h1><?= get_theme_mod('post_title') ?></h1>
<?php get_template_part('template-parts/post/loop', get_theme_mod('post_style')); ?>

如何操作

免责声明

此仓库是分支,最初由SjorsO/wordpress-customizer-builder创建

变更日志

1.0.0
  • Select2 字段添加
  • 添加命名空间
  • 添加composer.json
  • 优先级 => 0