Описание шаблона

Hypnosis (Гипнозис) — новый шаблон от GoodwinPress.ru. Это современная тема для CMS WordPress, созданная с применением Masonry.

Что такое Masonry?

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

m1

Но при подключении данного скрипта, она будет выглядеть так:

m2

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

 

Как использовать шаблон?

Область применения шаблона — ведение блога. Поэтому у него очень простые опции. Он работает как блог сразу после установки. Для дополнительной настройки имеется небольшая консоль, в которой вы можете задать фавикон, разместить статистику от Яндекса или Google, установить текстовый заголовок или логотип, подключить на главную страницу галерею (максимум 30 изображений), отключить боковую колонку, задать количество текста в анонсах, изменить цвета шапки, меню, подвала, заголовков, ссылок и так далее. Посмотреть несколько скриншотов консоли можно здесь.

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

Hypnosis обладает отличным мобильное меню, оно автоматически включается на экранах от 1024px и ниже:

0021

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

Вид на iPhone 4S:

IMG_3633

Вид на Nexus 7 2013:

Screenshot_20160621-222220

 

Анонсы записей и форматы постов

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

0015

Миниатюра в анонс вставляется стандартно, в настройках записи, в блоке «Миниатюра записи». Если в публикации нет миниатюры — не беда, анонс будет выводиться нормально, только без картинки.

Анонсы выводятся в блоге и рубриках в три колонки. Если вы отключите сайдбар в блоге, анонсы будут выводиться в четыре колонки. См тут — блог без сайдбара.
 
 
 
Как многие знают, в WordPress существует опция «как формат записи». Эти форматы можно использовать для внесения разнообразия в поток записей и сделать более специфическим вывод медиафайлов. В теме Hypnosis используется 4 таких формата — Стандартный, Аудио, Видео и Цитата.

Стандартный формат — это обычный анонс, как на скриншоте выше.
Формат Аудио вы можете использовать для вывода музыки, например, через встраиваемый код с Soundcloud:

0016

Формат Видео используется для демонстрации в анонсе видеоролика с YouTube или Vimeo:

0017

Формат Цитата используется, понятно, для цитат и высказываний:

0018

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

 

Бесконечная прокрутка и постраничная навигация

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

Если вам не нравится бесконечная прокрутка, то вместо нее можно активировать стандартную постраничную навигацию. Тогда автоматическое добавление анонсов будет отключено, а взамен появится панель страниц:

0019

 

Что еще есть в этом шаблоне?

В шаблоне реализована система подсчета просмотров записей и страниц (без плагина). Все просмотры записываются в базу данных и выводятся в строке информации:

0011

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

0012

Пример такого виджета можно увидеть вверху в сайдбаре.
 
 
Кроме «Популярных записей» в теме имеется второй встроенный виджет для кнопок социальных сетей с красивыми подсказками.

0013
 
 

Для удобства пользования блогом и получения трафика из соц. сетей, в каждой публикации имеется блок «Поделиться». Он построен при помощи сервиса share42.com (хочу поблагодарить его автора, Dimox’a, за разрешение использовать данный сервис в моих темах).

 
 
Для удержания посетителей, в каждой публикации выводятся «Похожие записи»- 4 других поста, относящихся к той же рубрике.

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

0020

 
 
Древовидные комментарии с граватарами и навигацией, с предустановленной блокировкой replytocom и красивая форма для отправки комментария:

0022

 

Предзагрузка

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

0025

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

 

Seo

В последнее время у многих WP сайтов обозначилась проблема с дублями страниц, внезапно появившимися в поисковой выдаче. Причиной этого является добавление в WordPress 4.4 библиотеки JSON REST API. В целом это полезная вещь, позволяющая установить взаимодействие между WordPress и мобильными приложениями, но в плане сео оно вредит, поскольку создает в директории wp-json много мусорных страниц, которые прекрасно индексируются Яндексом. Для решения этой проблемы некоторые блогеры советуют отключить обновление движка и плагинов. Разумеется, это дурной совет, которому не нужно следовать. Вместо этого лучше добавить в функции шаблона специальный код, который отключает JSON REST API и предотвратит появление в выдаче дублей записей и страниц. Получить больше информации по этому вопросу можно по ссылке на сайте zmoe.ru. В данной теме такой код уже размещен.

 

Использование темы в другой языковой среде

Да, тема поддерживает перевод на любой язык, вы можете локализовать ее при помощи pot файла, который расположен в папке hypnosis/languages. В комплект входит уже готовая локализация внешней части темы на украинский язык.