Обзор Colibri WP: многофункциональная тема WordPress с множеством функций

Опубликовано: 2020-10-28
Тема Colibri WordPress
Следуйте @Cloudways

Colibri, включенная в список самых популярных тем WordPress на WordPress.org, имеет более 50 000 активных установок. Его создатели также стоят за другими популярными темами: Mesmerize, Materialis и One Page Express.

В этом обзоре я подробно расскажу:

  • Тесты темы Colibri
  • Colibri Free против Colibri Pro
  • Ценовые планы Colibri Theme
  • Настройщик тем Colibri PRO
  • Особенности темы Colibri
  • Colibri Плюсы и минусы

Прежде чем погрузиться в тему, я хочу выделить кое-что, что мне показалось интересным. В тот момент, когда вы активируете тему Colibri, вам будет предложено выбрать один из предустановленных дизайнов Colibri.

Вы заметите, что, выбрав дизайн, вы автоматически установите Colibri Page Builder. Не о чем беспокоиться, поскольку конструктор только улучшит настройщик по умолчанию и предоставит вам больше интересных функций (например, блоки и компоненты, созданные дизайнером).

предопределенные дизайны colibri

А теперь поехали, ладно?

Тесты производительности Colibri

Ниже приведены конфигурации сервера и приложения.

Конфигурации сервера Cloudways

  • Сервер Cloudways: Vultr - высокая частота
  • Оперативная память: 4 ГБ
  • SSD-диск: 128 ГБ
  • Пропускная способность: 3 ТБ
  • Процессор: 2 ядра
  • Расположение сервера: Кремниевая долина
  • Операционная система: Debian 9
  • NGINX: 1.14.1
  • Лак: 5.0.0
  • Apache: 2.4.25
  • База данных: MariaDB 10.4
  • PHP-FPM: 7,4

Конфигурации приложений

  • Версия WordPress: 5.4.2
  • CDN: CloudwaysCDN
  • SSL: позволяет зашифровать
  • Версия Colibri: 1.0.81

Установленные плагины

  • Контактная форма 7
  • Рейтинг Math SEO
  • Breeze Cache
  • Cloudways - Защита от ботов WordPress
  • Конструктор страниц Colibri
  • Colibri Page Builder PRO

Loader.io Тест

  • Проверено страниц: 3
  • Тип теста: поддержание клиентской нагрузки
  • Клиенты: от 0 до 1000
  • Продолжительность: 5 мин.
  • Результат испытаний:

тест загрузчика колибри

GTmetrix Тест

colibri gtmetrix

Тема Colibri + невероятно быстрый хостинг = более высокая конверсия

Cloudways обеспечивает непревзойденную производительность серверов. Добавление темы Colibri в этот микс - простая формула успеха в Интернете.

Строить сейчас!

Colibri Free против Colibri Pro

Что общего между бесплатной и профессиональной версиями Colibri? Давайте посмотрим:

  • Редактирование в реальном времени в настройщике
  • Изображение и градиентный фон
  • Мобильная отзывчивость
  • Доступ к платформе Colibri Cloud
  • Готовые блоки контента и шаблоны веб-сайтов
  • Графические разделители разделов
  • Макеты заголовка и меню навигации

Что касается макетов и разделов, есть некоторые различия между бесплатными и платными планами, как показано ниже:

Колибри бесплатно Колибри Про
Готовые шаблоны веб-сайтов 3 60+
Предварительно разработанные блоки контента 34 170+
Дизайн заголовков на главной странице 5 20+
Параметры макета заголовка 3 17
Макеты меню навигации 2 5
Предварительно разработанные блоки нижнего колонтитула 1 6

Colibri Pro поставляется с некоторыми дополнительными функциями, такими как:

  • Неограниченное количество фонов для видео и слайд-шоу
  • Цвета навигации
  • Четыре типа носителей заголовка: изображение, видео, лайтбокс, коллаж изображения. В бесплатном плане есть только вариант изображения
  • Полный контроль над типографикой и цветами (также для нижнего колонтитула)
  • Расширенные возможности стилизации
  • Новые блоки: Google Карты, счетчики, фотогалерея.
  • Приоритетная техподдержка на год
  • Поддержка нескольких языков

Что это значит для тебя?

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

Ценовые планы Colibri Theme

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

  • Личное
  • Бизнес
  • Агентство

Бизнес-план действителен до 5 сайтов, в то время как с планом агентства вы можете создавать неограниченное количество сайтов.

Личное Бизнес Агентство
Ежегодно 79 долларов США 99 долларов США 199 долларов США
Продолжительность жизни 169 долл. США 239 долл. США 449 долл. США

Время от времени вам доступны скидки (например, Черная пятница).

Как работать с Colibri PRO в настройщике?

Благодаря плагину Colibri Page Builder вы можете создать весь свой веб-сайт внутри Customizer (включая боковые панели, верхние и нижние колонтитулы).

Если вы хотите продолжить работу с одним из заранее разработанных шаблонов, выберите «Внешний вид» → «Настройки Colibri» → «Демо-сайты».

Функции

Теперь давайте рассмотрим некоторые дополнительные разделы, доступные только в версии PRO:

Раздел героев

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

Типографский стиль и цвета

Colibri Theme Типографика и цветовые особенности

Вы всегда можете изменить цвета своей темы в разделе «Общие настройки» → «Глобальная цветовая схема». Здесь вы можете выбрать одну из доступных схем или создать такую, которая лучше соответствует вашему дизайну.

Цветовая схема темы Colibri

Если вы хотите изменить глобальные шрифты, перейдите в Общие настройки → Типографика.

Настройка оформления темы Colibri

На этом уровне вы можете определить свои собственные стили заголовков. От H1 до H6 вы можете назначить глобальные шрифты, размер (px, rem или ems), толщину, цвет или межбуквенный интервал.

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

Одной из величайших особенностей конструктора Colibri является то, что он позволяет копировать и вставлять стили!

Предварительно разработанные блоки содержимого

Colibri имеет 150+ готовых блоков контента (герой, функции, отзывы, CTA, команда и т. Д.), Которые вы можете использовать для создания веб-сайта WordPress своей мечты.

Предварительно разработанные блоки контента для темы Colibri

Эти блоки полностью настраиваемы, и вы можете настраивать их, пока они не будут подходящими. В «Расширенных» параметрах редактирования вы можете настроить фон, разделители, интервалы, эффекты, типографику и многое другое.

Блок редактирования Colibri Advanced

Компоненты перетаскивания

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

Компоненты перетаскивания темы Colibri

Вы можете настроить каждый компонент.

Чтобы продемонстрировать это, давайте посмотрим на блок Accordion.

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

Меню навигации

Что касается меню, у вас есть пять вариантов:

  • Главное меню заголовка
  • Главное меню нижнего колонтитула
  • Вторичное меню заголовка
  • Встраиваемое меню
  • Дополнительное меню нижнего колонтитула

Вы можете добавлять страницы, настраиваемые ссылки, категории и теги в эти места меню.

Раздел меню навигации темы Colibri

Если вы не хотите начинать с нуля, есть шесть вариантов блока нижнего колонтитула, которые вы можете изменить и настроить.

Добавить собственный CSS

Если вы чувствуете, что заранее разработанных шаблонов и блоков, а также всех параметров настройки по-прежнему недостаточно, всегда есть возможность поиграть с CSS. Вы можете добавить свой собственный CSS в Общие настройки → Дополнительные CSS.

Вы можете добавить свой собственный CSS в «расширенный» вариант на левой боковой панели после выбора компонента веб-сайта. Просто зайдите в «Управление стилями» и начните творить магию CSS. На этом уровне вы даже можете добавить свои собственные классы CSS.

Тема Colibri Добавить собственный CSS

Мобильный отклик

Каждый элемент дизайна внутри Colibri создан так, чтобы отлично смотреться на любом мобильном устройстве и экране любого размера.

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

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

Отзывчивость темы Colibri на мобильных устройствах

Colibri Плюсы и минусы

Подведем итоги, что хорошего в Colibri:

  • Редактирование в реальном времени из настройщика
  • Расширенные возможности настройки
  • Множество шаблонов для самых разных ниш
  • Предварительно определенные блоки и компоненты
  • Масштабируемая типографика
  • Параметры копирования и вставки для стилей
  • Адаптивный дизайн

С другой стороны, вероятно, есть один большой минус: Colibri не готов к работе с электронной коммерцией.

Я настоятельно рекомендую взять Colibri для быстрого вращения, чтобы увидеть все важные функции в действии. Есть даже бесплатный вариант тест-драйва.

Рекомендуемые плагины

В начале обзора я сказал, что в теме предустановлен конструктор страниц Colibri WordPress.

Если вы перейдете в Внешний вид → Установить плагины, вы увидите, что рекомендуются другие плагины. Большинство из них принадлежат партнеру Colibri, знаменитому WPMUdev. Эти плагины могут добавлять новые функции с точки зрения безопасности, производительности, создания форм и т. Д.

Вы также можете найти эти плагины в разделе Внешний вид → Настройки Colibri.

Рекомендуемый плагин для темы Colibri WP

Подведение итогов!

Вся мощь темы Colibri основана на функциях, которые разблокированы конструктором Colibri. Тема и конструктор позволяют создавать уникальные веб-сайты с помощью перетаскивания в одном интерфейсе.

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

Примечание: эта статья была опубликована в сотрудничестве с ColibriWP.