Как увеличить ширину самого редактора статьи Gutenberg?

Question

[Дмитрий Шмаков]

Здравствуйте.
Подскажите, пожалуйста, как увеличить ширину редактора Gutenberg в админке? По поиску нашел способ через

function my_admin_enqueue_scripts() {
	wp_enqueue_style(
		'admin',
		get_stylesheet_directory_uri() . '/css/admin.css'
	);
}

add_action( 'admin_enqueue_scripts', 'my_admin_enqueue_scripts' );

Но при этом способе периодически выскакивает ошибка в редакторе.
Заранее спасибо.

Answer 1

[Вова Дружаев]

Доки гутенберга: https://developer.wordpress.org/block-editor/devel...

Comments

[Дмитрий Шмаков]

Прошу прощения за возможно глупый вопрос, но куда именно нужно вставить этот css-код? Я попытался его разместить в файле style.css дочерней темы, но ничего не изменилось.

[Вова Дружаев]

Дмитрий Шмаков, админ файл css. Если такого нет - создайте его и подключите. Советов в сети навалом

[Роман Говоров]

Владимир Дружаев, а как то в самом js возможно накинуть класс или еще что либо, чтобы распирало блок по краям?
Просто допустим мой кастомный блок находится внутри .wp-block и через CSS стили писать не то..

[Вова Дружаев]

Роман Вопроскин, css для этого и был придуман

[Роман Говоров]

Просто я думал есть возможность как то через JS это реализовать, мб есть атрибут какой или еще что, просто не нашел в документации..

blocks.registerBlockType( 'gutenberg-custom-block/section', {
		title: 'Секция', 					
		description: 'Установка секции', 	
		category: 'layout', 				
		keywords: 'section, секция', 		
		icon: {
			background: '#82e084',
			foreground: '#fff',
			src: 'layout'
		},

		edit: function( props ) {
			return el(
				'section',
				{ className: props.className},
				el( InnerBlocks )
			);
		},

		save: function( props ) {
			return el(
				'section',
				{ className: props.className },
				el( InnerBlocks.Content )
			);
		},
	} );

[Вова Дружаев]

Роман Вопроскин, ваш блок и так имеет уникальный класс по которому вы его можете попробовать стилизовать