Добавить поля в расширенной настройке блока

Question

Попытка построить пользовательский блок с настройками в Advanced block settings вкладка, которая открывается в боковой панели на RHS...

Блоки WordPress по умолчанию, кажется, имеют настройки там, но, к сожалению, нигде не могут найти их документированные...

Любые указатели были бы действительно полезны!

Answer 1

Обновление 2018/08/16 Кажется, что ссылки на элементы управления инспектора переместились, как Гутенберг разработал с тех пор, как я написал это.

Грубая идея заключается в том, что все, что вы добавляете в качестве ребенка <InspectorControls>, будет на боковой панели, когда пользователь сфокусируется на вашем блоке:

return (
    <InspectorControls> 
        {/* Whatever is inside this block will be displayed on the sidebar */} . 
    </InspectorControls>
        {/* Whatever is outside, will be displayed on the editor as usual */}
)

Взгляните на эту статью для справки:

https://medium.com/@eudestwt/how-to-make-an-editable-wordpress-gutenberg-block-with-inspector-controls-on-the-sidebar-8779f4eddf8e

---

Я думаю, что вы ищете, InspectorControls Гутенберга. Я нашел пример из lucasstark / gutenberg-gravityforms, который показывает их использование.

Копаясь в Гутенберге, я нашел следующие варианты, но никаких официальных документов (лучшее, что у них есть, это), демонстрирующие их использование:

• InspectorControls.CheckboxControl
• InspectorControls.RadioControl
• InspectorControls.RangeControl
• InspectorControls.SelectControl
• InspectorControls.TextControl
• InspectorControls.TextareaControl

Надеюсь, это поможет.