10 бесплатных шаблонов разделов Elementor Hero, которые можно импортировать за 2 минуты

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

Прежде чем прокрутить: эта коллекция только что выросла до 11. Самый новый, Свободные концы, герой частиц GPU сидящий на #11, был построен после того, как мы сняли видео на YouTube, так что вы не найдете его там Не пропускайте. Тысяча частиц, вращающихся вокруг вашего заголовка и уклоняющихся от курсора вашего посетителя, - это не то, что вы увидите в любой другой библиотеке Elementor, и ниже есть анимированный предварительный просмотр, чтобы вы могли наблюдать за его движением.

Мы построили эти 10 разделов героев по-разному. Каждый импортируется как a одиночный виджет через Мастер Аддоны Виджет Строитель. Когда вы перетаскиваете его в Elementor, каждый заголовок, абзац, кнопка, ссылка и изображение являются помеченным полем на вкладке Содержимое, и вся цветовая схема находится на вкладке Стиль как 3 до 6 сборщиков цветов. Измените один “Accent Color” и кнопки, наведите состояние, светится и подчеркивает все обновления вместе, потому что CSS получает каждый вторичный оттенок из выбранных вами базовых цветов.

Все 10 бесплатно скачать на этой странице.Каждый zip содержит файл виджета, демо-изображения, которые вы видите на скриншотах (как готовые к загрузке PNG плюс оригинальные SVG), и README, который отображает каждое изображение в его точное поле. анимации (параллаксные горы, саморисующиеся диаграммы, орбитальные значки ингредиентов) приходят автоматически, и каждый из них уважает настройки уменьшенного движения посетителя, так что вы не грузите проблемы доступности вместе с конфеты глаз.

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

А герой - это только первый экран Все, что посетитель прокручивает после него — сетка функций, которая объясняет, отзывы, которые убеждают, таблица цен, которая закрывается, часто задаваемые вопросы, которые убивают последнее возражение — все еще нуждается в построении. Мы упаковали все это в сопутствующую коллекцию 30+ бесплатных шаблонов разделов Elementor, построен тот же способ на основе виджетов: выберите здесь героя, сложите оттуда остальную часть страницы, и полная целевая страница соберется во второй половине дня, а не в неделю.

Ниже вы найдете все 10 дизайнов с реальными скриншотами, честную заметку о том, кому на самом деле подходит каждый, а затем a пошаговое руководство по импорту со скриншотами из точного рабочего процесса.

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

Они импортируют точно так же, как герои ниже: один JSON файл, Виджет Строитель, затем виджет с помеченными полями Восемь из двадцати работают на бесплатном плагине и двенадцать нуждаются в Pro, что является единственным отличием, которое стоит знать, прежде чем выбрать Каждый дизайн имеет живую демонстрацию, так что вы можете смотреть стиль движения в течение десяти секунд вместо того, чтобы угадать по скриншоту.

Что в этой коллекции

Почему это не обычные шаблоны разделов

Быстрое различие перед витриной, потому что меняет способ их использования.

Обычный шаблон раздела Elementor - это сохраненное расположение стоковых виджетов. Он выглядит законченным, но структурно это десятки свободных частей. эти 10 героев пользовательские виджеты построен с помощью конструктора виджетов: HTML, CSS и JavaScript, упакованных за элементами управления Elementor. Три практических последствия:

  • Редактирование происходит быстрее. У героя музыкального фестиваля 24 поля (дата, место, три ряда линейки со своими ссылками, две кнопки, цвета). редактируешь их в одной панели вместо того, чтобы охотиться через дерево вложенных контейнеров.
  • Анимации выживают. JavaScript поставляется внутри виджета: магнитные кнопки, статистика обратного отсчета, параллакс мыши. Никаких дополнительных плагинов, никаких вызовов CDN, кроме шрифтов Google, которые каждый виджет загружает один раз, отдельно.
  • Ничего не протекает. Каждая таблица стилей отображается в свой собственный класс оберток, и каждое название анимации имеет префикс, поэтому два героя на одной странице не будут сражаться друг с другом или со стилями вашей темы. Мы узнали, что один из них на собственном горьком опыте.

Тебе понадобится Плагин Master Addons ПРО установлен рядом с Elementor.Widget Builder и его функция импорта включены в бесплатную версию, именно так его уже запускают более 30 000 сайтов.

1. Пульсокартон — продукты для SaaS и аналитики

Раздел героев SaaS на панели управления для Elementor с макетом панели управления, плавающими картами статистики и заголовком с синим акцентом

Классический сплит-герой, копия слева и товар справа, но с тремя деталями, которые заставляют посетителей останавливаться. диаграмма доходов рисует сам на загрузке с пульсовой точкой, движущейся вдоль линии Две карты статистики плавают над приборной панелью на медленном бобе И весь визуальный наклон на несколько градусов к вашему курсору, что делает плоский макет читается как объект.

Социально-защищенная строка под ним считается до вашего номера (по умолчанию: 4700 команд). Вы вводите простой номер на панели, а анимация обрабатывает остальное. Это макет, который нужно выбрать, есть ли у вашего продукта экран, который стоит показать: инструменты аналитики, CRM, информационные панели, системы бронирования. Если ваш продукт плохо демонстрирует на скриншоте, посмотрите на Offbeat (#5) вместо этого, потому что этот макет живет или умирает на этом правом изображении.

Вы можете редактировать: Заголовок из 4 частей (подчеркнутое ударное слово - это отдельное поле), текст значка, абзац, 2 кнопки с полным управлением ссылками, номер обратного отсчета, текст доказательства, 3 изображения, 6 цветов.

2. Альпенруте — для путешествий, туров и брендов на открытом воздухе

Раздел героев путешествий Альпенрута для Элементора со многослойной сценой параллакса гор, янтарным солнцем и счетчиком высоты

Полноэкранная горная панорама, построенная из трех отдельных слоев изображения. перемещайте мышь, и слои смещаются с разной скоростью. это настоящая глубина, а не плоская фотография с текстом сверху. облака дрейфуют по 55- и 90-секундным петлям, а бегущая строка по вертикальной высоте справа считается от 0 до 2847 м, когда загружается страница. На переднем гребне даже крошечный турист с мигающей фарой. турист никому не нужен. Все помнят туриста.

Поскольку пейзаж происходит из трех полей изображения, вы можете поменять горы на свои собственные слоистые произведения искусства (дюны, береговая линия, горизонт города) и сохранить параллакс. ряд фактов (27 маршрутов/8 туристов максимум/19 лет) - это шесть редактируемых полей, и именно здесь этот герой заслуживает доверия: конкретные цифры вместо прилагательных. Лучше всего подходят: треккинговые компании, туроператоры, сайты национальных парков, любой бренд, продающий место, а не продукт.

Вы можете редактировать: 2-строчный заголовок, бровь, абзац, 2 кнопки + ссылки, номер высоты и метка, 3 пары фактов, 4 изображения декораций, 4 цвета (весь градиент неба перекрашивается из одного базового цвета).

3. Ember & Oak — кофейни, кафе и рестораны

Раздел героев кофейни Ember and Oak для Elementor с вращающимся текстовым кольцом вокруг чашки латте на темном фоне эспрессо

Темный фон эспрессо, заголовок с засечками с курсивом янтарного акцента, и фирменный фрагмент: кольцо текста с чтением “МАЛЕНЬКАЯ ПАРТИЯ · ОБЖАРЕННЫЙ КАЖДЫЙ ЧЕТВЕРГ · ЕДИНОЕ ПРОИСХОЖДЕНИЕ” который медленно вращается вокруг латте сверху вниз фото в то время как пар поднимается из чашки Кофейный пакет наклоняется в угол и выпрямляется вверх при зависании. внизу шатер с именем происхождения (Yirgacheffe, Huila, Sidra...) прокручивается на петле и приостанавливается на зависании.

Текст кольца является одним редактируемым полем, поэтому пекарня пишет “ЗАЧИСТОЕ · ВЫПЕКАНО В 5 УТРА · НЕТ ЯРЛЫКОВ” и вся личность переносит. то же самое для шатра: одно поле, напечатано дважды внутри так петля никогда не показывает шва. Работает для любой еды бизнес, где ремесло является поле roasteries, пекарни, пивоварни, фермы-к-столу рестораны.

Вы можете редактировать: Заголовок из 3 частей с ударным словом, абзацем, примечанием к цене, 2 кнопками + ссылками, кольцевым текстом, текстом шатром, 2 изображениями, 5 цветами.

4. Ателье Norr — модные бренды премиум-класса и электронная коммерция премиум-класса

Раздел модных героев Atelier Norr для Elementor с огромной типографикой QUIET TAILORING, расположенной между арочным портретом

Самый тихий дизайн в наборе, и самый редакционный. два негабаритных слова (ТИХОЕ /ПОШИВ по умолчанию) оседлать арочную рамку портрета, каждое слово протирается от подрезанного края на нагрузке.Наведите на портрет и он перекрещивается до второго вида, в то время как подпись под “ переключается с “01 /02 The Longline Coat на 002 /02 The Drape Dress”.Th two-image hover swap - это весь виджет в миниатюре: сдержанный, но живой.

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

Вы можете редактировать: оба слова заголовка, вертикальная этикетка сезона, абзац, кнопка + ссылка, подсказка на наведение, 2 изображения с 2 подписями, полоса нижнего колонтитула, 3 цвета.

5. Offbeat Studio ♪ для творческих агентств и студий

Раздел героев агентства Offbeat Studio для Elementor с жирным заголовком в верхнем регистре, словом с коралловым акцентом и наклонным коллажем из портфолио

Кобальт, коралл, и лимон на не совсем белом い плакат энергии Bauhaus Заголовок кричит в верхнем регистре с выделенным ударным словом, которое получает желтый свайп подчеркивание через полсекунды после загрузки Под ним три плитки портфолио сидят слегка повернутыми как принты на столе; каждый выпрямляет, поднимает, и наклоняется к курсору в 3D на зависании. 3D наклейка БРОНИРОВАНИЕ ДЛЯ Q4 лениво вращается над коллажем.

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

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

6. Кузница Легкая атлетика (спортивные залы и фитнес-бренды)

Раздел героев спортивного зала Forge Athletics для Elementor с сокращенным заголовком в верхнем регистре, вольт-зеленым акцентом и угловым изображением спортсмена

Уголь и вольт зеленый, конденсированный прописной тип, и заголовок, который слэмы в: каждая линия приземляется с помощью щелчка перекоса и масштаба вместо вежливого затухания. строка вторая очерчена вместо заполнения, строка третья принимает вольтовый цвет. За всем гигантское слово-призрак (FORGE) дрейфует против вашего свитка. Изображение спортсмена находится в угловой рамке параллелограмма с вольтовой косой чертой, вырезающей раскладку по диагонали.

Статистика отсчитывает вверх по низу: 14 платформ, 31 класс, 24 участника на тренера макс. Обратите внимание, что делает этот последний номер. “Член на тренера, max” - это обещание, а не хвастовство, и это такая строка, которая заполняет вступительные сессии. поменяйте слово-призрак на название вашего спортзала в одном поле. Создано для силовых залов, боксов CrossFit, студий боевых искусств и тренеров, чей бренд - интенсивность.

Вы можете редактировать: 3-строчный заголовок, бровь, абзац, слово-призрак, вертикальная метка, 2 кнопки + ссылки, 3 пары стат, изображение спортсмена, 4 цвета.

7. Wiggly Minds пронизывает детские приложения, школы и образование

Дети Wiggly Minds изучают раздел героев для Elementor с пастельными тонами, подпрыгивающими талисманами капель и подчеркиванием загогулины

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

Центрированный макет держит родителей (фактических покупателей) на четком пути: возрастной диапазон значок, обещание, один абзац, который отвечает “это в этот экранный раз я пожалею?”, линия доверия с рейтингом App Store Талисманы три поля изображения. поменяйтесь своими персонажами и отскок, тень, и курсор-застенчивое поведение применяются автоматически. для обучения приложений, дневных ухода, детских клубов, педиатрических практик, и игрушечных брендов.

Вы можете редактировать: заголовок с наклоненным ударным словом, значком, абзацем, 2 кнопками + ссылками, линией доверия, 3 изображениями талисмана, 6 цветами.

8. Studio Meridian — архитекторы, дизайнеры интерьеров и портфолио

Раздел героев архитектуры Studio Meridian для Elementor со швейцарской сеткой, тонкой типографикой и саморисующимся планом этажа

Швейцарская сетка дисциплина: мета-колонка (практика, основана, проекты на месте), тонкий 300-вес заголовок с одним кирпичом подчеркнутый слово, и большой проект фото, который показывает с салфеткой, Бумага цвета занавес соскальзывает и изображение оседает от небольшого увеличения в течение полной секунды. детали люди по электронной почте нам о план этажа в боковой панели, который рисует сам outwalls сначала, затем дверные качели, затем этикетки комнат исчезают. Это анимация SVG, которая поставляется внутри демо-изображения, без участия плагина.

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

Вы можете редактировать: Заголовок из 5 частей, абзац, кнопка + текстовая ссылка с URL-адресами, 3 метапары, фотография + подпись, план этажа + подпись, правило координат, 3 цвета.

9. Страницы Lowtone — фестивали, концерты и мероприятия

Секция героев музыкального фестиваля Lowtone для Elementor с градиентным надписью, светящимся шаром, рядами линейки и анимированным эквалайзером

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

Три строки состава (FRI/SAT/SUN) каждый несет свой лейбл, список исполнителей и ссылку, поэтому вы можете отправлять каждый день на свою страницу расписания. Градиент - это три отдельные цветовые остановки на вкладке "Стиль". Сместите их, а также надпись, кнопки, свечение и эквалайзер. Для фестивалей, площадок, клубных вечеров, конференций с хедлайнерами и запуска альбомов.

Вы можете редактировать: разделите словесный знак, дату, местоположение, абзац, 3 строки линейки по 3 ссылки, 2 кнопки + ссылки, изображение сферы, 5 цветов, включая все 3 ступени градиента.

10. Måne い для ухода за кожей, красоты, и оздоровительные бренды

Раздел героя ухода за кожей Måne для Elementor с бутылкой лавандового продукта и значками ингредиентов, вращающимися на пунктирном кольце

Туманная лаванда и персиковая дымка размываются и дрейфуют за заголовком с засечками, курсив которого, “the night shift.”, получает мягкий градиентный подчеркивание, которое расцветает наружу. бутылка продукта плавно плавает в центре пунктирного кольца, и три ингредиента значки (2% сетчатки, 5% овсяного брожения, 0% аромата) орбита он находится на 26-секундном цикле, вращаясь в противоположных направлениях, поэтому они остаются в вертикальном положении на протяжении всего пути.

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

Вы можете редактировать: Заголовок из 2 частей, бровь, абзац, 2 кнопки + ссылки, 3 претензии, 3 вращающиеся пары значков, изображение бутылки, 4 цвета.

11. Свободные концы (для портфолио, студий и стартовых страниц, которым нужна капля

Свободные концы - раздел героев для элементара

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

Раздел героя поля нити Loose Ends для Elementor с тысячей частиц, имитируемых графическим процессором, кружащихся вокруг гигантского центрального заголовка

Частицы не являются одним фиксированным взглядом. выпадающий на вкладке Стиль переключает поле между Пряди (красочные кружащиеся нити), Снег (медленный дрейф белого), Звезды (почти все еще звездное поле), и Вселенная (длинные глубинные промахи).Четыре ползунка контролируют плотность (от 100 до 2000 частиц), размер, глубину и то, насколько сильно рой реагирует на мышь. есть также элемент управления выравниванием, который перемещает весь стек контента влево, в центр или вправо, поэтому один и тот же виджет работает как редакторский герой с левым выравниванием или центрированная страница всплеска. одно честное примечание: 3D-движок загружается с CDN, около 1,2 МБ кэшируется после первого посещения, и работает на WebGPU в Chrome и Edge с возвратом WebGL2 везде. Если этот запрос не удался, герой отображается как обычный стилизованный раздел и ничего не разбивается. Изображений тоже не загружается; вся сцена генерируется.

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

Как импортировать шаблон раздела героя в Elementor (шаг за шагом)

Весь процесс занимает около двух минут на каждый виджет. Вам нужен WordPress с Элементор и Мастер Аддоны Плагин PRO активен Вот точный рабочий процесс, сделанный по скриншоту из реального импорта героя музыкального фестиваля.

Шаг 1: Распаковать загрузку

Расстегнутая папка "Музыка-фестиваль-герой" на рабочем столе, показывающая файл виджета JSON, демо-изображения и README

Дважды щелкните молнию (здесь, music-festival-hero.zip). Внутри вы найдете три вещи: файл виджета (widget-music-festival.json), а demo-images папка с готовыми к загрузке PNG и a README.txt это говорит вам, какое изображение в каком поле принадлежит. Есть еще svg-originals папка — подробнее об этом в FAQ.

Шаг 2: Импортируйте JSON в конструктор виджетов

распакуйте zip-файл и проверьте файлы

В своем администраторе WordPress перейдите по адресу Мастер-аддоны → конструктор виджетов и нажмите Импортировать виджет. Перетащите .json файл в диалоге, или нажмите Просмотреть файлы. только JSON идет сюда. изображения приходят позже, через обычную медиатеку.

пользовательский виджет Imporrt в мастер-дополнениях

Шаг 3: Проверьте виджет и сохраните

Импортированный виджет героя открывается в Master Addons Widget Builder, показывая поля контента, HTML-код и токены документации

Виджет открывается в конструкторе со всем уже подключенным: разделами контента слева, HTML/CSS/JS за вкладками и боковой панелью документации, на которой перечислены все полевые токены. вам не нужно прикасаться ни к одному из них. Просто нажмите Сохранить настройки. Если вам интересно, как поля подключаются к коду, Руководство по настройкам виджета Builder объясняет систему токенов.

Шаг 4: Перетащите его на свою страницу

Виджет героя музыкального фестиваля, упавший на страницу Elementor внутри флексбокс-контейнера во всю ширину

Откройте любую страницу с Elementor. Ваш новый виджет появится на панели под Избранное; поищите его название, если не заметили. перетащите его в контейнер. Один совет для вас: установите контейнер Ширина контента до полной ширины таким образом, такие проекты, как фестиваль и герои путешествий, могут достигать самых разных сторон.

Шаг 5: Редактируйте контент и ссылки

Панель контента Elementor, показывающая редактируемые поля линейки, метки дня и элементы управления ссылками для виджета-героя

Щелкните виджет и на вкладке Содержимое перечислены все редактируемые части, сгруппированные способ группировки дизайна: Область контента, Строки очереди, Кнопки, Изображения. Введите любой текст и предварительный просмотр обновляется в реальном времени. Каждая кнопка и связанная строка имеют надлежащий элемент управления ссылками. вставьте свой URL-адрес, затем нажмите передачу, чтобы переключить “open в новом окне” и “nofollow”.

Шаг 6: Загрузите демо-изображения

загрузите демо-изображение, чтобы увидеть точный предварительный просмотр

В разделе "Изображения" щелкните каждое поле и загрузите соответствующий файл из раздела demo-images папка.README отображает их, если виджет имеет несколько. демо PNG экспортируются с разрешением 2x, поэтому они остаются острыми на экранах сетчатки. меняйте местами свои собственные фотографии в любое время; поле является стандартным медиа-подборщиком WordPress. Затем Публиковать. Сделано.

предварительный просмотр импортированного виджета раздела героев

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

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Работают ли эти шаблоны разделов героев с бесплатным Elementor?

Да. здесь все работает на бесплатном Elementor плюс плагин Master Addons PRO. не требуется Elementor Pro. функция импорта Widget Builder поставляется в бесплатной версии.

Анимация замедлит работу моего сайта?

Никакой измеримой разницы в наших тестах. анимации CSS и небольшой scoped скрипт на виджет. нет библиотек анимации, нет зависимости jQuery, никаких внешних запросов, кроме одного вызова Google Fonts на виджет (и он загружается один раз, даже если виджет появляется дважды).Сами молнии работают от 30 КБ до 2 МБ, и это почти полностью демо изображения.

Что происходит с посетителями, которые отключают анимацию?

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

Почему в zip есть SVG-файлы, если WordPress их не загрузит?

WordPress по умолчанию блокирует загрузку SVG по соображениям безопасности, поэтому в молнии включены версии PNG, которые загружаются куда угодно. Это то, что использует руководство по импорту. The svg-originals папка - это бонус: если ваш сайт разрешает SVG (через плагин, такой как Safe SVG), векторные версии бесконечно резкие и составляют лишь небольшую часть размера файла.

Могу ли я использовать два таких раздела героев на одном сайте?

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

Могу ли я изменить шрифты?

Каждый виджет загружает два своих Google Шрифта автоматически, чтобы соответствовать дизайну. чтобы поменять их местами, откройте виджет в Widget Builder, отредактируйте URL-адрес шрифта на вкладке JS и имена семейств шрифтов на вкладке CSS. Это двухстрочное изменение.The Документы Widget Builder расскажите, как работают вкладки кода.

Могу ли я редактировать сам дизайн, а не только контент?

Это самое интересное. Каждый виджет полностью открыт в конструкторе виджетов. HTML, CSS и JS находятся прямо там, во вкладках, комментируются и читаемы. Добавьте поле, удалите раздел, измените точку останова. Если вы можете отредактировать таблицу стилей, вы можете раздвоить любую из них на что-то новое. Виджет Строитель у Пейджа есть обзор, и если вы создаете что-то хорошее, мы хотим это увидеть.


Все 10 разделов героев бесплатны для личных и коммерческих проектов Построена и протестирована командой Master Addons на Elementor с Master Addons v3.x. Вопросы или запрос виджета? расскажите в комментариях Коллекция растет, исходя из того, что просят люди.

Фотография Роя Джеми
Рой Джеми
Я Рой Джеми, Content Wrangler и Marketer в Pixar Labs, работаю над Master Addons для Elementor.Я пишу учебные пособия, записываю видео и поддерживаю актуальность документации, поэтому вы всегда знаете, как использовать каждую функцию. Я также занимаюсь поддержкой, поэтому, если вы наткнетесь на корягу, я тот человек, который поможет вам исправить это. Реальные ответы, от кого-то, кто использует эти инструменты каждый день.
Сентябрьская распродажа

40% выключить все

Каждый Мастер Аддоны Про план, годовой и пожизненный Один код, восемь дней.

00дней
00час
00мин
00сек

Заканчивается в понедельник, 14 сентября, 23:59 по восточному времени

  • Личный1 сайт 129 долларов77 ДОЛЛАРОВ
  • Бизнес5 сайтов 199 долларов119 долларов
  • РазработчикНеограниченные сайтыЛучше всего для агентств 599 долларов359 долларов

Платите один раз. Никакого продления никогда.

Код купона МАЛИФЕ40
Получите скидку 40% прямо сейчас
  • Более 30 000 активных установок
  • 4,5/5 из 212 отзывов
  • 14-дневный возврат денег