Оглавление
Шаблон заголовка Elementor - это верхняя панель веб-сайта, сохраненная в виде готового дизайна: логотип, меню, кнопка и часто панель контактов над ними. Вы добавляете его один раз с помощью конструктора тем, и он отображается на каждой странице.
В этом посте собраны 43 шаблона заголовков Elementor в библиотеке Master Addons, сгруппированные по типу сайта, который им подходит. Каждый из них имеет скриншот и живую демонстрацию, которая открывается в новой вкладке. Они устанавливаются с вкладки Заголовки Библиотека шаблонов Master Addons и зайдите по всему сайту Мастер-создатель тем аддонов, так что не нужно, чтобы Elementor Pro ими пользовался.
Прыгайте к тому, ради чего пришли:
- Как добавить шаблон заголовка Elementor: пять шагов с Theme Builder
- 43 шаблона заголовков по типам сайтов: SaaS, местный бизнес, магазин, многорядный и минимальный
- Какой макет заголовка подходит вашему сайту: быстрая таблица, чтобы сузить ее
- Часто задаваемые вопросы
Как добавить шаблон заголовка Elementor на свой сайт
Заголовок является шаблоном Theme Builder: он появляется на каждой странице, и вы редактируете его в одном месте.Building заголовки в Master Addons Theme Builder бесплатно, и шаги ниже работают с бесплатным плагином и ядром Elementor.
В видео ниже, один из этих заголовков идет прямо в шаблон Theme Builder и затем жить на всем сайте Если вы предпочитаете читать, те же шаги выписаны под ним.
- На своей панели управления перейдите к Мастер-аддоны → Theme Builder, нажмите Добавить новый шаблон, установите тип Заголовок и нажмите Редактировать с помощью Elementor.
- В редакторе нажмите Шаблоны главных дополнений баттон, открой Заголовки вкладка, выберите дизайн и нажмите Вставить.
- Замените логотип, укажите Виджет меню навигации в собственном меню WordPress измените текст кнопки и ссылку.
- Открыть Условия вкладка, набор Включить → Весь сайт и сохранить.
- Если ваша тема по-прежнему печатает собственный заголовок над новым, выключите заголовок темы в настройках.
выше руководство по созданию тем заголовка охватывает те же шаги со скриншотом для каждого из них, в том числе как исключить страницу или дать одной целевой странице собственный заголовок. тот же Theme Builder обрабатывает нижнюю часть страницы, как показано в нашем руководстве редактирование нижнего колонтитула в WordPress с помощью Elementor. Если вам также нужен нижний колонтитул, наш Шаблоны нижнего колонтитула Elementor post имеет 34 дизайна, каждый из которых имеет живую демо-версию.
43 шаблона заголовков Elementor по типу сайта
43 дизайна разделены на пять групп. Перейдите к ближайшей к вашему сайту и откройте две или три демо-версии рядом, прежде чем выбрать.
| Тип заголовка | Дизайны | Чем делятся | Где |
|---|---|---|---|
| СааС и технологии | 14 | Короткое меню и одна пробная или демонстрационная кнопка | Прыгать |
| Бизнес и местное обслуживание | 7 | Номер телефона и кнопка бронирования | Прыгать |
| электронная коммерция и магазин | 6 | Иконки поиска, корзины и учетной записи | Прыгать |
| Верхняя планка и многорядность | 9 | Контактная панель над логотипом и меню | Прыгать |
| Минимальный и центрированный | 7 | Одна линия, несколько ссылок, центрированный или разделенный логотип | Прыгать |
Шаблоны заголовков SaaS и tech Elementor
Большинство из них происходят из SaaS и технических комплектов и имеют один общий узор: логотип слева, четыре или пять ссылок, а также пробную или демо-кнопку справа. Finix, Clowdify и Techbyte используют темные полосы, а Lead Lift сидит на кремовой.
1. Shiftflow: шаблон заголовка доски заданий Elementor
Создано для доски вакансий: "Дом", "Работа" и "Пост-работа" расположены справа от белой полосы, за ней следует нарисованная кнопка "Пост-работа бесплатно".
2. Techbyte: шаблон заголовка темных технологий Elementor
Темный темно-синий, с названием бренда слева и тремя ссылками справа. кнопки нет, поэтому он подходит портфолио или сайт проекта лучше, чем страница продаж.
3. Tecpart: шаблон заголовка ИТ-компании Elementor
Заголовок ИТ-сервисов, раскрывающийся список "Все страницы" содержит девять внутренних страниц, поэтому верхнему уровню нужны только еще три ссылки. На снимке экрана показано раскрывающееся раскрытие.
4. Clowdify: шаблон заголовка таблетки Elementor SaaS
Весь заголовок представляет собой округлую черную таблетку с пространством вокруг нее. функции, цены, интеграция и вход в систему для клиентов расположены рядом с кнопкой "Начать сейчас".
5. Крафтова: шаблон заголовка Elementor SaaS
Шесть ссылок, тематическое исследование среди них, и очерченная кнопка Начать бесплатную пробную версию, Он подходит для продукта с большим количеством страниц, чем обычное трехканальное меню SaaS.
6. Finix: темный шаблон заголовка SaaS Elementor
Черный с зеленым логотипом, три звена в середине и очерченная кнопка Start бесплатная пробная. с только тремя звеньями, глаз идет прямо к пробной.
7. Grip: шаблон заголовка агентства Elementor
Заголовок агентства с большим словесным знаком "О компании", "Кейсы и контакты", а также кнопка "Работа с нами", на которой сайт SaaS будет проходить проверку.
8. Klyro: Шаблон демонстрационного заголовка программного обеспечения Elementor
Пять ссылок на бледно-серой полосе и кнопку "Запросить бесплатную демонстрацию" для программного обеспечения, которое продается посредством демонстрационного вызова.
9. Лифт свинца: шаблон заголовка запуска Elementor
Крем-бар с жирным текстом ссылки и черной таблеткой, которая говорит Начать бесплатную пробную версию Это самый теплый из заголовков SaaS здесь.
10. Nexis: шаблон заголовка Elementor SaaS
Пять звеньев, расположенных посередине, темно-зеленый логотип и кнопка "Начать сейчас" со светлой рамкой.
11. Оптиву: шаблон заголовка Elementor SaaS
Три ссылки с центром в белой полосе и закругленной кнопкой Запустить бесплатную пробную версию справа. читать очень мало, поэтому кнопка делает работу.
12. Sabrion: шаблон заголовка входа в систему Elementor SaaS
Цены, О компании и контакты рядом с логотипом, затем ссылка для входа и кнопка "Начать 14 дней бесплатной пробной версии".Вход остается открытым текстом, поэтому не конкурирует с пробной версией.
13. Sempla: шаблон заголовка Elementor SaaS
Особенности, О нас, Цены и отзывы рядом с логотипом, с логином и "Начни сейчас", сгруппированными справа.
14. Zaplyte: шаблон заголовка приложения Elementor
Ссылки располагаются сразу после логотипа, а не посередине, что оставляет открытое пространство перед кнопкой "Начать сейчас".
Шаблоны заголовков бизнес- и местных служб
Заголовки для клининговых компаний, стоматологов, сантехников, терапевтической клиники, ресторана и агентства недвижимости Большинство добавляют верхний бар с номером телефона или социальными ссылками, а основная кнопка записывает встречу, звонок или стол.
15. ГлавнаяОсь: шаблон заголовка недвижимости Elementor
Социальные значки, адрес электронной почты и номер телефона ездят в лаймовой верхней панели. основной ряд имеет шесть ссылок и соответствующую кнопку Получить цитату со стрелкой.
16. Balanciq: шаблон заголовка клиники элементорной терапии
Главная, О компании, Обслуживание, Терапевты и Контакт с округлой кнопкой Начать свое путешествие Мягкие цвета и много места, что подходит для клиники.
17. Очиститель: шаблон заголовка службы очистки Elementor
Социальные значки, адрес улицы и номер телефона имеют общую тонкую верхнюю полосу. в основном ряду пять ссылок и зеленая кнопка "Забронировать встречу".
18. Очистка: шаблон заголовка компании по очистке элементара
Синяя верхняя полоса спрашивает “Нужна быстрая помощь в очистке?” рядом с номером call-us Ниже пять ссылок и кнопка Make An Appointment того же синего цвета.
19. Кулинария: шаблон заголовка ресторана Elementor
Оливковый топ бар с телефоном, электронной почтой и социальными значками над кремовым главным рядом. Книга A Table - это единственное действие, которое он просит.
20. Стоматология: шаблон заголовка стоматологической клиники Элементор
Номер телефона находится рядом с кнопкой "Забронировать встречу", поэтому пациент может позвонить или забронировать номер из того же места.
21. Plumbiq: шаблон заголовка сантехнического обслуживания Elementor
Позвоните нам, и значки социальных сетей заполнят верхнюю панель с пятью ссылками ниже и синей кнопкой "Запросить бесплатный звонок".
Шаблоны заголовков электронной коммерции и магазинов
Заголовки магазинов с значками поиска, корзины и учетной записи.Sartivo открывает раскрывающуюся категорию, а два макета помещают предложение продажи или промо-ссылку внутрь самого заголовка.
22. Синий заголовок магазина с поиском: шаблон заголовка магазина Elementor
Синий верхний ряд с социальными значками, центральным логотипом, ящиком для поиска и тележкой. ряд меню внизу заканчивается гамбургером для дополнительных ссылок.
23. Магазин центрированных логотипов: шаблон заголовка магазина Elementor
Под синим адресом и строкой телефона меню находится слева, логотип посередине, а поиск и корзина справа.
24. Темный верх Bar Shop: шаблон заголовка магазина Elementor
Его темная верхняя панель предлагает бесплатную консультацию и номер телефона Ниже логотип, шесть ссылок и кнопку поиска.
25. Магазин баннеров промо: Шаблон промо-заголовка магазина Elementor
Три ряда: строка сообщения с значками учетной записи и социальных сетей, логотип рядом с широким баннером предложения и синяя строка меню с поиском, корзиной и списком желаний.
26. Магазин строк поиска: шаблон заголовка поиска Elementor eCommerce
Поиск занимает середину ряда логотипов, со списком желаний и корзиной справа и ссылкой на Electronics со скидкой 70% в строке меню.
27. Sartivo: шаблон заголовка магазина моды Elementor
Заголовок магазина модной одежды со ссылкой Shop by Category, раскрывающимся пакетом All Pages, центральным логотипом и значками учетной записи и поиска. скриншот показывает раскрывающийся список.
Шаблоны заголовков верхней панели и нескольких рядов
Заголовки, построенные из двух или трех рядов: панель контактов с телефоном, электронной почтой или часами работы, ряд логотипов и строка меню. Они подходят агентствам, клиникам и сервисным фирмам, которым нужны контактные данные на каждой странице.
28. Адресная строка: шаблон заголовка верхней панели Elementor
Серая верхняя панель с адресом и социальными значками, затем логотип, шесть ссылок и синяя кнопка "Присоединяйтесь сейчас".
29. Угловое меню: шаблон заголовка назначения элементара
Часы работы и три небольших служебных ссылки расположены над наклонной синей строкой меню, которая заканчивается белой кнопкой "Создать встречу".
30. Заголовок контактной информации с поиском: шаблон заголовка контактной информации Elementor
Синяя полоса с адресом, логином и значками социальных сетей, ряд логотипов с "Звоните нам" и часами работы, а также синяя строка меню в рамке с полем поиска.
31. Креативное агентство: шаблон заголовка креативного агентства Elementor
Логотип получает свой большой синий блок слева. телефонный номер и социальные значки бегут вверху, с меню внизу.
32. Плавающее меню: шаблон плавающего заголовка меню Elementor
Синяя полоса вмещает телефон, электронную почту и часы работы Белое поле меню ниже перекрывает верхнюю часть страницы, что хорошо работает над изображением героя.
33. Начало работы Контактная панель: шаблон заголовка контактной панели Elementor
Телефон и электронная почта в светлой верхней панели со сплошным блоком "Начать работу" справа, затем логотип, меню и значок корзины.
34. Медицинская клиника: шаблон заголовка медицинской клиники Элементор
Логотип находится на диагональной синей панели.Телефон и электронная почта идут в верхней панели, а значки поиска и корзины заканчивают меню.
35. Трехрядный шаблон заголовка: Элементор трехрядный
Электронная почта, телефон и вход в верхнюю панель, логотип по центру с корзиной и социальными значками с обеих сторон, а также синяя строка меню во всю ширину внизу.
36. Посещение, звонок и почта: шаблон заголовка контактных данных Elementor
Блоки "Посетите нас", "Позвоните нам" и "Напишите нам" выстраиваются рядом с логотипом, а внизу находится синяя строка меню, в которой указаны "Вход и регистрация".
Минимальные и центрированные шаблоны заголовков
Однострочные и необычные макеты: меню, разделенное на центральный логотип, панель с одной кнопкой меню, сложенный по центру логотип и несколько простых полос с логотипом и ссылками.
37. Сложенный логотип по центру: шаблон заголовка логотипа по центру Elementor
Логотип расположен сверху, а меню расположено по центру под ним, макет подходит для блогов и сайтов портфолио.
38. Разделение Fire Away: шаблон заголовка разделенного меню Elementor
Меню разделено на две части, по три ссылки на каждой стороне центрального логотипа.
39. Кнопка меню: шаблон заголовка кнопки меню Элементор
Логотип слева, социальные значки посередине и синяя кнопка Меню справа. работает для сайтов, имеющих всего несколько страниц.
40. Минимальный заголовок с социальными значками: шаблон минимального заголовка Elementor
Одна белая полоса с логотипом, шесть ссылок, кнопка поиска и три социальных значка.
41. Фиолетовый угол CTA: шаблон заголовка вызова к действию Elementor
Логотип и меню белого цвета, заканчивающиеся наклонной фиолетовой панелью с кнопкой "Загрузить".
42. Войдите: простой шаблон заголовка Elementor
Логотип, шесть ссылок и ссылка в систему со значком. с таким небольшим количеством в нем, он попадает практически на любой сайт.
43. Простой выпадение: шаблон выпадающего меню Elementor
Только логотип, меню с раскрывающимися стрелками и значком справа, на простой белой полосе.
Какой макет заголовка подходит вашему сайту?
| Ваш сайт | Заголовок, который обычно работает | Начните с |
|---|---|---|
| SaaS или приложение | Короткое меню с ценами и функциями, ссылкой для входа и одной пробной кнопкой | Семпла, Сабрион, Нексис |
| Местный сервисный бизнес | Виден номер телефона, кнопка бронирования справа | Стоматология, Plumbiq, Очиститель |
| Ресторан | Контактная верхняя панель и кнопка "Забронировать стол" | Кулинарный |
| Интернет-магазин | Иконки поиска, корзины и учетных записей, раскрывающаяся категория | Сартиво, Поиск в магазине баров |
| Агентство или клиника с множеством страниц | Два или три ряда с контактными данными и полной строкой меню | Трехрядная медицинская клиника |
| Портфолио или сайт бренда | Центрированный логотип или кнопка меню, которая поддерживает чистоту панели | Центрированный логотип, кнопка меню |
Примеры заголовков веб-сайтов: чем делятся хорошие
- Они дают посетителю одну главную кнопку. у Nexis, Finix и Optivue есть по одному призыву к действию, а Sempla стилизует свое второе действие, Login, как простую ссылку, чтобы эти двое не соревновались.
- Они держат меню коротким Большинство заголовков здесь показывают три-шесть ссылок, а Tecpart помещает остальные свои страницы в раскрывающийся список Все страницы.
- Местные предприятия показывают номер телефона. стоматологическая, чистящая и Plumbiq поместили его в заголовок, где клиент, который предпочел бы позвонить, может найти его без прокрутки.
- Магазины помещают поиск в заголовок. Здесь есть каждый макет магазина, и большинство добавляет рядом с ним значок корзины.
- В темных полосах используется светлый текст и кнопка с контуром, как это делают Finix и Clowdify, поэтому оба остаются читаемыми.
Сделайте заголовок липким
Заголовок, который остается вверху, пока посетители прокручивают, поддерживает доступ к меню и кнопке на длинных страницах. Вы можете сделать любой из этих заголовков липким, и шаги находятся в нашем руководстве по создание липкого заголовка в Elementor. На а одностраничный сайт, соединить липкий заголовок со ссылками меню, которые переходят к каждому разделу.
Заголовок, раздел, страница или комплект: какой шаблон вам нужен?
Шаблон заголовка охватывает одну часть сайта Если вы строите и остальные, то та же библиотека имеет Шаблоны разделов Элементор для отдельных групп, таких как цены или часто задаваемые вопросы, полные Шаблоны страниц Элементор для полных страниц и наборы шаблонов это объединение заголовка, нижнего колонтитула и каждой страницы в одном соответствующем стиле.
Заголовки с пометкой Pro в библиотеке должны быть Лицензия Master Addons Pro, который также разблокирует полные комплекты, из которых взяты многие из этих заголовков.
Часто задаваемые вопросы
Что такое шаблон заголовка Elementor?
Готовый раздел заголовка, сохраненный как шаблон Элементор, Он держит логотип, меню, кнопки и часто верхнюю панель, и вы вставляете его в заголовок Theme Builder, чтобы он отображался на каждой странице.
Как использовать шаблон заголовка в Elementor?
Создать шаблон заголовка в Master Addons → Theme Builder, открыть его в Elementor, вставить рисунок с вкладки Заголовки библиотеки шаблонов Master Addons, затем задать условие Включить → Весь сайт и сохранить.
Нужно ли Elementor Pro использовать эти шаблоны заголовков?
Нет. Master Addons Theme Builder размещает заголовок на ваших страницах, а его конструктор заголовков свободен в плагине Master Addons, поэтому Elementor Pro не требуется.
Будет ли заголовок работать на телефонах?
Откройте живую демонстрацию на своем телефоне или сузите окно браузера, чтобы увидеть, как меню ведет себя на маленьком экране, прежде чем выбрать одну.
Могу ли я использовать другой заголовок на одной странице?
Да. Создайте второй шаблон заголовка и установите его условие: Включить → Singular → Страницы для этой страницы, затем исключите страницу из основного заголовка.
Почему я вижу два заголовка после импорта?
Ваша тема по-прежнему печатает свой собственный заголовок. выключите его в настройках темы или в настройщике или используйте тему, которая скрывает свой заголовок, когда активен заголовок Theme Builder.
Сколько шаблонов заголовков включают в себя Master Addons?
На вкладке Заголовки библиотеки шаблонов Master Addons имеется 43 дизайна, и каждый из них находится на этой странице.
Выберите заголовок, установите его один раз
Начните с группы, которая соответствует вашему сайту и вставьте подходящий дизайн. если вы передумаете позже, откройте тот же шаблон Theme Builder, удалите старый дизайн и вставьте новый. условия отображения остаются такими, какие они есть.
Связанное чтение: как импортировать шаблон Elementor, Шаблоны разделов Элементор, Шаблоны нижнего колонтитула Elementor и Собственное руководство "Элементора" по построению жатки с контейнерами.
