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

Шаблон JournalX от WPShop для Wordpress
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

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

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

Шаблон JournalX для сайта на WordPress

 

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

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

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

Бесконечный скролл постов. Как анонсов записей на главной странице или в разделах, так и новых постов внутри отдельной записи.
Уникальный и чистый внешний вид. Ничто не отвлекает читателей от контента, при этом встроены инструменты для привлечения внимания.
Проработанная типографика. Опубликованные посты приятно читать.
Быстрая скорость работы. Это касается не только скорости загрузки страниц, но и подгрузки постов при бесконечном скролле. 
Необычная сетка постов для формирования главной страницы. Используется грид-верстка.
Адаптивность под любые устройства. На больших и маленьких экранах сайт смотрится отлично.
Удобное размещение рекламных блоков. Вебмастер может в несколько кликов эффективно расставить баннеры.
Внедренная SEO-оптимизация. Микроразметка, правильная расстановка заголовков, отсутствие лишних ссылок и прочие важные моменты.

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

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

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

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

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

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

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

Рекомендую также ознакомиться с подборкой лучших SEO-шаблонов для сайта на WordPress.

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

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

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

Скорость шаблона JournalX

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

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

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

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

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

Проверка шаблона на валидность кода

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

Проверка микроразметки в шаблоне JournalX

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

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

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

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

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

В шаблоне изначально правильно расставлены заголовки. На страницах не более одного заголовка H1, вложенные заголовки (H2, H3, H4, H5, H6) только в теле статьи — их проставляет сам создатель контента. 
Не требуется устанавливать плагины, которые вебмастеры уже считают стандартными — они встроены в шаблон. Например, для создания оглавлений внутри записей.
Лишние ссылки закрыты от индексации. 
Убраны циклические ссылки.
Правильная настройка описаний для рубрик, при наличии пагинации описания не дублируются на нескольких страницах.

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

Рекомендую использовать JournalX в сочетании с плагином Clearfy PRO от WPShop, который позволяет устранить ряд несовершенств WordPress, повысить безопасность сайта, защитить контент и улучшить работу ресурса.

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

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

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

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

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

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

опции загрузка постов

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

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

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

демонстрация загрузка постов

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

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

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

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

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

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

блок справа на Журнал Икс

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

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

блок на всю ширину в журнальном шаблоне

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

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

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

Настройка шаблона в кастомайзере

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

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

Параметры темы JournalX

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

Структура

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

Раздел структуры в WP-теме

Блоки

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

Блоки в шаблоне JournalX

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

Настройка шапки в блоках шаблона

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

Настройки записей в блоках

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

Модули

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

Модули в шаблоне WPShop

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

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

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

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

Карта сайта

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

Контактная форма модуль JournalX

Обратите внимание: Более детально контактную форму можно настроить в самом шорткоде или при помощи хуков.

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

Модуль содержания

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

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

Карточки постов в журнальной теме

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

Основные карточки постов в шаблоне

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

Похожие записи в JournalX

Коды

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

вставка кодов в журнальный темплейт

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

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

функция подгрузки постов

Типографика

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

типографика в макете с бесконечным скроллом

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

Настройка шрифтов и отступов

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

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

опции свойства сайта

Цвета

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

Настройка цвета на сайте JournalX

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

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

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

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

Меню

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

Настройка шаблона — раздел меню

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

Виджеты

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

Настройка виджетов

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

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

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

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

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

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

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

Спрятать или вывести модули и элементы в записи

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

Установка настроек записи

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

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

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

Раздел рекламы в JournalX

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

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

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

Реклама в шаблоне JournalX

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

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

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

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

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

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

Журнал про рыбалку

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

Сайт Бонжур Glamour на JournalX

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

Kupil Kvartiru на шаблоне WPShop

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

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

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

Nulled вариант темы JournalX нарушает права разработчиков, которые создали шаблон, продают его и поддерживают. Нарушение авторских прав чревато большими проблемами.
Никогда нельзя сказать, какую работу над темой провели взломщики, предлагающие скачать ее бесплатно. Зачастую они встраивают в код свою рекламу либо вирусы, которые могут привести к поломке сайта.
Бесплатная взломанная версия JournalX не получает обновления, тогда как команда WPShop активно поддерживает свои проекты, регулярно добавляя новые функции в тему и сохраняя ее функциональной при обновлении WordPress.
При покупке лицензионной версии JournalX вебмастер получает 1 год бесплатной технической поддержки — есть возможность напрямую обратиться к разработчикам и оперативно получить ответ на возникшие вопросы. С nulled-версией расчитывать на решение проблем со стороны ВПШоп не стоит.

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

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

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

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

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

Цены на шаблон JournalX

 

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

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

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

Выводы

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

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

Создай свой первый сайт на WordPress

Александр

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

Оцените автора
Добавить комментарий