В этом курсе Рэйчел Макколлин покажет вам, как кодировать блоки для WordPress Gutenberg вообще без использования JavaScript. Вместо этого вы будете использовать плагин Advanced Custom Fields! Следуйте инструкциям, и вы увидите, как создать плагин, который создает пользовательский блок призыва к действию (CTA), используя только HTML и PHP.
Введение
В этом курсе я покажу вам, как создавать собственные блоки для WordPress Gutenberg без написания кода на JavaScript.
Зачем создавать блоки без JavaScript?
В этом уроке я расскажу вам о процессе создания блока Гутенберга и о том, как он использует Javascript. Я также объясню, почему это проблема для многих разработчиков. Наконец, я представлю плагин ACF (Advanced Custom Fields), что он делает и как он создает блоки.
Настройка плагина ACF
В этом уроке я покажу вам, как установить и активировать плагин ACF. Затем вы создадите свой собственный плагин для регистрации нового блока.
Регистрация блока Гутенберга с помощью ACF API
В этом уроке я покажу вам, как написать код для вашего плагина, чтобы зарегистрировать блок с помощью acf_register_block_type()
функции ACF .
Создание группы полей и добавление полей
На этом уроке вы создадите группу полей в ACF и добавите поля для использования в своем блоке.
Добавление настроек блока
В этом уроке я покажу вам, как добавить некоторые настройки в ваш блок. Мы добавим опции для изменения цвета блока.
Настройка класса блока и значений
На этом уроке мы создадим функцию обратного вызова для блока и определим значения для его вывода на основе его полей.
Написание HTML
В этом уроке мы напишем HTML-код для вывода блока на наш сайт WordPress.
Добавление блока в сообщение или страницу
Давайте попробуем все это! В этом уроке мы добавим блок на наш сайт и настроим его параметры.
Заключение
Теперь вы создали собственный блок для WordPress Gutenberg, и все это без написания одной строки PHP.
Скрытый контент
- Вы не зарегистрированы
- Вы не вошли как пользователь
- У Вас просрочена подписка
- Ваша подписка не даёт вам право скачивать данный раздел