Как использовать конструктор верхнего и нижнего колонтитула в теме Kadence? Настройки объяснены!

Опубликовано: 2024-08-24
kadence-header-footer-builder

Хотите поиграть с настройками конструктора верхнего и нижнего колонтитула темы Kadence WordPress? Позвольте мне объяснить предпочтения и настроить простой верхний и нижний колонтитулы, чтобы обеспечить удобную навигацию по сайту для ваших читателей.

Этот удобный конструктор темы Kadence с возможностью перетаскивания позволяет нам создавать верхний и нижний колонтитулы, соответствующие идентичности нашего бренда, без каких-либо знаний в области кодирования. Предварительно созданные элементы также ускоряют процесс проектирования.

Рад, что вы хотите улучшить визуальную привлекательность своего сайта с помощью этой лучшей темы WordPress. Тема Kadence предлагает полный контроль над элементами для создания идеального дизайна верхней и нижней части вашего веб-ресурса. Вы должны проверить сравнение Free и Pro!

Теперь давайте посмотрим, как использовать этот конструктор дизайнов!

Как использовать конструктор заголовков Kadence?

Шаг 1. Войдите в свою панель управления WordPress и выберите «Внешний вид» > «Настройка» > «Заголовок».

настроить-kadence-заголовок

Шаг 2. При нажатии на заголовок отобразятся два раздела (вертикальный и горизонтальный); вертикальная левая часть содержит элементы заголовка , а горизонтальная правая часть имеет построитель заголовков . Вот изображение для справки!

подробные настройки заголовка-строителя

Шаг 3: Посмотрите на стандартный заголовок Kadence (см. изображение). Теперь я сделаю некоторые настройки, чтобы придать уникальный вид.

Заголовок по умолчанию

kadence-default-header-design

Позвольте мне рассказать вам, как использовать конструктор заголовков темы Kadence WordPress, чтобы получить такой результат!

Простой индивидуальный заголовок

kadence-образец-заголовок-дизайн

Этот образец заголовка состоит из трех разделов!

Шаг 4:

Я перемещаю некоторые элементы в раздел построителя заголовков. Проверьте изображение ниже.

Заголовок вверху слева – значки социальных сетей.

Заголовок вверху справа — основная панель навигации и поиска.

Заголовок посередине — логотип

Заголовок внизу слева — дополнительное меню навигации.

Заголовок внизу справа – кнопка регистрации.

настройки kadence-header-builder

Шаг 5: Я хотите настроить дизайн после включения элементов.

Например, чтобы изменить дизайн значка социальной сети, вам нужно щелкнуть значок настройки в этом элементе. (Стрелка отмечена на изображении)

kadence-theme-header-elements-builder

Вы можете добавить дополнительные значки социальных сетей с помощью кнопки « Добавить Social+ ».

добавить-социальные-значки-заголовок

После вставки необходимых значков социальных сетей на ваш сайт добавьте их ссылки через настройки « Установить социальные ссылки ».

заголовок-строитель-социальные-значки

Сейчас я настраиваю значки социальных сетей, изменяя их цвет, размер и другие параметры. Эти настройки доступны на вкладке « Дизайн ».

дизайн-заголовок-каденция-тема

Примечание. Я показал лишь несколько настроек настроек. Доступны еще некоторые параметры, и вы можете исправить их в соответствии с вашими требованиями.

Теперь позвольте мне изменить цвет фона заголовка, который я создаю.

Для этого я использую настройки верхней панели (посмотрите на изображение ниже)

заголовок-строитель-настройки-kadence-тема

На вкладке «Дизайн» у нас есть возможность изменить цвет фона заголовка. Он имеет другие настройки дизайна для настройки заголовка вашего сайта, а не только цвета.

Каденция-заголовок-изменение-цвета-фона

Здесь я меняю цвет фона верхнего раздела заголовка. Мой дизайн заголовка состоит из трех разделов (верхнего, среднего и нижнего — образец заголовка я показал в начале пошагового руководства).

Я изменил цвет фона двух других разделов на вкладке «Дизайн», щелкнув значок настроек каждого раздела.

Вот код цвета фона, который я использовал!

Верхний заголовок — F5F6F8

Средний заголовок — F5F6F8

Нижний заголовок — 111111

Изменив цвет фона, вы можете добавить подходящий цвет текста меню. Перейдите в настройки нижнего меню, как на изображении ниже.

заголовок-строитель-фон-цвет-изменение

Измените цвет меню, цвет при наведении и текущий цвет меню. (Проверьте эталонное изображение)

настройка заголовка kadence

Используйте опцию « Цвета навигации », чтобы зафиксировать предпочтительные цветовые комбинации. Аналогичным образом измените текст кнопки по своему вкусу.

Я заканчиваю объяснение настроек! Вы должны понимать, что тема Kadence предоставляет подробные настройки для настройки всего вашего сайта.

Я надеюсь, что вы будете использовать этот конструктор заголовков Kadence с умом, чтобы получить уникальный дизайн, который привлечет внимание ваших читателей.

Каденс Конструктор нижнего колонтитула

Шаг 1. Войдите в свою панель управления WordPress и выберите «Внешний вид» > «Настройка» > «Нижний колонтитул».

Шаг 2. Проверьте конструктор нижнего колонтитула темы Kadence. Он имеет настройки, аналогичные настройкам построителя заголовков.

kadence-theme-footer-builder

Шаг 3: Вы можете поменять местами элементы виджета в соответствии с вашими потребностями. Посмотрите на изображение ниже!

добавить-kadence-footer-widgets

Надеюсь, вам понятны настройки настройки Kadence Header and Footer Builder.

Давайте проверим его уникальные особенности, чтобы вы могли углубиться в персонализацию брендинга вашего бизнеса.

Возможности конструктора заголовков

Конструктор заголовков обладает впечатляющими возможностями! Есть возможность спроектировать

  • Несколько разделов заголовка до трех строк с разным содержанием и дизайном.
  • Различные макеты заголовков для разных размеров экрана.
  • Прозрачный и липкий заголовок для привлечения читателей.
  • Условные заголовки для определенных сообщений и страниц на основе определенных условий.
  • Настраиваемый заголовок с предпочитаемым вами цветом, фоном, интервалом, границами и полями.

Не только эти! Этот превосходный конструктор с функцией перетаскивания имеет привлекательные готовые макеты и может быть интегрирован с другими популярными плагинами Woocommerce для добавления элементов, связанных с электронной коммерцией.

Возможности конструктора нижнего колонтитула

Как и конструктор заголовков темы Kadence, конструктор нижнего колонтитула имеет фантастические настройки для оформления нижнего колонтитула вашего сайта с помощью виджетов, социальных сетей, значков, логотипа и меню. Вы можете спроектировать

  • Для упорядочения контента необходимо несколько строк нижнего колонтитула (до трех).
  • Глобальный нижний колонтитул для всего вашего сайта.
  • Уникальный или условный нижний колонтитул для определенных страниц.
  • Прикрепленный нижний колонтитул, который остается внизу экрана, когда посетители прокручивают страницу.

Конструктор верхнего и нижнего колонтитула Kadence также предлагает глобальную цветовую палитру, редактирование в реальном времени и расширенную типографику для обширной настройки без необходимости написания кода.

Часто задаваемые вопросы

1. Как добавить глобальный верхний и нижний колонтитулы в собственный шаблон темы Kadence?

Тема Kadence предлагает полный контроль над дизайном верхнего и нижнего колонтитула. Вы можете переместить необходимые элементы в конструктор. Если у вас есть собственные скрипты, перейдите в «Внешний вид» > «Kadence» > «Включить сценарии верхнего и нижнего колонтитула», чтобы добавить свои коды. Скрипты станут глобальными для всех страниц.

2. Как редактировать верхний и нижний колонтитулы в теме Kadence?

Тема Kadence содержит интуитивно понятный конструктор верхних и нижних колонтитулов с глубокими настройками настройки. Вы можете использовать конструктор, чтобы получить индивидуальный дизайн для вашего сайта WordPress.

3. Можно ли отображать уникальный заголовок в определенных сообщениях и страницах блога в теме Kadence?

Да! Вы можете сделать это с помощью функции условного заголовка Kadence.

Завершение создания конструктора верхнего и нижнего колонтитула Kadence

Конструктор верхнего и нижнего колонтитула темы Kadence — обязательный инструмент WordPress из-за его осуществимости и настраиваемости. Я восхищаюсь его расширенными функциями и динамическими макетами, которые подталкивают меня использовать их для веб-сайтов моих клиентов.

Поскольку тема оптимизирована для повышения скорости, вам не нужно беспокоиться о пользовательском заголовке, а нижний колонтитул замедлит работу вашего сайта. Несмотря на то, что конструктор удобен для пользователя, некоторые сложные функции могут потребовать некоторого обучения. Будьте готовы!

Мне нравятся подробные настройки темы, поэтому я представил это руководство с четкими скриншотами. Если у вас возникли какие-либо проблемы или вам нужна помощь в использовании конструктора верхнего и нижнего колонтитула Kadence, свяжитесь со мной через раздел комментариев. Я сделаю все возможное, чтобы довести дело до конца!