register_block_pattern 注册自定义Pattern

注册自定义 Pattern

WordPress 5.8 引入了一种新的功能,即为帮助开发人员创建以块编辑器为基础的自定义模式。register_block_pattern 函数使开发人员能够为用户提供自己的设计块模板,以帮助他们更快、更轻松地构建网站。

步骤1:确定块模式名称和类别

  1. “name”属性:必须使用单词字符或连字符。名称应反映块模式的内容。
  2. “title”属性:需要提供用户可识别的名称,以便他们可以选择正确的块模式。
  3. “categories”属性:块属于的一个或多个分类。分类名称应保持一致,并且应该在一定程度上反映块模式的功能。

	register_block_pattern(
		'custom-pattern/hero-section', // 名称
		array(
			'title'      => __( 'Custom Pattern – Hero Section', 'custom-pattern' ),
			'categories' => array( 'header', 'landing-page' ),
			'content'    => '',
		)
	);

步骤2:定义块模式模板

块模板的结构可以使用任何现有的 HTML、CSS 和 JavaScript。但是,必须使用块编辑器中定义的 class 名称,并使用预处理器来编写 CSS。


	register_block_pattern(
		'custom-pattern/hero-section',
		array(
			'title'      => __( 'Custom Pattern – Hero Section', 'custom-pattern' ),
			'categories' => array( 'header', 'landing-page' ),
			'content'    => '
				
				
', ) );

步骤3:注册块模式

在函数中,需要调用 register_block_pattern 函数来注册块模式,以使其在块模式库中可用。


	add_action( 'init', function() {
		register_block_pattern(
			'custom-pattern/hero-section',
			array(
				'title'      => __( 'Custom Pattern – Hero Section', 'custom-pattern' ),
				'categories' => array( 'header', 'landing-page' ),
				'content'    => '
					
					
', ) ); } );

函数将在 WordPress 初始化时运行,以确保在添加块模式之前所有必要的资源都已加载。

晓白博客网版权所有,原文地址https://www.xbnb.cn/4968
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容