X Theme против Divi: плюсы и минусы

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

Одним из лучших дизайнов WordPress на рынке сегодня является Divi. В прошлом году мы сравнили Divi с фреймворком Genesis.

Поскольку Elegant Themes недавно обновили Divi с множеством новых функций, мы подумали, что было бы неплохо вернуться к этой теме и посмотреть, что она предлагает.

Вместо того, чтобы сравнивать Divi с Genesis, в этой статье мы сравниваем флагманский дизайн Elegant Themes с темой X. С общим объемом продаж около 62 000 X тема является одним из самых популярных дизайнов на ThemeForest.

Давайте подробнее рассмотрим сильные и слабые стороны этих двух универсальных тем WordPress.

Х - Тема

На бумаге X не предлагает ничего такого, чего нельзя было бы найти в других темах WordPress на торговой площадке ThemeForest. Он поставляется с несколькими адаптивными стилями, включает в себя конструктор страниц для создания пользовательских страниц и имеет настраиваемый тип публикации портфолио.

Тем не менее, его список функций не говорит всей истории. Что отличает X от большинства конкурентов, так это то, что все, что она делает, она делает хорошо.

С момента своего выпуска в конце 2013 года X добавил много новых функций, и, когда я пишу это, тема достигла своей четвертой версии.

После того, как вы активировали X на своем веб-сайте, вам будет предложено зарегистрироваться на веб-сайте разработчика. Это гарантирует, что тема может быть автоматически обновлена ​​через область администрирования WordPress. Регистрация учетной записи также необходима для загрузки таких расширений, как Cornerstone.

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

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

Так что же может сделать X? Давайте посмотрим поближе

Cornerstone — конструктор страниц WordPress

Cornerstone — это расширение для создания страниц, которое включено в X. В то время как конструктор страниц Divi работает на серверной части, Cornerstone работает на внешней стороне. Это позволяет вам настраивать элементы интерфейса на лету. Конструктор страниц можно использовать с постами и страницами блога.

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

Вы можете легко добавить новые строки (известные как разделы), а затем выбрать структуру столбцов. Шаблоны тоже есть. Затем вы можете перетащить любой элемент, который вы хотите, в область содержимого. Как только вы это сделаете, вы можете редактировать элемент, щелкнув по нему, что загрузит параметры конфигурации на левой панели.

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

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

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

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

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

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

Четыре уникальных дизайна включены

X включает в себя четыре уникальных дизайна, которые разработчики называют «стеками». Мне нравится думать о четырех стопках как об уникальных холстах, а не о четырех пользовательских скинах.

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

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

При изменении стека в поле ниже отображаются различные параметры (хотя все остальные параметры в настройщике темы остаются прежними).

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

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

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

Если мы внимательно рассмотрим каждый стек, вы начнете понимать, почему каждый дизайн имеет разные параметры, доступные в настройщике WordPress.

Integrity — это универсальный дизайн, выполненный в светлой и темной цветовой гамме. Его можно использовать для создания блогов, портфолио, интернет-магазинов, предприятий и многого другого.

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

Icon — это минималистичный дизайн, который отлично поддерживает форматы сообщений в блогах. Это мой любимый дизайн (хотя я люблю минималистичные дизайны!).

Ethos — это дизайн журнала, в котором есть слайдеры постов и карусели постов.

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

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

Доступно несколько расширений

Расширения, представленные в третьей версии X, добавляют дополнительные функциональные возможности в тему X. Одно расширение, о котором я уже говорил, — это Cornerstone, конструктор страниц, который можно использовать для создания красивых постов и страниц.

На данный момент для X доступно шестнадцать расширений, и все они могут быть загружены бесплатно при покупке темы и вводе ключа API. Существуют расширения для сторонних сервисов, таких как MailChimp, DISQUS и Google Analytics, а также полезные расширения для создания страницы условий использования или отображения сообщения о разработке.

Интеграция со сторонними плагинами WordPress

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

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

К счастью, вам не нужно беспокоиться об этом с X, поскольку он имеет фантастическую поддержку сторонних плагинов WordPress.

Все четыре стека дизайна X были разработаны для работы с WooCommerce, bbPress и BuddyPress прямо из коробки (пример BuddyPress, использующий стек Integrity, можно увидеть ниже). Это означает, что вам не нужно будет каким-либо образом редактировать X, чтобы создать интернет-магазин или создать сообщество.

X поставляется со стилями для популярных плагинов контактных форм Contact Form 7 и Gravity Forms. Он изначально поддерживает языки, которые читаются справа налево, и имеет встроенную поддержку многоязычного плагина WordPress.

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

Поддержка и ресурсы от экспертов

X поддерживают более дюжины штатных сотрудников. Вы можете задать вопросы перед продажей в разделе комментариев X на ThemeForest или отправить им электронное письмо напрямую.

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

Theme.co применил интересный подход к поддержке X. С самого начала они консультировались с известными интернет-маркетологами и разработчиками о том, как следует развивать X. Эти успешные предприниматели внесли свой вклад в учебные ресурсы X, такие как статьи, ресурсы и видео.

Отличный пакет

Тема X привлекла большое внимание в прошлом году, когда Envato сообщила, что это самая продаваемая тема WordPress. Разработчикам из Theme.co удалось заработать миллион долларов менее чем за шесть месяцев.

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

До сих пор я коснулся только того, что я считаю основными функциями X. Ниже приведен краткий список других функций, которые вы найдете в X.

• Оптимизированная для SEO семантическая разметка HTML5
• Универсальный пользовательский тип постов для портфолио, который можно использовать для создания красивых галерей и портфолио.
• Копия популярного плагина для слайдеров Slider Revolution (стоимостью 18 долларов).
• Адаптивный дизайн, который отлично смотрится на любом устройстве, будь то мобильный телефон, планшет или настольный компьютер.
• Дизайн с поддержкой Retina, созданный с учетом устройств с высокой плотностью пикселей.
• Колоссальные 400 иконок включены в тему.
• Отличная поддержка пользовательских фонов
• Поддержка социальных сетей для всех основных социальных сетей
• Фантастические возможности навигации, включая возможность создания навигационных панелей мегаменю.
• Возможность создания стильных одностраничных сайтов
• Дополнительная расширенная функция поиска
• Красивая типографика с выбором из более чем 600 шрифтов Google.
• Десятки шорткодов, которые помогут вам оформить контент
• Поддержка добавления пользовательских боковых панелей
• Удивительные функции для блоггеров с полной поддержкой всех форматов записей WordPress.
• Импорт и экспертная функциональность для переноса настроек темы
• Каждая покупка X поставляется со всеми оригинальными PSD-файлами Photoshop (хорошее дополнение для разработчиков, которые хотят дополнительно настроить X)

Как видите, X — это функциональная тема WordPress с множеством функций. Больше функций не обязательно означает лучшую тему, однако я был впечатлен тем, как работает X. Настройки были просты в настройке, и все работало так, как вы ожидали. Без сомнения, это одна из лучших тем WordPress на рынке.

Тема Divi WordPress

Elegant Themes — одна из старейших тематических компаний в сообществе WordPress. Диви преобразовал компанию.

Когда Divi был впервые выпущен в конце 2013 года, Elegant Themes были широко известны тем, что предоставляли более восьмидесяти тем WordPress по той же цене, которую многие компании взимают за загрузку одной темы WordPress. После выпуска Divi компания полностью изменила свое направление и сосредоточилась на качестве, а не на количестве.

Без сомнения, это было лучшее решение, которое когда-либо принимал Elegant Themes. Компания по-прежнему предоставляет огромное количество тем и плагинов в рамках своего плана членства по доступной цене. Однако всякий раз, когда кто-то упоминает Elegant Themes в 2015 году, он, несомненно, имеет в виду Divi.

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

Недавний выпуск Divi 2.4 стал самым большим обновлением Divi с момента его запуска. Он добавил множество новых функций к тому, что уже было усовершенствованной темой WordPress. Всего в Elegant Themes в версии 2.4 добавлено более 1000 новых настроек.

Давайте подробнее рассмотрим некоторые из этих функций и посмотрим, как они повлияли на Divi.

Конструктор страниц с перетаскиванием

В основе Divi лежит конструктор страниц с перетаскиванием. Это удобное решение для создания страниц, которое можно использовать для создания уникальных страниц.

В предыдущих версиях Divi конструктор страниц можно было использовать только на страницах; что ограничивало то, что вы могли с ним делать. К счастью, Elegant Themes сняли это ограничение. Теперь вы можете использовать конструктор страниц для любого типа сообщений WordPress, будь то страницы, сообщения в блогах или пользовательские типы сообщений.

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

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

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

Через настройщик модуля доступно более 200 настроек. Это отличная новая функция, которая делает конструктор страниц Divi еще более универсальным.

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

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

Элементы глобальной библиотеки могут отображаться на вашем веб-сайте. Вы можете сделать это с модулями, строками и разделами.

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

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

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

Область, в которой Elegant Themes действительно расширили возможности Divi, — это навигация. Появились новые параметры для изменения высоты логотипа, размещения логотипа по центру и встроенного текста, а также изменения типа и стиля шрифта.

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

24 варианта макета заголовка

В моем последнем сравнительном посте о Divi я упомянул, что доступно 18 готовых макетов. Эти макеты по-прежнему доступны в версии 2.4.

2.4 также добавил много других возможностей компоновки. Теперь доступно 24 структуры для вашего заголовка и 9 структур для заголовков сообщений в блоге.

Поддержка, учебные пособия и обновления

Elegant Themes имеют солидную репутацию поддержки. У них есть большая область документации, которая объясняет каждую функцию Divi. Эти учебники высокого качества; с использованием множества подробных видео и изображений.

Общие вопросы можно задать на их форуме поддержки. У них есть группа поддержки, которая каждый день работает на форумах, чтобы обеспечить быстрое время ответа на запросы в службу поддержки.

Divi — комплексное решение

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

Благодаря 18 адаптивным готовым макетам и отличной поддержке форматов записей в Divi каждый найдет что-то для себя. Он имеет встроенную поддержку 32 языков и поддерживает языки с чтением справа налево.

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

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

Какая тема дешевле?

У X и Divi две очень разные модели ценообразования. X доступен на ThemeForest за единовременную плату в размере 63 долларов США.

Несмотря на то, что ThemeForest является крупнейшим онлайн-рынком премиальных тем WordPress, он не поддерживает GPL, и X также не полностью совместим с GPL. Чтобы загрузить все расширения, вам необходимо зарегистрироваться для получения ключа API. Проблема в том, что вам нужно определить домен, с которым вы его используете, чтобы ключ API работал. Разработчики X не разрешают вам использовать X более чем на одном веб-сайте. Если вы хотите использовать X более чем на одном веб-сайте, они ожидают, что вы купите вторую единственную лицензию. Разработчикам продуктов WordPress не разрешается ограничивать использование таким образом, поскольку это противоречит положениям и условиям Стандартной общественной лицензии, на которой построен WordPress.

X позволяет загружать конструктор страниц Cornerstone, расширения Slider Revolution и Visual Composer без ввода ключа API. Таким образом, вы можете использовать X на любом количестве веб-сайтов, но, к сожалению, вы не сможете получать автоматические обновления или устанавливать расширения более чем на один домен. Однако вы можете перенести тему и расширения на другие домены вручную (в соответствии с правилами использования GPL вам разрешено это делать).

Проблема несовместимости X с GPL может быть незначительной проблемой для многих пользователей WordPress, но в моих глазах это черная метка против X. Мы надеемся, что разработчики полностью примут GPL в будущем и не будут ограничивать использование своих продуктов.

К счастью, Elegant Themes — это компания, поддерживающая GPL, которая не ограничивает использование своих тем и плагинов.

В Elegant Themes доступны три различных плана членства. Их самый дешевый вариант — персональная лицензия. За 69 долларов в год вы получите доступ ко всем 87 темам WordPress Elegant Themes. Это включает в себя Divi и другие высококачественные разработки, такие как Nimble.

Обновление до лицензии разработчика стоит всего на 20 долларов больше. За 89 долларов в год вы получаете доступ ко всем 87 темам WordPress Elegant Themes и 6 плагинам премиум-класса. Плагины премиум-класса включают плагин для подписки электронной почты Bloom и популярное решение для обмена в социальных сетях Monarch. Лицензия разработчика также включает все исходные PSD-файлы Photoshop.

Пожизненная лицензия доступа предлагает те же функции, что и лицензия разработчика. Это стоит единовременную плату в размере 249 долларов США, и после оплаты вам больше не нужно платить ежегодные сборы за продление. Если вы думаете, что будете использовать Elegant Themes более двух лет, купите эту лицензию.

X VS Divi: какой из них для вас?

Между X и Divi больше сходства, чем различий; конечно, когда вы сравниваете эти проекты с темой фреймворка, такой как Genesis. Обе темы включают в себя конструктор страниц для стилизации содержимого страницы, и обе темы используют настройщик тем WordPress для стилизации вашего веб-сайта.

Конструктор страниц Divi и конструктор страниц Cornerstone — отличные решения для создания красивого контента. По правде говоря, между ними не так уж и много. Они работают по-разному, однако имеют много одинаковых модулей и функций. Таким образом, все сводится к тому, какой интерфейс вы предпочитаете и предпочитаете ли вы использовать конструктор страниц в бэкэнде или редактировать вещи вживую во внешнем интерфейсе.

Когда дело доходит до стиля вашего сайта, Divi — явный победитель. В настройщике тем WordPress предлагаются сотни дополнительных параметров конфигурации, которые просто недоступны в X. Это дает вам гораздо более высокий уровень контроля над стилем и дизайном вашего веб-сайта.

Divi поставляется с 18 готовыми макетами, однако функция демо-контента X предлагает в общей сложности 33 различных макета для своих четырех стеков дизайна. Поэтому, когда дело доходит до макетов, X, возможно, берет на себя инициативу.

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

Обзор

Надеюсь, вам понравился этот взгляд на тему X и Divi.

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

При этом Elegant Themes предлагает гораздо лучшее соотношение цены и качества. В дополнение к Divi вы получите доступ к 86 другим темам и 6 высококачественным плагинам WordPress; все примерно по той же цене, что и X. А с Elegant Themes у вас нет никаких ограничений на количество доменов, на которых вы используете свои продукты.

По этим причинам я считаю, что Divi — лучший вариант для большинства пользователей WordPress, так как вы получаете гораздо больше за свои деньги и можете использовать продукты Elegant Themes на как можно большем количестве веб-сайтов. Однако, если вы планируете использовать X только в одном домене, проблема GPL не должна вас беспокоить, и вам, возможно, следует более внимательно изучить функции X и посмотреть, есть ли в нем функции, которые вам нужны.

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

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

Каково ваше мнение об этих популярных темах? Пожалуйста, дайте нам знать в области комментариев ниже.

Спасибо за чтение.

Кевин