Здравствуйте, дамы и господа, это обзор темы для WordPress Xoxo – Blog & Magazine от Frenify. Мне эта тема показалась красивой, а также неплохо реализована поддержка Ajax. Да, на ней можно сделать красивый блог, а также интернет-магазин, хотя в связке с WooCommerce мне тема не понравилась. В обзоре расскажу как о преимуществах темы, так и о недостатках.
Также в конце страницы приложу файлы перевода темы на русский для самой темы Xoxo, а также для плагина Xoxo Core.
Xoxo – Blog & Magazine WordPress Theme: подробный разбор функционала и возможностей
Первый и главный недостаток данной темы — она платная. Найти её можете на ThemeForest: https://themeforest.net/item/xoxo-blog-magazine-wordpress-theme/42858298.
А теперь перейдём непосредственно к обзору.
Начнём с того, что тема поддерживает:
- WooCommerce;
- WPML;
- SEO-плагины RankMath, AIOSP, Yoast;
- плагины кэширования вроде LiteSpeed Cache, SuperCasche;
- множество других плагинов.
Но важнее то, что она не поддерживает:
- Gutenberg и новые типы виджетов. Только классический редактор и классические виджеты.
- AMP. Не имеет оптимизации под AMP-макет. Но можно использовать в режиме Reader.
- BuddyPress. Не наследует стили темы, так что придётся дорабатывать самостоятельно либо отказаться от функционала форума.
А теперь расскажу о скорости. Использовал собственные наработки по ускорению WordPress, плагин LiteSpeed Cache, Autoptimize, A3LazyLoad для отложенной загрузки изображений и фреймов. Учтите, если будете использовать отложенную загрузку LiteSpeed Cache или Autoptimize, то у вас просто не будут видны иконки в этой области:
Так что лучше использовать A3LazyLoad.
Также на сайт добавил все счётчики: Яндекс Метрику, Гугл Аналитику, установил BuddyPress, чтобы нескучно было, а также WPML. Мне такой набор плагинов не нужен, но для тестирования надо было нагрузить сайт.
Сымитировал рабочий проект. Предоставляю результаты скорости по PageSpeed:
Визуально грузится быстро, даже несмотря на то, что на момент написания статьи я сижу с тормознутым интернетом со смартфона в режиме модема.
Но на практике тема не особо быстрая, даже если тестировать с нормальным интернетом, то события LCP (отрисовка крупного контента), DCL (DOMContentLoaded event) происходят слишком поздно.
Желательно, чтобы LCP и DCL происходили быстрее 3-х секунд. Так что результат можно назвать разве что удовлетворительным.
Ну а теперь перейдём к функционалу темы. Начнём с того, что в комплекте идёт плагин Xoxo Core, который позволяет настроить внешний вид темы. Настроек довольно много.
На вкладке General можно настроить тип отображения. Поддерживаются форматы LTR (слева-направо) и RTL (справа-налево). Так что тема подходит для арабских языков или иврита.
Также можно настроить симпатичный курсор вместо стрелки, но я подобное не люблю. Непривычный курсор только мешает пользователям.
На вкладке Main Colors можно настроить цвета темы. Но, к сожалению, поддержки градиентных оттенков нет.
В разделе Logo можете загрузить логотипы, причём для каждого формата разный, например, для экранов Retina можете подгрузить другие логотипы.
В разделе Desktop Navigation можете включить «Умный поиск», а также добавить иконки социальных сетей, ну и отсортировать их порядок обычным перетаскиванием.
В Typography настроить шрифты, Google Fonts поддерживается.
Следующий раздел у нас Reactions/Votes. Здесь можно настроить аналог лайков, но для вашего сайта, заметил, что поддержки Schema у них нет.
Можно сделать вот такую вот красоту:
Ну или такое голосование.
Или и то, и другое. Как пожелаете. Текст можно изменить прямо в настройках, а также добавить кастомные эмоции.
В разделах Blog Single и Blog можете настроить формат блога, например, размер слайдера, с сайдбаром или без, бесконечная подгрузка записей, а также отображения формата, например, классический блог или «кладка».
В разделе Footer можете настроить копирайт, а также включить кнопку «наверх», ну и форму подписки добавить.
В разделе Share Options можете добавить возможности расшаривания страниц.
В разделе Advertising можете добавить рекламу, в том числе и AdSense и Яндекс, а также кастомные баннеры.
Ну а в разделе Custom CSS можно добавить собственные стили, но я предпочитаю делать это в файле style.css дочерней темы, так удобнее.
В разделе SEO можете выбрать HTML-теги, например, теги заголовка главной страницы, а также теги страницы 404.
На последней вкладке Import/Export можете сохранить свои настройки или загрузить другие, например, ранее экспортированные.
Плагин реально позволяет сделать дизайн сайта без ручной работы. Конечно, лишь в заданных рамках, но и этого достаточно для большинства пользователей.
А теперь давайте рассмотрим саму тему.
Во-первых, она красивая. Оформлена тема приятно, дизайн продуманный.
Тема имеет собственные виджеты, например, виджет последних записей, подписки. Который, кстати, довольно гибко настраивается. Но работать это будет только с плагином «Классические виджеты», Гутенберг не поддерживается.
Также есть и другие виджеты, выше ссылку на Themeforest оставил, можете сами посмотреть, как они выглядят.
В целом, это одна из самых красивых тем, что я видел, но в жертву принесена скорость и поддержка AMP. Да, за всё приходится платить. Впрочем, кому сейчас AMP нужен?
Также в тему встроен AJAX-поиск, соответственно, результаты будут выводиться ещё в процессе набора.
Использование Xoxo для блога — отличный вариант. Конечно, тема не самая быстрая, не поддерживает AMP, но красивая. Но для интернет-магазина или форума её не стал бы рекомендовать.
Интернет-магазин на базе темы Xoxo
К сожалению, скриншоты я не делал, но скажу честно, мне не понравилось, как данная тема смотрится в рамках интернет-магазина, во-первых, нет ровных сеток товаров, во-вторых, цветовая гамма в некоторых местах смотрится не очень.
Но все необходимые функции у темы есть, с WooCommerce тема работает на ура. Так что использовать можно.
Но всё-таки рекомендовал бы тему для WordPress Xoxo использовать только для блогов, в остальном не рекомендую.
Совместимость с WPML
Тема Xoxo полностью совместима с WPML. Так что проблем с многоязычными сайтами не будет.
Также есть поддержка Right-to-left (RTL), что позволяет использовать языки с письмом справа налево. Так что и ивритом или арабским языком проблем не будет. В том числе и в многоязычных сайтах.
Также тема без проблем поддаётся переводу с помощью WPML, что позволит не использовать Poedit, а просто выполнить перевод из панели администратора WordPress.
Переводы для темы Xoxo на другие языки
В конце этого блока прилагаю файлы перевода этой темы на русский язык. На другие языки не переводил, но инструкцию по переводу прилагаю. Подробнее о переводе тем и плагинов для WordPress можете прочитать по ссылке.
Тему Xoxo можно легко перевести с помощью программы Poedit, также можно перевести с помощью функционала WPML.
Шаблон для перевода вы сможете найти в папке language темы Xoxo, а также в папке language плагина Xoxo Core. После перевода вы получите файлы формата la_LA.po и la_LA.mo. Например, для немецкого языка это будет de_DE.po и .mo, для русского ru_RU.po и .mo.
Перевод для темы разместите в папке language родительской темы. Просто скопируйте туда полученные файлы. Если желаете добавить в дочернюю тему, то создайте в папке темы папку language, скопируйте переводы в неё, а в файл functions.php добавьте код:
function xoxo_child_after_setup_theme() {
load_child_theme_textdomain( 'xoxo', get_stylesheet_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'xoxo_child_after_setup_theme' );
Сделать это нужно между:
<?php
и закрывающим тегом:
?>
Перевод плагина Xoxo Core нужно добавить в папку /ваш-сайт.com/public_html/wp-content/languages/plugins
Файлы перевода назовите xoxo-core-la_LA.po, xoxo-core-la_LA.mo. Например, для немецкого это будет xoxo-core-de_DE.po, xoxo-core-de_DE.mo, для русского xoxo-core-ru_RU.po, xoxo-core-ru_RU.mo.
Файлы перевода Xoxo – Blog & Magazine WordPress Theme на русский язык прилагаю:
Завершаем обзор темы Xoxo
Итак, для моих целей тема более чем подошла, потому ставлю 7 из 10. Но это не значит, что данная тема подойдёт и вам. Жаль, нельзя взять на тест и поглядеть, что к чему. Я бы сказал, что эта тема больше подойдёт для блогов или галерей. Но в сценарии сайта-визитки, портфолио или интернет-магазина смотрится не очень.
Если дизайн данной темы вам не подходит, то у Frenify Team есть ещё много тем с иным дизайном. При этом некоторые заметно дешевле, но по функционалу практически не отличаются.
На этом с вами прощаюсь и желаю успехов, всего доброго!