Бесплатная двухцветная заголовок Elementor: стиль две части текста независимо

Зачем соглашаться на один тон, когда ваш заголовок может говорить двумя голосами? один плоский заголовок изо всех сил пытается уловить нюансы, контраст или энергию. главный аддоны Dual Heading Element ломает структуру. он позволяет вам строить заголовки из двух независимо стилизованных текстовых частей. Сделайте одно слово жирным и красочным, следующее тонким и изысканным. Добавьте значок для чутья и описание для контекста. с отдельными элементами управления для каждого сегмента вы можете создать визуальную иерархию, подчеркнуть ключевые фразы и разработать заголовки, которые невозможно игнорировать.

Независимый двойной контент и структура

Независимый двойной контент и структура

Начните с написания двух компонентов заголовка Введите свой Первый заголовок (как “CREATE”) и свой Второй заголовок (как “IMPACT”).Вы можете связать любую часть с URL-адресом, превратив его в кликабельный призыв к действию. Ниже добавьте параграф "Описание" для поддержки контекста. Выберите тег семантического заголовка (от H1 до H6) для SEO и структуры. Это простое, но мощное разделение является основой для заголовков, которые являются информативными и стратегически многоуровневыми.

  • Двухчастный ввод текста: отдельные поля для первого и второго заголовков для создания контрастных или дополняющих друг друга фраз.
  • Ссылки, ориентированные на действия: добавьте URL-адрес заголовка в любую часть заголовка, превращая ключевые слова в кликабельные ссылки.
  • Поддерживающий контекст: включите полное описание или подзаголовок под основным двойным заголовком.

Типографика и предыстория

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

  • Индивидуальные фоны: добавьте цветной или градиентный фон за каждой частью заголовка для эффекта, подобного значку.
  • Контроль расстояния: используйте элементы управления заполнением и запасом, чтобы расположить две заголовки относительно друг друга.
  • Неограниченные цветовые схемы: используйте контрастные или дополнительные цвета, чтобы сделать заголовок динамичным.
Типографика и предыстория
Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Двойной заголовок
Двойной заголовок
Двойной заголовок с фоном
Двойной заголовок с фоном
Сетка проекта студии интерьера
Сетка проекта студии интерьера
Заголовок меню ресторана со значком
Заголовок меню ресторана со значком
Редакционная статья о темной архитектуре (Стиль 1)
Редакционная статья о темной архитектуре (Стиль 1)
Разделенная часть недвижимости, левая
Разделенная часть недвижимости, левая
Расписание спортзала с выделенным заголовком
Расписание спортзала с выделенным заголовком
Путешествия с заголовком значка таблетки
Путешествия с заголовком значка таблетки
Свадебное портфолио с засечками (стиль 1)
Свадебное портфолио с засечками (стиль 1)
Компактный заголовок магазина со значком
Компактный заголовок магазина со значком
История темного ремесла
История темного ремесла
Разделить панель методов
Разделить панель методов
Эталонная ценовая диаграмма
Эталонная ценовая диаграмма
Нумерованные карты шагов
Нумерованные карты шагов
Карта происхождения стекла
Карта происхождения стекла
Темная веха Хронология
Темная веха Хронология

Часто задаваемые вопросы для двойного заголовка

Узнайте о наиболее часто задаваемых пользователями запросах о Dual Heading и найдите ответы в одном месте.
Как лучше использовать эти два заголовка?

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

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

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

Как это выглядит на мобильном?

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

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

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали