Все темы для WordPress можно разделить на две категории: нишевые, то есть предназначенные для определённых типов сайтов, и многоцелевые. К первым можно отнести, например, шаблоны для блогов и интернет-магазинов. Вторые предлагают более широкий спектр возможностей: одну и ту же тему можно использовать для различных проектов. Phlox Pro – пример именно такой многоцелевой, универсальной темы с огромным количеством инструментов и возможностей.
Phlox Pro от разработчика Averta заточена под конструктор страниц Elementor. В ней содержится более 80 демонстрационных макетов Complete Elementor, которые можно легко импортировать и редактировать, и около 120 готовых шаблонов сайтов на любой вкус. Эта тема имеет рейтинг 4,66 на ThemeForest и была продана почти 37 тысяч раз. Phlox Pro позволяет тонко настраивать параметры каждой страницы или применить глобальные изменения ко всему сайту. Результат можно увидеть в реальном времени, без перезагрузки страницы.
Вместе с темой Phlox Pro вы получаете набор популярных премиум-плагинов:
- Visual Composer – визуальный конструктор страниц;
- Master Slider – оригинальная разработка от студии Averta со специальными функциями, добавленными специально для темы Phlox Pro;
- Go Pricing – плагин, позволяющий быстро создавать прайс-листы;
- Ultimate Addon – добавляет на сайт различные элементы для конструктора страниц;
- Yellow Pencil – плагин для визуального редактирования CSS;
- ConvertPlus – лидогенератор, конструктор модальных окон и информеров, повышающих конверсию сайта.
Любой из представленных демонстрационных шаблонов сайта можно парой кликов мышки импортировать в ваш проект. Параметры макета тоже легко изменяются: доступны варианты «во всю ширину экрана» (Full Widht), «в рамке» (Framed), «фиксированная ширина» (Boxed).
Советуем к прочтению
Основные элементы макета
Тема Phlox Pro предлагает 12 типов оформления верхней части сайта (она называется «шапка» или header). Основные варианты расположения меню таковы:
- «липкое» меню, которое всегда находится наверху экрана и не пропадает при скроллинге;
- «гамбургер»: меню, которое обычно используется в навигации на мобильных устройствах;
- полноэкранное меню;
- вертикальное меню;
- вертикальное меню с верхней горизонтальной панелью.
Оформить самый низ сайта, или «подвал» (footer) можно также 12-ю различными способами. Подвал имеет до 5 колонок под размещение виджетов и для кнопок социальных сетей и копирайта. Кроме этого, при желании к нему легко добавить дополнительную панель (Subfooterbar): это может быть призыв подписаться на рассылку, слайдер с отзывами клиентов, виджет поиска по сайту, галерея.
Заголовки материалов и страниц – это ещё одна область для творчества. Тема Phlox Pro позволит создавать такие заголовки, от которых просто невозможно отвести взгляд. В качестве фона вы вольны использовать как изображения, так и видео. К картинкам можно добавить захватывающий параллакс-эффект. Для повышения удобочитаемости накладываются эффекты осветления или затемнения фона. Текст заголовка располагается поверх изображения либо выносится в контрастного цвета блок, частично перекрывающий изображение.
Готовые макеты страниц в теме Phlox Pro позволяют создавать интернет-магазин, портфолио, блог или новостной сайт буквально в несколько кликов мышкой. Визуальный конструктор очень удобный и интуитивно понятный, так что его без труда освоит даже новичок. Все элементы оформления устанавливаются простым перетаскиванием.
Для блога тема Phlox Pro предлагает 6 вариантов макета:
- классический (в одну колонку);
- сетка (Grid);
- плиточный (Tile);
- шкала времени (Timeline);
- «кирпичная кладка» (Masonry);
- в одну колонку с расположением изображений сбоку от текста (Land).
Дополнительные плагины
В комплект темы Phlox Pro входят несколько премиальных плагинов, и в том числе – замечательный конструктор слайдеров Master Slider Pro. Этот слайдер можно размещать в теле материала, во всю ширину или даже во весь экран. Также он поддерживает многослойность и анимацию слоёв, что позволяет создавать необычайно впечатляющие композиции. В арсенале этого слайдера есть более 90 готовых шаблонов оформления, и к каждому слайду или отдельному элементу можно применять до 15 эффектов анимации: вращение, движение, затухание, пульсация, масштабирование и т.д.
Yellow Pencil – ещё один коммерческий плагин, входящий в комплект, и он предназначен для визуального редактирования стилей CSS. С ним вам не нужно будет копаться в коде, чтобы изменить расположение объекта, его параметры (рамка, отступы, цвет), добавить фоновое изображение или градиент. Вы сможете увидеть, как выглядит шрифт Google до того, как подключите его. Плагин позволяет «на лету» отменять внесённые изменения, применять различные эффекты CSS3 и перетаскивать объекты.
Плагин ConvertPlus даёт возможность легко и быстро создавать модальные окна для привлечения внимания пользователей и увеличения конверсии вашего сайта. Это могут быть различные всплывающие окна (например, сообщение об акциях и скидках, предупреждения для посетителей, покидающих страницу) а также выезжающие сбоку экрана информеры или сообщения в верхней части сайта. С помощью этого чрезвычайно гибкого и продвинутого плагина вы сможете:
- создавать базу подписчиков;
- продвигать свои товары, делиться новостями и привлекать больше трафика на сайт;
- получать обратную связь от посетителей, покидающих сайт;
- добавлять на свой сайт всевозможные яркие и привлекательные информеры.
Плагин ConvertPlus имеет несколько готовых шаблонов, так что вам не придётся разрабатывать дизайн с нуля. Удобный конструктор поможет тонко настроить необходимые параметры и адаптировать модальные окна под различные типы устройств.
Советуем к прочтению
Производительность
Тема Phlox Pro, несмотря на большое количество встроенных инструментов, прекрасно оптимизирована и в тестах на производительность показывает впечатляющие результаты – 96 из 100. Достигается благодаря продвинутых технологий: отложенной загрузке изображений и автоматической подгонке картинок под различные типы экранов. В частности, вес изображений для смартфона сжимается почти в 4 раза в сравнении с десктопной версией, то есть это позволяет значительно уменьшить время загрузки страницы.
Эта тема совместима со всеми современными браузерами, полностью адаптивна и поддерживает устройства с высокими разрешениями экрана.
Заключение
Тема Phlox Pro – это действительно настоящий кладезь инструментов и возможностей, с помощью которых любой сайт, от визитки до интернет-магазина, будет выглядеть невероятно эффектно и современно. Впечатляющий набор готовых блоков для конструктора Elementor, создание макета любой страницы в режиме реального времени, удобный визуальный компоновщик и пакет премиальных плагинов позволят вам создать уникальный сайт всего в несколько кликов мыши. В вашем распоряжении более сотни готовых макетов, выполненных с учётом практики типографского дизайна. Это обеспечивает высокое качество отображения и удобочитаемость текстов на всех типах устройств.
Тема Phlox Pro предлагает решения на все случаи жизни и имеет массу возможностей для настройки каждого элемента. При этом править код нет никакой необходимости, все изменения производятся в визуальном редакторе. Напомним также, что Phlox Pro – многоцелевая тема. Это означает, что на её базе можно создавать дизайны для различных сайтов. Таким образом, вы получаете не просто шаблон оформления, а набор инструментов, который можно использовать неоднократно.
Наш канал на YouTube