Как обернуть блочные элементы в div в плагине WordPress Gutenberg - PullRequest
Новая
       19

Как обернуть блочные элементы в div в плагине WordPress Gutenberg

0 голосов
/ 26 сентября 2018

Я пишу, чтобы увидеть, есть ли более «WordPress» способ обернуть блоки, созданные с помощью Gutenberg в WordPress.

До сих пор мой подход заключался в использовании «HTML-блока» для добавленияоткрывая div, затем я создаю блок и, наконец, закрываю div с другим HTML-блоком.

Является ли это приемлемым способом переноса элементов блока в div?Мой метод работает, как я хотел, но мне интересно, есть ли рекомендуемая альтернатива, которую я не видел?

1 Ответ

0 голосов
/ 10 октября 2018

То, что вы ищете, это innerblock.Это своего рода обертка для блоков, чтобы сгруппировать их.

На этом будет сосредоточен второй этап разработки Гутенберга.Разработчики могут создать родительский блок с предопределенным внутренним блоком, чтобы сгладить процесс настройки страницы для пользователей. 

import { registerBlockType } from '@wordpress/blocks';
import { InnerBlocks } from '@wordpress/editor';

const ALLOWED_BLOCKS = [ 'core/image', 'core/paragraph' ];
<InnerBlocks
    allowedBlocks={ ALLOWED_BLOCKS }
/>

registerBlockType( 'my-plugin/my-block', {
    // ...

    edit( { className } ) {
        return (
            <div className={ className }>
                <InnerBlocks />
            </div>
        );
    },

    save() {
        return (
            <div>
                <InnerBlocks.Content />
            </div>
        );
    }
} );

Вы можете создать блок и добавить его в этот список разрешенных блоков и так далее.У вас будет родительская оболочка вокруг пары блоков.

...