Guenberg blocks for WordPress

README.md

Block snippets

Gutenberg curation in WordPress

• Плагин управления блоками

---

Links

• Core Blocks Reference
• Theme.json Version 3 Reference (latest)
• wp-scripts - основной пакет для создания блоков
• Practical examples for building WordPress blocks and extending the Editor.
• Примеры блоков с Playground
• A deep dive into a block’s “attributes”

block_filter.php

<?php 
// Allow only needed blocks in post types
function wpdocs_allowed_post_type_blocks( $allowed_block_types, $editor_context ) {
	if ( 'sponsors' === $editor_context->post->post_type ) {
		return array(
			'core/paragraph',
		);
	}

	if ( 'news' === $editor_context->post->post_type ) {
		return array(
			'core/paragraph',
			'core/list',
			'core/image',
			'core/buttons',
			'core/quote',
		);
	}

	if ( 'faqs' === $editor_context->post->post_type ) {
		return array(
			'core/paragraph',
			'core/list',
			'core/image',
			'core/buttons',
		);
	}

	return $allowed_block_types;
}

add_filter( 'allowed_block_types_all', 'wpdocs_allowed_post_type_blocks', 10, 2 );

get_all_block_types.php

<?php

$block_types = WP_Block_Type_Registry::get_instance()->get_all_registered();
 

Patterns.md

Работа с паттернами

Скопировать код паттерна из Gutenberg

Экранировать JSON через https://www.jsonescaper.com/

Открыть Playground базовый Blueprint

вставить в ENV['content']

snippets.md

Получить список цветов в консоли.

wp.data.select('core/block-editor').getSettings().colors;