Обзор Materialis: премиальная тема WordPress для творческих профессионалов

Опубликовано: 2020-11-18
Тема Materialis
Следуйте @Cloudways

Materialis - это продукт Extend Themes, у которого более 10.000 активных установок. Его создатели также стоят за другими популярными темами, такими как Colibri (топ-15 на wordpress.org) и Mesmerize, оба с более чем 40 тысячами активных установок, и конструктор Colibri WordPress.

Кажется, Extend Themes действительно разгадал секрет успешных тем WordPress. Теперь давайте посмотрим, что делает Materialis выбором более 10 тысяч активных пользователей.
В этом обзоре я подробно расскажу:

  • Контрольные показатели производительности Materialis
  • Бесплатные vs Pro
  • Ценовые планы
  • Настройщик
  • За и против

Контрольные показатели производительности Materialis

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

Конфигурации сервера 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.6.1
  • CDN: CloudwaysCDN
  • SSL: позволяет зашифровать
  • Версия Materialis: 1.1.14

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

  • Контактная форма 7
  • Рейтинг Math SEO
  • Breeze Cache
  • Cloudways - Защита от ботов WordPress
  • Elementor PageBuilder
  • Materialis Companion

Loader.io Тест

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

погрузчик испытательный материал

Результат теста: https://bit.ly/3ky8D3W

GTmetrix Тест

тестовый материал gtmetrix

Бесплатные vs Pro

Как и большинство других тем, у Materialis есть бесплатная и профессиональная версия.

Materialis Free против Materialis Pro

Начнем с функций, общих между бесплатной и платной версиями:

  • Редактирование в реальном времени в настройщике
  • Доступен дизайн заголовка
  • Разделы: О компании, Возможности, Портфолио, Отзывы, Команда, Контакты
  • Виджетный нижний колонтитул
  • Параллакс фон

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

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

Материал бесплатно Materialis Pro
Дизайн заголовков на главной странице 5 19
Параметры макета заголовка 3 17
Разделы содержимого страницы 35+ 150+

Что это значит для тебя? С профессиональной версией Materialis вы можете создать действительно уникальный веб-сайт.

Materialis Pro также имеет некоторые дополнительные функции:

Особенности темы Materialis PRO

  • Цвета логотипа и навигации
  • Типографский стиль и цвета
  • Настраиваемый фон для каждого раздела
  • Разделы Google Maps
  • Разделы фотогалереи
  • Разделы таблицы цен
  • Разделы подписки на рассылку новостей
  • Настроить текст и цвета нижнего колонтитула

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

Теперь, когда вы активируете тему, вам рекомендуется установить плагин Materialis Companion, который добавит в тему функцию перетаскивания.

Плагин Materialis Companion

Бесплатная версия также предлагает установить Contact Form 7, а профессиональная версия рекомендует Contact Form 7 и Mailchimp для плагинов WordPress.

Если вы хотите начать с заранее разработанного шаблона, вам нужно будет перейти к настройке, а затем выбрать «Дизайн заголовков первой страницы».

Заголовок главной страницы темы Materialis

Шаблоны появятся на левой боковой панели.

Дизайн заголовка первой страницы

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

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

Есть три плана:

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

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

Теперь цены одинаковы для Materialis и Mesmerize (другой популярной темы WordPress, созданной Extend Themes).

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

Настройщик тем

Как я уже сказал в начале, плагин Materialis Companion позволяет редактировать с помощью перетаскивания в Настройщике. Это то, что делает Materialis таким мощным. Вы можете настроить все аспекты темы из единого интерфейса (верхний колонтитул, нижний колонтитул, боковая панель, в том числе).

Теперь давайте посмотрим, как вы можете настроить свой сайт с помощью Materialis PRO:

Общие настройки

В разделе «Общие настройки» вы:

  • Можно изменить общую типографику и цветовую схему вашей темы. У вас даже есть доступ к 600 шрифтам Google.

Общие настройки темы Materialis

  • Настройте айдентику сайта: заголовок, слоган, логотип.
  • Измените фоновое изображение
  • Добавить собственный стиль (CSS)

Оперативное редактирование

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

Функция редактирования тем Materialis PRO

Вся бесплатная библиотека значков Font Awesome также доступна в Materialis, поэтому вам не нужно тратить время на поиск значков.

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

Materialis имеет более 150 блоков для таких функций, как страница «О программе», раздел «Функции», кнопки, счетчики, галереи, портфолио, клиенты и многое другое.

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

Функция блока содержимого темы Materialis

Все, что вам нужно сделать, это выбрать и выбрать «Добавить раздел».

Тема Materialis Добавить раздел Функция

Особенность темы Materialis

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

Затем вам просто нужно будет добавить свой собственный контент и внести окончательные корректировки.

Интеграция с Google Maps

Этот раздел находится внутри блоков «Контакты». Не забудьте обновить данные в Google My Business, прежде чем начинать блокировку.

Для каждого раздела вы можете навести курсор вправо и увидеть предварительный просмотр раздела справа.

Разделы рассылки

Как я уже сказал в начале, Materialis рекомендует установить плагин для Mailchimp под названием «MailChimp for WordPress». Такой плагин позволяет создавать формы, которые будут интегрироваться с Mailchimp, чтобы вы могли собирать потенциальных клиентов и подписчиков, а затем выполнять рассылку писем.

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

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

Лучшие плагины для лайтбоксов WordPress

Навигация

Меню навигации состоит из пяти основных разделов:

  1. Верхняя панель
  2. Навигация на главной странице
  3. Внутренняя навигация по страницам
  4. Мобильная навигация
  5. Логотип сайта

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

Мобильная отзывчивость

Отзывчивость темы Materialis для мобильных устройств

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

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

За и против

Мы почти подошли к концу обзора.

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

  • Множество шаблонов
  • Редактирование в реальном времени из настройщика
  • Отличная настройка
  • Множество шрифтов и иконок Font Awesome
  • Адаптивный дизайн

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

Итак, если вы не собираетесь создавать интернет-магазин, Materialis может быть правильным выбором. Возьмите его на тест-драйв и убедитесь в этом сами!

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