Создание прозрачной шапки сайта
С помощью Izumrud Site Builder вы можете создать шапку сайту и сделать ее прозрачной. Однако эффект прозрачного заголовка в настоящее время доступен только с шапкой Izumrud по умолчанию.
В таком случае, если вам нужно отобразить заголовок с эффектом прозрачности на нескольких страницах, вам потребуется внести некоторые изменения в шапку сайта, чтобы включить эффект прозрачности.
В этом руководстве объясняется, как создать прозрачную шапку сайта с помощью Izumrud Site Builder.
Как создать прозрачную шапку сайта
Чтобы создать прозрачный пользовательский заголовок, сначала выполните следующие действия.
Прежде чем начать использовать конструктор сайтов, убедитесь, что вы установили и активировали плагин Izumrud Pro. Кроме того, обновите тему Izumrud и дополнение Izumrud до последних версий, чтобы получить доступ к конструктору сайтов.
После этого перейдите на панель управления WordPress, нажмите Izumrud, затем Модули Izumrud Pro и включите переключатель Site Builder.
Как только вы включите переключатель «Создать сайт», вы сможете увидеть Конструктор сайтов в разделе Izumrud на панели управления WordPress.
Нажав на конструктор сайтов, вы можете изучить обновленный конструктор сайтов через раздел «Все макеты».
На панели управления конструктора сайтов вы можете создать шаблон заголовка.
Вы можете создать макет шапки, используя столбцы, или выбрать уже созданный дизайн из шаблонов.
После добавления дизайна заголовка выберите основной столбец или группу и очистите фон, чтобы сделать его прозрачным.
Для того же блока добавьте собственный класс в разделе дополнительных классов:
Примените условия отображения, чтобы включить пользовательский заголовок на веб-сайте, и опубликуйте изменения.
Затем перейдите в раздел «Дополнительный CSS» настройщика и добавьте следующий CSS:
.my-transparent-header{
margin-bottom: -100% !important;
}
.my-transparent-header a {
color: #ffffff !important;
}
Примечание. Класс в приведенном выше CSS должен совпадать с классом, добавленным в блок пользовательского заголовка.
Опубликуйте изменения настройщика, и на веб-сайте должен быть включен прозрачный пользовательский заголовок.
Вы можете дополнительно изменить его в соответствии с вашими требованиями, добавив дополнительные параметры дизайна с помощью CSS.
Мы надеемся, что эта статья была полезна. Если у вас есть какие-либо вопросы, пожалуйста, оставляйте комментарии ниже.
Комментарии
Найдите свой шаблон для сайта среди 300+ вариантов
Все шаблонные сайты
Один ответ на “Создание прозрачной шапки сайта”
Спасибо за просмотр! Оставляйте свои комментарии и вопросы!