Получить значение checkbox Hide SideBar для страницы WP при написании собственной темы для WP?

Question

[Evgeny Kolman]

Здравствуйте!

Проблема вот значит какая. Я пишу свою тему для WP. Значит решил я менять ширину блоков в зависимости от включенного SideBar на странице и в функции save для guthenberg block менять свой css.





Собственно вопрос в том, может кто знает как получить значение checkbox который скрывает или показывает SideBar?

Заранее огромное спасибо!

Comments

[Антон Литвиненко]

Дык а чекбокс то вы чем выводите?

[Evgeny Kolman]

Антон Литвиненко, здравствуйте. Этот чекбокс встроен в WP, т.е. я его не вывожу, а хочу проверить его состояние

[Антон Литвиненко]

Evgeny Kolman, а где посмотреть на него?

[Evgeny Kolman]

Антон Литвиненко, Понял. Правда в теме у себя не нахожу такого поля...

[Анатолий Куликов]

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

[Evgeny Kolman]

Анатолий Куликов, Анатолий благодарю за ответ! Первое что я попробовал, это document.getElemntByClass получать состояние этого чекбокса. Но тут есть один момент. Когда мы будем делать апдейт страницы без апдейта компонента, то собственно эти изменения не будут подтягиваться. Поэтому вот хотел бы подробнее узнать как можно подвязаться к внешнему компоненту?

[Анатолий Куликов]

Evgeny Kolman, почему не будут? Загрузилась страница -> смонтировался проект -> посмотрел на состояние чекбокса.
На деле, я все никак не доберусь до Гутенберга в плане посмотреть в исходники. Может быть, что какой-то глобальный стейт у него есть. В идеале вот к нему нужно подключаться.

[Анатолий Куликов]

Но в целом не проще ли это все сделать через css?

Answer 1

[Evgeny Kolman]

1. Добавил хук в init.php

add_action( 'wp_enqueue_scripts', 'alps_gutenberg_blocks_scripts' );
function alps_gutenberg_blocks_scripts(){
  wp_enqueue_script( 'alps_gutenberg_front', plugins_url('src/front.js', plugin.php'), array( 'jquery' ) );
}

2. Добавил jQuery скрипт (front.js) и добавил путь к нему в хуке

https://denis-creative.com/wp_enqueue_script/