Хотите создать собственный заголовок в WordPress с помощью Elementor?
Заголовок — один из важнейших элементов, который должен быть на каждом сайте. Обычно в заголовке размещается меню, позволяющее посетителям легко получить доступ к важным страницам вашего сайта. Ещё один распространённый элемент в заголовке сайта — это логотип.
Откройте для себя Как установить Elementor на WordPress
Большинство тем WordPress, как бесплатных, так и платных, позволяют вам настраивать заголовок, добавляя логотип вашего сайта или навигационное меню. Некоторые темы WordPress позволяют добавлять дополнительные элементы, такие как строка поиска и иконки социальных сетей.
Но возможно ли создать собственный заголовок в WordPress, чтобы заменить заголовок активной темы WordPress?
Конечно, вы можете создать собственный заголовок, чтобы переопределить заголовок по умолчанию для текущей активной темы на вашем веб-сайте WordPress.
Если у вас есть навыки программирования (в данном случае PHP), создание пользовательского заголовка для темы WordPress не составит большого труда. Если у вас нет никаких навыков программирования, Elementor позволяет вам создать пользовательский заголовок без написания единой строки кода. Вы можете создать заголовок с помощью визуального редактора с функцией перетаскивания.
Примечание: Конструктор тем доступен только на Elementor Pro.
Как создать собственный заголовок в WordPress с помощью Elementor
В профессиональной версии Elementor есть функция, которая называется Конструктор тем. Эта функция позволяет вам создавать тему WordPress без кодирования. Элементы темы, которые вы можете создать с помощью конструктора тем Elementor, включают:
- заголовок
- нижний колонтитул
- Шаблон отдельного сообщения
- Шаблон страницы архива
- Шаблон страницы 404
В этой статье мы покажем вам, как создать собственный заголовок для вашей темы WordPress с помощью Elementor. После публикации этот настраиваемый заголовок заменит заголовок вашей текущей темы.
Перед тем как начать, убедитесь, что вы установили Факир Pro на вашем сайте WordPress.
Сначала перейдите к Шаблоны -> Конструктор тем.
На странице "Конструктор тем" перейдите на вкладку заголовок и нажмите на кнопку добавлять для создания нового заголовка.
Появится всплывающее окно с просьбой дать вашему шаблону имя. Введите название вашей модели и нажмите кнопку СОЗДАТЬ МОДЕЛЬ.
Elementor позволяет создавать заголовок из шаблона. Выберите одну из моделей, доступных в библиотеке моделей, и нажмите кнопку вставить чтобы загрузить его в редактор Elementor.
Вы также можете создать заголовок с нуля. Если вы предпочитаете создать заголовок с нуля, вы можете просто закрыть библиотеку шаблонов и открыть редактор Elementor.
Технически, вы можете добавить в заголовок любой виджет Elementor — с которыми можно ознакомиться на левой панели. Однако не все виджеты действительно необходимы при создании заголовка веб-сайта.
Прочтите наше руководство: Elementor Free и Elementor Pro: подробное сравнение функций
В этой статье мы покажем вам, как добавить общие элементы заголовка: логотип веб-сайта, меню навигации и панель поиска. В этом случае вам понадобится новый раздел с тремя столбцами. Щелкните значок плюса в редакторе Elementor и выберите структуру из трех столбцов.
Установите ширину каждого столбца, перетащив разделитель влево или вправо. Взгляните на снимок ниже.
- Добавить логотип сайта
Чтобы добавить логотип сайта, перетащите виджет Логотип сайта с левой панели в один из столбцов редактора Elementor.
виджет Логотип сайта загрузит логотип вашего сайта. Если вы не указали логотип своего сайта, вы можете перейти на Внешний вид -> Настроить добавить свой логотип.
Читайте также: Как импортировать или экспортировать модели в Elementor
Вы можете настроить свой логотип через левую панель. Вы можете определить такие элементы, как выравнивание, ссылка, ширина и т. д.
Просто поиграйте с левой панелью, пока не будете довольны результатом.
- Добавить меню навигации
Чтобы добавить меню навигации, перетащите виджет Меню навигации в один из столбцов редактора Elementor.
виджет Меню навигации загрузит главное меню вашего сайта. Если вы не создали ни одного меню на своем веб-сайте, вы можете перейти на Внешний вид -> Меню создать его. Если на вашем веб-сайте несколько меню, вы можете указать, какое из них вы хотите отображать, в раскрывающемся меню параметров. Меню - Menu левой панели.
И снова, вы можете использовать левую панель для настройки меню. Вы можете задать расположение (горизонтальное, вертикальное), выравнивание, эффекты анимации и так далее.
- Добавить панель поиска
Чтобы добавить панель поиска, вы можете перетащить виджет Форма поиска в оставшемся столбце.
После добавления формы вы можете перейти на левую панель, чтобы настроить ее.
Настроить заголовок
По умолчанию у вашего заголовка будет белый фон. Вы можете изменить этот цвет, чтобы он соответствовал цвету вашей темы. Для этого активируйте раздел, щелкнув по нему в браузере. (Ctrl + я).
Перейти на вкладку Стиль на левой панели и выберите свой любимый цвет, щелкнув палитру цветов в опции Цвет раздела фон.
Если вы хотите иметь липкий заголовок, вы можете перейти на вкладку Передовой. В варианте Липкий, в разделе Эффекты движения, установите липкое место. По умолчанию эффект залипания будет применяться ко всем типам устройств (настольным компьютерам, планшетам и смартфонам).
Читайте также: Elementor Pro: 10 потрясающих функций, которые нужно разблокировать - часть I
Если вы хотите отключить эффект залипания на определенном типе устройства, просто удалите устройство с поля.
Опубликуйте свой собственный заголовок
Итак, вы успешно создали свой собственный заголовок. Вы можете установить множество других параметров настройки, и невозможно охватить их все в этом посте.
Смотрите также: Как создать уникальный шаблон сообщения с Elementor Pro
Просто поиграйте с левой панелью, пока вы действительно не будете довольны результатом. Когда вы закончите, нажмите кнопку ОПУБЛИКОВАТЬ в нижней части левой панели, чтобы опубликовать шаблон заголовка.
На следующем шаге вам будет предложено установить условия отображения. Нажмите на кнопку ДОБАВИТЬ СОСТОЯНИЕ
По умолчанию ваш шаблон заголовка будет применен ко всему сайту. Поэтому, если вы хотите, чтобы ваш шаблон заголовка применялся ко всему сайту, вы можете просто нажать на кнопку СОХРАНИТЬ И ЗАКРЫТЬ.
Читайте также: Как создать нижний колонтитул в WordPress с помощью Elementor
Или, если вы хотите, чтобы ваш шаблон заголовка был применен к определенной странице, вы можете указать страницу, щелкнув раскрывающееся меню. Выберите страницу из другого раскрывающегося меню, которое появится рядом. Нажмите на кнопку СОХРАНИТЬ И ЗАКРЫТЬ как только вы закончите указывать страницу.
Получите Elementor Pro прямо сейчас!
Заключение
Вот и всё! На этом завершается статья о том, как создать пользовательский заголовок в WordPress с помощью Elementor. Если у вас возникнут вопросы по этому поводу, пожалуйста, задайте их в комментариях. Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...