How to create a sticky header in WordPress Gutenberg using the CBB plugin with three different ways
Информация дублирует контент с Youtube Потому что она там не доступна, но настоятельно необходима в учебных целях! Используйте ЯНДЕКС БРАУЗЕР для ПЕРЕВОДА НА РУССКИЙ ЯЗЫК. Все ссылки на оригинальные авторские каналы на Youtube будут сохранены и предоставлены как и полагается ниже.. Планируется создание Сайта с материалами для скачивания по типу клубного каталога. Голосуйте в комментариях если считаете это дело достойным внимания.. Как создать липкий заголовок в WordPress Gutenberg с помощью плагина CBB тремя различными способами 00:00 Введение • Видео показывает, как создать три типа липких заголовков в Gutenberg с помощью плагина CBB. • Можно использовать пользовательский блок заголовков из библиотеки CBB или создать свой собственный. • Заголовок можно поместить в расширенный групповой блок для использования всех функций CBB. 00:10 Первый тип липкого заголовка • Включаем режим "липкий контент" и делаем так, чтобы блок всегда оставался на экране просмотра. • Добавляем дополнительные функции поддержки для настройки стиля блока. • Заголовки всегда будут располагаться в верхней части окна просмотра. 02:25 Создание варианта для сохранения настроек • Преобразуем блок в новый вариант для сохранения настроек. • Создаем липкий заголовок, который отображается только в верхней части окна при прокрутке вверх, но скрыт при прокрутке вниз. 03:52 Настройка второго типа липкого заголовка • Преобразуем блок в новый вариант и сопоставляем атрибуты блока с атрибутами активного варианта. • Изменяем настройки так, чтобы стиль применялся только при заблокированном состоянии заголовка. • Обновляем изменения и тестируем заголовок. 08:01 Третий тип липкого заголовка • Создаем еще один вариант без "липких" настроек. • Применяем "липкие" настройки к части шаблона заголовка для корректной работы. • Включаем параметр "Обнаружение зависшего состояния" и добавляем пользовательский стиль для зависшего состояния заголовка. 10:24 Заключение • Завершаем работу над третьим типом зависшего заголовка. • Применяем настройки к части шаблона заголовка во всех шаблонах страниц. • Добавляем три варианта для части шаблона заголовка в библиотеку CBB для удобного использования на сайтах. • Призыв к подписке на канал для новых уроков по CBB.
Информация дублирует контент с Youtube Потому что она там не доступна, но настоятельно необходима в учебных целях! Используйте ЯНДЕКС БРАУЗЕР для ПЕРЕВОДА НА РУССКИЙ ЯЗЫК. Все ссылки на оригинальные авторские каналы на Youtube будут сохранены и предоставлены как и полагается ниже.. Планируется создание Сайта с материалами для скачивания по типу клубного каталога. Голосуйте в комментариях если считаете это дело достойным внимания.. Как создать липкий заголовок в WordPress Gutenberg с помощью плагина CBB тремя различными способами 00:00 Введение • Видео показывает, как создать три типа липких заголовков в Gutenberg с помощью плагина CBB. • Можно использовать пользовательский блок заголовков из библиотеки CBB или создать свой собственный. • Заголовок можно поместить в расширенный групповой блок для использования всех функций CBB. 00:10 Первый тип липкого заголовка • Включаем режим "липкий контент" и делаем так, чтобы блок всегда оставался на экране просмотра. • Добавляем дополнительные функции поддержки для настройки стиля блока. • Заголовки всегда будут располагаться в верхней части окна просмотра. 02:25 Создание варианта для сохранения настроек • Преобразуем блок в новый вариант для сохранения настроек. • Создаем липкий заголовок, который отображается только в верхней части окна при прокрутке вверх, но скрыт при прокрутке вниз. 03:52 Настройка второго типа липкого заголовка • Преобразуем блок в новый вариант и сопоставляем атрибуты блока с атрибутами активного варианта. • Изменяем настройки так, чтобы стиль применялся только при заблокированном состоянии заголовка. • Обновляем изменения и тестируем заголовок. 08:01 Третий тип липкого заголовка • Создаем еще один вариант без "липких" настроек. • Применяем "липкие" настройки к части шаблона заголовка для корректной работы. • Включаем параметр "Обнаружение зависшего состояния" и добавляем пользовательский стиль для зависшего состояния заголовка. 10:24 Заключение • Завершаем работу над третьим типом зависшего заголовка. • Применяем настройки к части шаблона заголовка во всех шаблонах страниц. • Добавляем три варианта для части шаблона заголовка в библиотеку CBB для удобного использования на сайтах. • Призыв к подписке на канал для новых уроков по CBB.