Хотите создать собственный заголовок в 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.

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

Опять же, вы можете поиграть с левой панелью, чтобы настроить свое меню. Вы можете установить макет (горизонтальный, вертикальный), выравнивание, эффект анимации и так далее.

  • Добавить панель поиска

Чтобы добавить панель поиска, вы можете перетащить виджет Форма поиска в оставшемся столбце.

После того, как форма добавлено, вы можете перейти на левую панель, чтобы настроить его.

Настроить заголовок

По умолчанию у вашего заголовка будет белый фон. Вы можете изменить этот цвет, чтобы он соответствовал цвету вашей темы. Для этого активируйте раздел, щелкнув по нему в браузере. (Ctrl + я)

Перейти на вкладку Стиль на левой панели и выберите свой любимый цвет, щелкнув палитру цветов в опции Цвет раздела фон.

Как создать заголовок в WordPress с помощью Elementor

Если вы хотите иметь липкий заголовок, вы можете перейти на вкладку Передовой. В варианте Липкий, в разделе Эффекты движения, установите липкое место. По умолчанию эффект залипания будет применяться ко всем типам устройств (настольным компьютерам, планшетам и смартфонам).

Читайте также: Elementor Pro: 10 потрясающих функций, которые нужно разблокировать - часть I

Если вы хотите отключить эффект залипания на определенном типе устройства, просто удалите устройство с поля.

Как создать заголовок в WordPress с помощью Elementor

Опубликуйте свой собственный заголовок

Итак, вы успешно создали свой собственный заголовок. Вы можете установить множество других параметров настройки, и невозможно охватить их все в этом посте.

Смотрите также: Как создать уникальный шаблон сообщения с Elementor Pro

Просто поиграйте с левой панелью, пока вы действительно не будете довольны результатом. Когда вы закончите, нажмите кнопку ОПУБЛИКОВАТЬ в нижней части левой панели, чтобы опубликовать шаблон заголовка.

На следующем шаге вам будет предложено установить условия отображения. Нажмите на кнопку ДОБАВИТЬ СОСТОЯНИЕ

По умолчанию ваш шаблон заголовка будет применен ко всему сайту. Поэтому, если вы хотите, чтобы ваш шаблон заголовка применялся ко всему сайту, вы можете просто нажать на кнопку СОХРАНИТЬ И ЗАКРЫТЬ.

Читайте также: Как создать нижний колонтитул в WordPress с помощью Elementor

Или, если вы хотите, чтобы ваш шаблон заголовка был применен к определенной странице, вы можете указать страницу, щелкнув раскрывающееся меню. Выберите страницу из другого раскрывающегося меню, которое появится рядом. Нажмите на кнопку СОХРАНИТЬ И ЗАКРЫТЬ как только вы закончите указывать страницу.

Как создать заголовок в WordPress с помощью Elementor

Получите Elementor Pro прямо сейчас!

Заключение

Здесь ! Вот и все, что касается этой статьи, в которой показано, как создать собственный заголовок в WordPress с помощью Elementor. Если у вас есть какие-либо вопросы о том, как туда добраться, дайте нам знать в Комментарии.

Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...