Обзор JournalX — журнального шаблона WordPress от WPShop

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

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

Журнальный шаблон JournalX — что это

JournalX — это модная журнальная тема с подгрузкой постов для WordPress, которая разработана российской студией WPShop. Команда уже успела зарекомендовать себя в выпуске шаблонов и плагинов для сайтов на WP.

В качестве примеров их работ можно назвать удобный плагин для квизов Quizle или тему для кулинарных блогов Cook It.

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

Далее подробнее посмотрим на основные преимущества JournalX перед конкурентами, а также расскажу об основных принципах работы с темой.

Александр

Автор статьи

Задать вопрос

Отдельно хочу выделить правильный подход разработчиков шаблона с точки зрения создания адаптивности. Они используют стратегию Mobile First, что является грамотным решением для сайтов журнального типа, куда 80-90% трафика приходит с мобильных устройств.

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

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

Шаблон JournalX купить со скидкой 15%

SEO-возможности JournalX

Одна из важнейших составляющих, которой уделяет внимание компания WPShop при разработке продуктов, это SEO-оптимизация. Чтобы инструмент для сайта или шаблон были эффективными, они должны изначально разрабатываться с учетом особенностей продвижения в поисковых системах. В JournalX эти особенности были учтены.

Максимальная скорость работы

Код JournalX не перегружен лишними стилями или скриптами — он выполнен с использованием HTML5 и CSS3.

Хорошо знакомый вебмастерам инструмент Google PageSpeed показывает, что проекты на JournalX попадают в “зеленую зону”. Соответственно, скорость загрузки сайта удовлетворяет высоким ожиданиям поисковых систем.

Семантический код, разметка и микроразметка

Старые шаблоны WordPress зачастую имеют неактуальный семантический код. Такой проблемы лишен JournalX. В теме правильно расставлены теги. И это плюс не только для роботов поисковых систем, но и для будущего развития сайта. Шаблон с правильным семантическим кодом будет легче доработать, если возникнет такая необходимость.

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

Разработчики всегда должны находить компромисс между удобством для пользователей и правильностью для “роботов”.

Проверка микроразметки Schema.org через сервисы тоже не выявляет проблем в шаблоне сайта. Соответственно, при правильном оформлении материалов, сниппеты в поисковых системах должны быть максимально полными.

Подключение скриптов в футере

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

Другие SEO-преимущества JournalX

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

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

Особенности решения JournalX

Продуманность с точки зрения SEO — далеко не единственное преимущество темы JournalX от WPShop. У нее еще есть несколько ключевых особенностей, которые выделяют данное решение среди конкурентов.

Подгрузка постов

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

Вебмастер может настроить основные опции:

• Максимальное количество подгружаемых друг за другом постов.
• Категории для подгрузки (можно выводить записи только из той же рубрики, что и первый пост, либо выбрать случайный вывод материалов).
• Высота подгружаемых анонсов (в пикселях). Если установить значение “0”, то будет показываться полный текст подгружаемой записи. Если же указать нужное число, то по завершении текущей статьи подгрузится только отрывок новой записи с кнопкой “Читать полностью”. При нажатии на нее раскроется полный текст.

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

Бесконечная привлекательная лента постов

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

Такое решение создает у читателя ощущение “бесконечности” сайта, и выбранный стиль скроллинга идеально подходит для журнальных порталов.

Если читателю интересна основная тема ресурса (или рубрики), он будет крутить посты охотнее в поиске привлекательных записей. К тому же сама лента постов в JournalX оформлена заманчиво —  используется 5 видов отображения записей и верстка гридами на быстрых стилях и без скриптов.

Красивое оформление контента

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

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

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

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

Быстрая настройка шаблона в кастомайзере

Одна из особенностей шаблонов компании WPShop — использование кастомайзера для быстрой настройки параметров темы. Настроить тему под желаемый внешний вид может обычный пользователь даже без базовых навыков HTML, CSS и PHP.

JournalX полностью настраивается через кастомайзер — нужно авторизоваться в админке и нажать “Настроить” в административной панели, чтобы перейти к параметрам темы.

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

Рассмотрю ниже основные параметры, которые можно настроить из кастомайзера JournalX.

Структура

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

Блоки

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

В зависимости от того, какой раздел выбрать, список доступных параметров меняется. Например, в разделе “Шапка” можно установить логотип, добавить дополнительный html-код и указать другие настройки для шапки сайта.

В разделе “Запись” устанавливаются элементы, которые по умолчанию будут отображены или скрыты в отдельной записи.

Если администратору необходимо настроить базовые параметры для отдельных типов вывода контента на сайте (запись, страницы, архивы и прочее), некие элементы на главной или в сквозных блоках, — соответствующие параметры находятся в разделе “Блоки”.

Модули

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

Полный список доступных параметров во всех модулях рассматривать не имеет смысла — с этим можно ознакомиться в документации разработчиков.

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

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

Контактная форма. Базовая контактная форма уже интегрирована в JournalX, ее можно вывести на любой странице при помощи шорткода. В параметрах в разделе “Модули” настраивается текст перед кнопкой “Отправить”. Чаще всего он используется, чтобы уведомить пользователя о политике обработки персональных данных ресурса.

Содержание. Зачастую в журнальных сайтах требуется устанавливать отдельный плагин, чтобы выводить оглавление. В JournalX этот плагин интегрирован. При этом у него есть некоторые настройки. Можно установить, где выводить содержание, сменить заголовок или переместить его в другое место.

Карточки постов

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

Основные. Настраивается выводимая информация и параметры ее вывода. Также можно указать, чтобы заголовки постов выводились обернутые в H2 либо DIV. Плюс указывается количество символов, которые показываются в отрывке, если его отображение активировано.

Похожие записи. Несколько параметров отображения похожих записей. Базовые настройки похожих записей можно найти в разделе “Модули”.

Коды

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

Подгрузка постов

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

Типографика

Как можно понять из названия, здесь устанавливается основная типографика для материалов на сайте. Раздел поделен на 4 подраздела: общие, шапка, меню, заголовки.

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

Свойства сайта

Раздел с базовыми настройками портала — title, description, фавикон.

Цвета

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

Фоновое изображение

Если на сайте есть необходимость установить фоновое изображение, это можно сделать тоже через базовые настройки JournalX.

Фон шаблона выбирается из медиабиблиотеки или указывается внешней ссылкой. Повторение и расположение настраиваются здесь же.

Меню

В этом разделе настраивается меню сайта. Настройка дублирует опции, которые в административной панели находятся во “Внешний вид” — “Меню”.

Виджеты

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

Другие параметры

• Настройки главной страницы. Здесь можно выбрать вариант главной — статическая страница или последние записи.
• Дополнительные стили. Сюда заносятся CSS-стили, которые нужно изменить в шаблоне. Некоторые советы по указанию стилей можно найти в справке.
• Расширенные настройки. Задаются некоторые параметры, которые в редких случаях приходится менять.
• Партнерская программа. В тему WPShop добавлена партнерская программа разработчиков. При желании можно вывести реферальную ссылку и зарабатывать на продажах тем и шаблонов ВПШоп.

Дополнительные кнопки в редакторе

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

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

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

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

Расстановка рекламных блоков

Для сайтов, которые зарабатывают на контекстной рекламе, в JournalX предусмотрена удобная расстановка рекламных блоков. В административной панели в разделе “Внешний вид” добавлен пункт “Реклама”.

Здесь можно указать коды рекламы для расстановки по сайту. Предусмотрено несколько рекламных мест размещения:

• После шапки (на всю ширину сайта)
• Перед контентом
• Посередине контента
• После контента
• После абзаца (можно вставить до 5 блоков)
• Перед похожими записями
• После похожих записей
• Перед подвалом

Для вставки в каждый рекламный блок предусмотрены два места: код для рекламы на ПК и на мобильных устройствах.

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

Шаблон для WordPress JournalX предоставляет все необходимые инструменты для эффективного размещения баннерной рекламы на сайте и заработка на ней.

Примеры готовых сайтов на JournalX

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

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

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

Бонжур Glamour. Журналы про личную жизнь звезд очень популярны, и в такой тематике сайта отлично смотрится журнальный шаблон от WPShop. Быстрая подгрузка постов друг за другом продолжает удерживать читателя в течение долгого времени. Пока читатель увлечен контентом, он видит и рекламу внутри постов, что выгодно для вебмастера.

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

Можно ли скачать nulled-версию JournalX

Для WordPress немало бесплатных тем. И когда вебмастеры видят платный продукт, у них возникает вопрос: “Нужно ли покупать тему, либо лучше найти в Яндекс или Google взломанную версию?”

JournalX тоже можно найти в nulled-виде, который “добродетели” (как утверждают) раздают бесплатно. Но я бы не рекомендовал использовать такой шаблон на своих сайтах, и здесь есть несколько причин.

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

Шаблон журнального типа JournalX со скидкой

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

При этом стоимость самого шаблона достаточно гуманная:

• на 1 домен — 3800 рублей;
• на 3 домена — 6700 рублей;
• на бесконечное число доменов — 8900 рублей.

Выше указаны цены без учета скидок. Но сейчас можно купить JournalX по сниженной на 15% стоимости – для этого нужно активировать промокод ниже.

Купить JournalX со скидкой по промокоду

Выводы

Журнальная тема JournalX — отличный инструмент в руках грамотного вебмастера. Тема недорогая, она поддерживается разработчиками, в ней есть все необходимое для быстрого старта (имеются и возможности для кастомизации).

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