JournalX: тема с бесконечной прокруткой

Премиум тема для WordPress с бесконечной прокруткой

Интернет открыл новые перспективы развития не только для компаний, но и для рядовых пользователей. Сайт сегодня стал нормой для собственного дела. При помощи конструкторов создать уникальный ресурс можно за 5 минут. Обойдется такой вариант недешево. К тому же, скорость работы сайта, созданного в конструкторе, оставляет желать лучшего. Шаблон – признак качественного подхода. Если вы занимаетесь блогингом или освещаете новости регионального, мирового значения, являетесь приверженцем современного подхода к разработке шаблонов и считаете движок WordPress простым, надежным вариантом, то этот обзор для вас. Сегодня познакомимся с интересной журналистской темой JournalX.

JournalX – прогрессивная журналистика

Почему он

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

Тотальное сходство блогов и новостников стало настоящей проблемой. Крупные издания прошлого столетия добивались популярности отнюдь не только подачей информации. «Острые» языки были в каждой компании. По-настоящему сложная задача стояла перед работниками типографий, дизайнерами. Они делали газеты и журналы уникальными за счет внешнего вида. Оригинальный стиль бросался в глаза читателю. В следующий раз он быстро находил нужный вариант на прилавках киосков. По той же причине издания с большой осторожностью меняли стили, общий дизайн. К слову, нередко путь к конечному результату ребрендинга занимал по нескольку лет. Но сейчас не об этом. С течением времени проблема оригинальности никуда не исчезла. Только теперь речь идет о сетевых ресурсах. Если вы стремитесь к успеху, то позаботиться об уникальности внешнего вида сайта – вторая проблема после генерации качественного контента.

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

Journal X – премиальное тема ВордПресс
Пример сайта на Journal X

Демо-версия

Она стала отправной точкой данного обзора. Представлено демо на сайте разработчика и продавца. Логотип расположен в левом верхнем углу. Что интересно, на главной он не является ссылкой, а на остальных – ведет на стартовую страницу. Мелочь, а приятно. Как такового верхнего блока или полосы нет. Элементы расположены на едином белом фоне. Некоторым это покажется слишком простым решением. Не торопитесь с выводами: современные профессиональные разработчики стремятся именно к этому. Тотальный минимализм и упрощенная структура, стили еще долго будут в моде. При необходимости, эти моменты корректируются по ходу продвижения проекта.

В стандартной версии вверху по центру расположено меню. Шрифт классический в соответствии с устоявшимися канонами журналистики. Нам он показался немного неуместным и мелким, но все зависит от предпочтений. Забегая вперед, отметим, что шрифт, цвета и стили быстро изменяются через кастомную панель. В правом верхнему углу видим лупу. При нажатии на нее центральная область плавно исчезает. Свободное пространство занимает строка поиска. В компьютерной версии выглядит супер, чего не скажешь о мобильной. У смартфона или небольшого планшета под строкой поиска остается бельмо на 2/3 экрана. Создается впечатление пустоты, но это издержки структуры. Быстрой подгрузки результатов по запросу нет. Нажимаем на стрелку справа для просмотра выдачи.

Переходной зоны в основную область нет. Шаблон вообще не предполагает четких границ между элементами. За счет грамотного их расположения не возникает путаницы, а выглядит оригинально и свежо. Зона превью контента представлена сеткой из разных блоков с непривычным расположением. Один занимает 20% экрана по вертикали, другой небольшой уголок, третий представляет собой квадрат и т.д. При этом предусмотрено достаточно места для заголовков и рубрику. Если фото отсутствует, название отображается прямо в блоке. На одном экране представлено сразу несколько стилистических вариантов. Многогранность темы JournalX дает совершенно другую точку зрения на превью одного и того же контента. Листаем вниз, а линия не заканчивается. Кнопки пагинации отсутствуют. В чем дело? Разработчики реализовали бесконечный скроллинг. Он актуален не только для главной, но и страницы поста. Что имеем ввиду, расскажем позже. В процессе скроллинга не возникает тормозов. Как не старайтесь, обогнать прогрузку не получится. За счет скроллинга необходимость в подвале отпадает. Он никак не выделен. В демо-версии там размещена стандартная надпись © 2019 JournalX и ссылки на карту сайта и форму обратной связи. Клик по «Написать нам» ведет в специальную форму. Гость вписывает имя, E-mail, тему и текст сообщения, жмем «Отправить». Ниже есть кнопки «Поделиться». Они там не случайно. Блогеры держат связь с постоянными читателями. При помощи формы обратной связи и данной функции в социальных сетях можно собирать мнения и свежие идеи.

Страница записи оформлена со вкусом. Начинается все с картинки. Судя по примерам, она не адаптируется по ширине. Квадратные варианты смотрятся не очень. Лучше брать длинные картинки или фото широкого формата. Над ней отображается дата, рубрика, количество комментарием и просмотров, заголовок. Под изображением идет контент. Стандартный вариант хорошо смотрится: оптимальный размер текста и межстрочный интервал. Справа в начале отображается небольшое превью другого поста. Нет выделенного блока или заголовка. Скорее всего, система генерирует похожие записи. В тексте можно выделить цветом важную информацию, вставить стандартную или уникальную цитату на всю ширину экрана. На средней линии контента справа на период ближайшего абзаца всплывает рекламный баннер. Радует две вещи: первая – есть встроенная реклама, вторая – она не раздражает читателя. Присутствуют уникальные стили нумерованных и маркированных списков, блоки внимания и прочее. В конце есть рейтинг с указанием среднего балла и количества оценок. Чуть ниже отображается информация об авторе с именем и фамилией, фотографией и описанием. Все это дело завершается кнопкой (или ссылкой?) «Комментарии» и «Поделиться», блоком «Похожие материалы». Оказалось, что с концом мы поторопились. В поисках ссылки «Назад» или «Следующая статья» обнаруживаем, что системе просмотра постов также реализован бесконечный скроллинг. Никаких лишних манипуляций. За счет такого решения количество просмотров на сайте гарантированно вырастет в 2-3 раза.

Настройка SEO

WP является популярной базой для сайтов разной тематики. Блоги и новостники среди них составляют большинство. Данный блок шаблонов представлен бесчисленным количеством вариантов. Однако большая часть из них – это комок проблем в красивой оболочке. Сегодня внешний вид для сайта является важной, но не ключевой составляющей. Главное, чтобы он корректно читался и воспринимался поисковой системой. В противном случае, ресурс некорректно отображается в выдаче. За данное условие отвечает SEO оптимизация шаблона. В JournalX специалисты провели глобальную работу, устранив популярные и скрытые ошибки. Но обо всем по порядку.

Некорректные, ограниченные в настройки заголовки – вечная проблема WordPress. Владельцы порталов часто сталкиваются с аналогичным затруднением. Суть в том, что пользователь задает общий заголовок для всего. Это идет в разрез с современными тенденциями развития интернета. Красивое название той же рубрики не всегда подходит для эффективного продвижения в поиске. Уловив актуальность проблемы, разработчики темы JournalX предложили простое решение: раздельную настройку заголовков. То есть, на экране видим одно, а в код идет другое. Изменения коснулись и многочисленных дублей. Если знающий человек посмотрит код «сырого» шаблона WordPress, он придет в замешательство. Дубли описаний и заголовков статьи на страницах пагинаций стали нормой. Это значительно «утяжеляет» код, тормозит сайт и негативно сказывает на поисковой индексации. Эти моменты также были исправлены в данном шаблоне. Теперь они актуальны только для главной страницы. Тему избавили от дубля ссылок, а также добавили возможность их закрытия для индексации.

Такой комплекс решений вывел JournalX на новый уровень. По сути, это полностью готовый в плане SEO шаблон. Разумеется, есть моменты, вызывающие вопросы. Система устойчивая, но не терпящая вмешательства. Код открытый, но он требует глобального изучения для малейших изменений. Если в планах серьезный проект, они обязательно потребуются. Однако стартовый аудит, который стоит немалых денег, уже сделан. Основные ошибки исправлены, что избавляет от лишней волокиты. Устанавливаем темы и приступаем к продвижению.

Мобильная версия

Без нее любая тема WP обречена на провал. Большая часть интернет-пользователей просматривает контент через портативные устройства – смартфоны, планшеты. Раньше проблема решалась созданием чуть ли не второго сайта. Система была далеко не идеальна. Она часто ошибочно определяла формат устройства, выдавая на мобильнике полную версию. Это не удобно, муторно, вредно для ограниченного трафика. На смену пришла технология адаптивного дизайна. Она реализована и в данном проекте.

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

Встроенная реклама

Проект, который реализуют с умом и заботой, рано или поздно приходит к успеху. Блоги и новостные сайты часто создаются не ради интереса, а прибыли. Интернет – это хранилище инвестиций. Главное, грамотно и вовремя их привлечь. Переходя к этапу монетизации, задумываемся о местах под рекламу. Времена, когда эффективность кроется в количестве и видном месте, прошли. Современный пользователь очень капризен. Во-первых, любая реклама вызывает раздражение у 50% интернет-серферов. А если она еще и мешает просмотру контента, пиши пропало. Это может стать причиной потери интереса даже у постоянных читателей. На волне такого характера ЦА монетизация стала отдельным видом искусства, профессией. Допустим, с местами определились. На повестке вторая проблема – реализация на уровне кода. Ее решение уже на 100% потребует вмешательства специалиста. Стоимость услуг варьируется от 2 до нескольких десятков тыс. рублей.

Решения в лице встроенной рекламной базы вновь экономит деньги. В теме JournalX предустановлены 8 мест под рекламные баннеры. Установка не потребует специальных навыков и знаний. Копируем код, вставляем в поле и сохраняем. Дополнительным преимуществом стала настройка времени начала публикации. Она сглаживает негатив гостей относительно рекламы. Можно включить показ баннера через пару часов или даже дней. Реклама в статье размещается в любом месте. Для мобильного варианта сайта она настраивается отдельно.

Оформление контента

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

Во-вторых, информационная подача. Сплошной текст – это прошлый век. Современный читатель предпочитает беглое ознакомление. Если после этого у него не пропадает интерес, он может перейти к глубокому изучению. Человеческий фактор, который обязан учитывать каждый начинающий и профессиональный блогер. Отсутствие блоков внимания является проблемой для сайта. Текст будет выглядеть скучно, что оттолкнет целевую аудиторию. Установка плагина скажется на быстродействии ресурса. Хорошая новость: разработчики JournalX предусмотрели встроенные блоки внимания. Доступно 7 вариантов:

  • вопрос;
  • не рекомендуем;
  • внимание;
  • это интересно;
  • одобрено;
  • лайк;
  • дизлайк.

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

Отдельно поговорим о цитатах и спойлерах. Первые являются особенностью шаблона. В JournalX они представляют собой блок на общем фоне, но на всю ширину экрана. Говоря честно, первое впечатление от нововведения было не очень: текст большего размера, стандартный шрифт без полей, фона, выделения. Однако на практике появилась хорошая отдача. Разберемся в причинах. Цитата – это текстовое выражение прямой речи оратора, выдержка из разговора, произведения и т.п. В шаблоне предусмотрен ее стандартный стиль: тот же фон с вертикальной полосой в левой части и курсивный текст. JournalX включает в себя 8 вариантов аналогичных блоков. Ниже выводы экспертов касаемо стандартного оформления цитат.

  1. Приелось. Аналогичное решение есть в любом шаблоне WP. Мы уже выяснили, что уникальность – важное условие продвижения блога. Глупо не использовать эту возможность.
  2. Теряется. На фоне блоков внимания выглядит обыденно, а в цитате часто заложена важная или даже ключевая информация.

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

Спойлер – сведения, «убивающие» интригу. Часто это новости или выдержки из литературных произведений. Как бы то ни было, в сети мало шаблонов, где предусмотрена функция скрытия такой информации и предупреждения о ее характере. JournalX стал темой, где она есть. Реализовано по типу той же цитаты. Отдельный блок с вертикальной боковой полосой. Вписываем заголовок спойлера, его описание и публикуем. Читатель предупрежден, и ваша репутация не пострадает.

Заключительный момент – списки. Они обязательно присутствуют в текстах от 4000 символов. Они облегчают текст посредством структурирования перечислений. К примеру, где побывали по ходу путешествия, какие документы потребовались, как пройти определенную процедуру и прочее. Согласитесь, гораздо удобнее читать сведения подобного характера в виде списков, нежели строкой. Есть 2 вида списков:

  • маркированный;
  • нумерованный.

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

Огрехи стилистики

Минусы такого характера актуальны для любой темы. Что-то где-то всегда вызывает вопросы. В этой теме их минимальное количество. Первое, что бросилось в глаза, элементы бледно-желтого в заголовках похожих материалов и форме комментирования. Задумка разработчиков прослеживается слабо, но похоже они идут в качестве дополнения к общему фону. Они доходят не до конца заголовка и выводятся по его нижней посадке букв. Актуально для браузеров Microsoft Edge, Chrome и «Яндекс.Браузер». Это ничтожный минус, но без него обзор будет неполным.

Фактические преимущества

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

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

Заключение

Тема JournalX – оптимальное решение для журналистики и блогинга. Она создана с оглядкой на современные решения в области IT. Шаблон представляется конструктором, из которого каждый сможет создать по-настоящему уникальный ресурс. В отличие от большинства разработчиков, создатели JournalX предлагают пользователям открытый код для индивидуальной доработки. Но в этом случае ответственность за быстродействие и работоспособность в целом ложится на их плечи. Конкурентов у темы нет, а это уже весомый аргумент для ее приобретения.