Чтобы сверстать обычный журнал, нужно грамотно расположить информацию на страницах, добавить тематические изображения, выделить ключевые моменты в тексте и не перегрузить пользователя лишней информацией, при этом не забыв про рекламу.
На первый взгляд, это похоже на размещение контента для блога, но в деталях есть масса различий. Разработчики шаблонов, которые уловили такие различия, стали выпускать журнальные темы для WordPress. JournalX является одним из наиболее успешных и элегантных таких решений. Протестировав тему, привожу обзор ее основных возможностей.
- Журнальный шаблон JournalX — что это
- SEO-возможности JournalX
- Максимальная скорость работы
- Семантический код, разметка и микроразметка
- Подключение скриптов в футере
- Другие SEO-преимущества JournalX
- Особенности решения JournalX
- Подгрузка постов
- Бесконечная привлекательная лента постов
- Красивое оформление контента
- Быстрая настройка шаблона в кастомайзере
- Структура
- Блоки
- Модули
- Карточки постов
- Коды
- Подгрузка постов
- Типографика
- Свойства сайта
- Цвета
- Фоновое изображение
- Меню
- Виджеты
- Другие параметры
- Дополнительные кнопки в редакторе
- Расстановка рекламных блоков
- Примеры готовых сайтов на JournalX
- Можно ли скачать nulled-версию JournalX
- Шаблон журнального типа JournalX со скидкой
- Выводы
Журнальный шаблон JournalX — что это
JournalX — это модная журнальная тема с подгрузкой постов для WordPress, которая разработана российской студией WPShop. Команда уже успела зарекомендовать себя в выпуске шаблонов и плагинов для сайтов на WP.
В качестве примеров их работ можно назвать удобный плагин для квизов Quizle или тему для кулинарных блогов Cook It.
JournalX создан для новостных и тематических порталов журнального типа, которые хотят удерживать посетителей максимально долго и зарабатывать на показе им рекламных баннеров. Для этого тема имеет несколько инструментов с доказанной эффективностью.
Далее подробнее посмотрим на основные преимущества JournalX перед конкурентами, а также расскажу об основных принципах работы с темой.
Как вебмастеру мне большую часть времени приходится работать с темой именно с компьютера. Но я могу быть уверен, что на мобильных устройствах статьи на JournalX будут смотреться отлично.
Когда материалы приятно читать на самом сайте, постоянные пользователи не уходят в ридеры, а это повышает вебмастеру число видимых показов рекламы, а значит, и доход от нее.
Шаблон JournalX купить со скидкой 15%
SEO-возможности JournalX
Одна из важнейших составляющих, которой уделяет внимание компания WPShop при разработке продуктов, это SEO-оптимизация. Чтобы инструмент для сайта или шаблон были эффективными, они должны изначально разрабатываться с учетом особенностей продвижения в поисковых системах. В JournalX эти особенности были учтены.
Рекомендую также ознакомиться с подборкой лучших SEO-шаблонов для сайта на WordPress.
Максимальная скорость работы
Код JournalX не перегружен лишними стилями или скриптами — он выполнен с использованием HTML5 и CSS3.
Хорошо знакомый вебмастерам инструмент Google PageSpeed показывает, что проекты на JournalX попадают в “зеленую зону”. Соответственно, скорость загрузки сайта удовлетворяет высоким ожиданиям поисковых систем.
Обратите внимание: Скорость работы ресурса зависит не только от шаблона, но и от количества установленных поверх плагинов, а также от используемого сервера. Чтобы не получить медленные результаты, не перегружайте тему плагинами.
Семантический код, разметка и микроразметка
Старые шаблоны WordPress зачастую имеют неактуальный семантический код. Такой проблемы лишен JournalX. В теме правильно расставлены теги. И это плюс не только для роботов поисковых систем, но и для будущего развития сайта. Шаблон с правильным семантическим кодом будет легче доработать, если возникнет такая необходимость.
Также шаблон выполнен в соответствии с требованиями W3C на валидность кода. При проверке демо-сайта с JournalX валидатор не показывает ни одной критической ошибки. Есть несколько предупреждений, которые указывают, что пару атрибутов можно было опустить, но сохранение этих атрибутов в шаблоне важно с точки зрения поддержки старых браузеров.
Разработчики всегда должны находить компромисс между удобством для пользователей и правильностью для “роботов”.
Проверка микроразметки Schema.org через сервисы тоже не выявляет проблем в шаблоне сайта. Соответственно, при правильном оформлении материалов, сниппеты в поисковых системах должны быть максимально полными.
Подключение скриптов в футере
Чтобы сайт грузился быстро, необходимые для его работы JS-скрипты должны быть подключены в футере либо иметь отложенную загрузку. Авторы JournalX выбрали вариант с расположением скриптов в футере.
Сам WordPress, а также установленные поверх шаблона плагины могут добавлять скрипты JS в неоптимальное место. Всегда следите за этим при установке новых модулей.
Другие SEO-преимущества JournalX
JournalX позволяет заняться наполнением сайта практически сразу после установки. Чтобы ресурс был максимально готов к продвижению, достаточно поставить сверху шаблона любой популярный в WP плагин для SEO. Никаких глубоких доработок не потребуется.
Если вы опытный вебмастер, который привык после установки шаблона тратить немало времени на его доработку по SEO-стандартам, то JournalX приятно порадует. Доработки могут потребоваться только под специфические требования. На базовом уровне шаблон уже оптимизирован.
Рекомендую использовать JournalX в сочетании с плагином Clearfy PRO от WPShop, который позволяет устранить ряд несовершенств WordPress, повысить безопасность сайта, защитить контент и улучшить работу ресурса.
Особенности решения JournalX
Продуманность с точки зрения SEO — далеко не единственное преимущество темы JournalX от WPShop. У нее еще есть несколько ключевых особенностей, которые выделяют данное решение среди конкурентов.
Подгрузка постов
В журналах одна статья идет за другой, без необходимости постоянно возвращаться к оглавлению или обложке издания. Такая же логика действий реализуется в журнальной теме для WordPress. Когда читатель на сайте доходит до конца статьи или новости, ему сразу подгружается следующая.
Вебмастер может настроить основные опции:
- Максимальное количество подгружаемых друг за другом постов.
- Категории для подгрузки (можно выводить записи только из той же рубрики, что и первый пост, либо выбрать случайный вывод материалов).
- Высота подгружаемых анонсов (в пикселях). Если установить значение “0”, то будет показываться полный текст подгружаемой записи. Если же указать нужное число, то по завершении текущей статьи подгрузится только отрывок новой записи с кнопкой “Читать полностью”. При нажатии на нее раскроется полный текст.
Важно отметить, что подгрузка постов происходит без перезагрузки страницы. То есть читатель следует из материала в материал, ни на что не отвлекаясь. При грамотном использовании данной особенности шаблона можно увеличить время удержания читателя на сайте.
Бесконечная привлекательная лента постов
На главной странице сайта и в рубриках реализован бесконечный скролл постов. Когда пользователь прокручивает страницу вниз, новые записи подгружаются моментально. Соответственно, нет необходимости добавлять кнопки пагинации.
Такое решение создает у читателя ощущение “бесконечности” сайта, и выбранный стиль скроллинга идеально подходит для журнальных порталов.
Если читателю интересна основная тема ресурса (или рубрики), он будет крутить посты охотнее в поиске привлекательных записей. К тому же сама лента постов в JournalX оформлена заманчиво — используется 5 видов отображения записей и верстка гридами на быстрых стилях и без скриптов.
Красивое оформление контента
Главное в журнальной теме — контент. И для привлечения к нему внимания нужно убрать все лишнее. В теме разработчики решили отказаться от сайдбара. Это может быть спорным решением, но на практике оно себя оправдывает.
Отказавшись от сайдбара, создатели шаблона реализовали выносные блоки и блоки на всю ширину, которые легко добавить в статью прямо из стандартного редактора WP.
Выносные блоки удобно использовать для перелинковки материалов. В них можно добавить заголовок, текст, а также ID-записи. На устройствах с большим дисплеем блоки выводятся справа от основного текста, а на небольших экранах контент встраивается напрямую в текст статьи.
Подобные выносные блоки привлекают гораздо больше внимания пользователей, чем просто перелинковка в теле статьи.
Блоки на всю ширину используются для акцентирования на отдельном предложении или абзаце. С их помощью можно выделить важную мысль в тексте либо цитату в интервью. На больших экранах он встает на место, где обычно располагается сайдбар. На мобильных же устройствах выделяется увеличенным текстом в теле основного контента.
Быстрая настройка шаблона в кастомайзере
Одна из особенностей шаблонов компании WPShop — использование кастомайзера для быстрой настройки параметров темы. Настроить тему под желаемый внешний вид может обычный пользователь даже без базовых навыков HTML, CSS и PHP.
JournalX полностью настраивается через кастомайзер — нужно авторизоваться в админке и нажать “Настроить” в административной панели, чтобы перейти к параметрам темы.
Изменения отображаются сразу после их внесения для администратора сайта, который производит настройку. Это дает возможность оценить внесенные правки, а после одной кнопкой опубликовать их для всех пользователей.
Рассмотрю ниже основные параметры, которые можно настроить из кастомайзера JournalX.
Обратите внимание. Ниже будет видно, что почти возле каждого параметра в кастомайзере есть знак вопроса. На него можно нажать, чтобы ознакомиться с подробной справкой по работе этого параметра в документации шаблона на сайте разработчиков.
Структура
В данном разделе задаются параметры шапки и подвала (футера) сайта. Для этих областей темы можно установить вариант отображения на всю ширину либо фиксировано. Есть дополнительные параметры отступа.
Блоки
В данном разделе не только задаются параметры, но и вносится некоторый контент. Как можно видеть на картинке ниже, в блоках настраиваются базовые опции для шапки, подвала, главной страницы, записей, отдельных страниц, архивов и комментариев.
В зависимости от того, какой раздел выбрать, список доступных параметров меняется. Например, в разделе “Шапка” можно установить логотип, добавить дополнительный html-код и указать другие настройки для шапки сайта.
В разделе “Запись” устанавливаются элементы, которые по умолчанию будут отображены или скрыты в отдельной записи.
Если администратору необходимо настроить базовые параметры для отдельных типов вывода контента на сайте (запись, страницы, архивы и прочее), некие элементы на главной или в сквозных блоках, — соответствующие параметры находятся в разделе “Блоки”.
Модули
Под модулями разработчики темы понимают отдельные функциональные компоненты, которые используются в различных блоках: хлебные крошки, блок автора, контактная форма, вывод содержания, карта сайта и прочее.
Как отмечалось выше, многие полезные функции изначально интегрированы в JournalX, что позволяет не устанавливать дополнительные плагины. Например, уже есть все необходимое для создания html-карты сайта или автоматического вывода содержания внутри постов.
Полный список доступных параметров во всех модулях рассматривать не имеет смысла — с этим можно ознакомиться в документации разработчиков.
Приведу параметры лишь нескольких модулей, которые, как мне кажется, полезны на всех сайтах. Наличие этих модулей позволяет избавиться от дополнительных плагинов, что всегда большой плюс для общей скорости работы сайта.
Карта сайта. Этот модуль отвечает за вывод при помощи шорткода html-версии карты сайта на нужной странице. В настройках модуля можно установить, какие рубрики или страницы требуется исключить из карты.
Контактная форма. Базовая контактная форма уже интегрирована в JournalX, ее можно вывести на любой странице при помощи шорткода. В параметрах в разделе “Модули” настраивается текст перед кнопкой “Отправить”. Чаще всего он используется, чтобы уведомить пользователя о политике обработки персональных данных ресурса.
Обратите внимание: Более детально контактную форму можно настроить в самом шорткоде или при помощи хуков.
Содержание. Зачастую в журнальных сайтах требуется устанавливать отдельный плагин, чтобы выводить оглавление. В JournalX этот плагин интегрирован. При этом у него есть некоторые настройки. Можно установить, где выводить содержание, сменить заголовок или переместить его в другое место.
Карточки постов
Параметры настройки отображения карточек постов. Здесь можно указать основные параметры, а также настройки для карточек, которые выводятся в похожих записях.
Основные. Настраивается выводимая информация и параметры ее вывода. Также можно указать, чтобы заголовки постов выводились обернутые в H2 либо DIV. Плюс указывается количество символов, которые показываются в отрывке, если его отображение активировано.
Похожие записи. Несколько параметров отображения похожих записей. Базовые настройки похожих записей можно найти в разделе “Модули”.
Коды
Здесь можно добавить коды, которые должны работать на всех страницах сайта. Чаще всего их используют для различных счетчиков, онлайн-консультантов и прочего.
Подгрузка постов
В этом разделе задаются параметры подгрузки постов — одного из важных преимуществ JournalX. Выше я подробно останавливался на данной опции.
Типографика
Как можно понять из названия, здесь устанавливается основная типографика для материалов на сайте. Раздел поделен на 4 подраздела: общие, шапка, меню, заголовки.
Для каждого подраздела можно установить семейство шрифта, размер и другие параметры, которые влияют на отображение материалов.
Свойства сайта
Раздел с базовыми настройками портала — title, description, фавикон.
Цвета
Один из первичных разделов при настройке только что установленного шаблона на сайт. Здесь задаются цвета для различных элементов, блоков, ссылок.
Фоновое изображение
Если на сайте есть необходимость установить фоновое изображение, это можно сделать тоже через базовые настройки JournalX.
Фон шаблона выбирается из медиабиблиотеки или указывается внешней ссылкой. Повторение и расположение настраиваются здесь же.
Меню
В этом разделе настраивается меню сайта. Настройка дублирует опции, которые в административной панели находятся во “Внешний вид” — “Меню”.
Из настроек шаблона редактировать меню напрямую удобнее, есть возможность сразу увидеть результат внесенных изменений.
Виджеты
Если на сайте используется сайдбар, то здесь можно добавить в него виджеты. Процесс добавления виджетов практически идентичен стандартному варианту — через меню “Внешний вид” — “Виджеты” в административной панели.
Другие параметры
- Настройки главной страницы. Здесь можно выбрать вариант главной — статическая страница или последние записи.
- Дополнительные стили. Сюда заносятся CSS-стили, которые нужно изменить в шаблоне. Некоторые советы по указанию стилей можно найти в справке.
- Расширенные настройки. Задаются некоторые параметры, которые в редких случаях приходится менять.
- Партнерская программа. В тему WPShop добавлена партнерская программа разработчиков. При желании можно вывести реферальную ссылку и зарабатывать на продажах тем и шаблонов ВПШоп.
Дополнительные кнопки в редакторе
В редакторе постов и страниц несколько дополнительных кнопок и меню добавлены в темплейт. Их можно разделить на следующие группы.
Для визуального оформления постов. Дополнительные кнопки позволяют в пару кликов: выделить блоки внимания в материале, добавить кнопки, добавить спойлер, вставить выносной блок, добавить блок на всю ширину и замаскировать ссылку.
Для вывода отдельных модулей и элементов. По умолчанию задается в кастомайзере шаблона. Но можно указать параметры и для отдельной записи или страницы.
Для указания настроек записи. Шаблон предлагает указать источник поста, если это необходимо, а также закрыть внешнюю ссылку через JS. Кроме того, в настройках можно задать ID постов, которые будут выводиться в блоке похожих записей.
Отмечу, что все базовые инструменты редактора работают в решении JournalX и должным образом стилизованы. Разработчики прописали необходимые стили в теме, чтобы хорошо смотрелись цитаты, таблицы, списки и прочее.
Расстановка рекламных блоков
Для сайтов, которые зарабатывают на контекстной рекламе, в 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 со скидкой по промокоду
Отмечу, что лицензию шаблона WPShop всегда можно расширить в личном кабинете. Если вы купили шаблон на 1 домен, а после решили установить его на 3 домена, то нужно будет доплатить разницу в цене, никаких переплат не потребуется.
Выводы
Журнальная тема JournalX — отличный инструмент в руках грамотного вебмастера. Тема недорогая, она поддерживается разработчиками, в ней есть все необходимое для быстрого старта (имеются и возможности для кастомизации).
Она отлично подходит для заработка на контекстной рекламе, очень легко настраивается. Для вебмастера, который хочет увлекательно подавать качественный контент читателям и при этом зарабатывать на нем, JournalX подойдет идеально.