Jarida — новостная тема WP

Премиум WordPress тема Jarida появилась на свет в марте 2013 года. Автор темы из солнечного Египта под ником mo3aser. Jarida до сих пор является одной из самых популярных и продаваемых тем на Themeforest, впрочем, как и её близкая «родственница» — Sahifa. Тема адаптивная и отлично выглядит на мобильных девайсах. Именно на Jarida сделан этот сайт.

Рассмотрим нюансы темы WordPress Jarida, с которыми мне пришлось столкнуться во время установки и настройки, но которые нигде не описаны.

Sliders

Slider — это перелистыватель картинок (или другого контента). Как правило, слайдеры создают при помощи jQuery (или какой-либо другой JavaScript-библиотеки) или CSS. Условно можно разделить на:

  • слайдер для главной;
  • слайдер для картинок.
Первый как правило ставиться на главную страницу и имеет множество эффектов (чаще всего автоматическое перелистывание). Его цель — привлечь и удержать внимание.
Слайдер для картинок просто обеспечивает доступ к контенту в одном окне.

Cлайдер реализованный в Jarida — это Sliders для главной. Позволяет выводить слайды только на главной странице (режим конструктора) или в любом посту, но только вверху (после «хлебных крошек», перед h1). В произвольное место слайдер к сожалению не поставить.

Пример реализации Sliders Jarida в записи:
Пример Slider

Сам слайдер настраивается в опциях темы:
Jarida Slider Settings

Слайды создаются и наполняются картинками в панели WordPress:
Создание Sliders

Выводить или не выводить слайдер в конкретной записи настраивается в самой записи (Jarida — Post Options, секция Post Head Options):
Jarida Post Head Options

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

Результат поиска альтернативы встроенному слайдеру Jarida вылился в отдельную статью «Обзор слайдеров».

Lightbox

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

    Да, да — это тот самый Lightbox уже встроен в тему Jarida и работает совместно:

  • как со стандартной галереей WordPress;
  • так и отдельной картинкой.

Lightbox и стандартная галерея WordPress

Lightbox применяется автоматически и открывает миниатюры стандартной галереи WordPress в полном разрешении. Имеет список миниатюр внизу и кнопки листания вперед-назад. Адаптивен, но не поддерживает листание тачскрин на экранах смартфонов (только кнопками вперед-назад).

Jarida Lightbox

    Напомню как создать стандартную галерею WordPress:

  • «Добавить медиафайл»;
  • «Создать галерею»;
  • помечаем нужные картинки (в каком порядке пометите, в таком и будут выведены);
  • «Создать новую галерею» (шорткод встанет туда где стоял курсор).
Можно создать несколько таких галерей, но Lightbox в окне будет прокручивать все картинки всех галерей (а не картинки принадлежащие текущей галерее).

Lightbox и отдельная картинка

Лайтбоксом можно вывести и отдельную картинку. Зачем это может понадобиться? Если вставить в запись картинку большого размера, она будет выведена сжатой по ширине контентной части. При нажатии на такую картинку откроется Lightbox с картинкой в полном разрешении, где можно рассмотреть всё в деталях.

Jarida Lightbox Image
Как видим, Lightbox примененный к отдельной картинке, аналогичен примененного к галерее, за исключением отсутствия кнопок листания и списка миниатюр.

    Напомню как применить Lightbox к отдельной картинке:

  • переходим в визуальный режим;
  • нажимаем кнопку шорткода «Add Lightbox»;
  • Add Lightbox

  • в поле «URL» вставляем путь до нашей картинки;
  • в поле «Content» вставляем следующую конструкцию:
  • <img alt="" src="IMAGE URL" />

    где вместо IMAGE URL вставьте путь до вашей картинки;

  • нажмите кнопку «insert into post» для вставки шорткода

Как отключить Lightbox

Если вам не нравится Lightbox встроенный в тему Jarida, его можно и отключить. В настройках Advanced Settings Jarida переключатель Disable Theme [Gallery] Shortcode перевести в положение ON и сохранить настройки:
Disable Lighbox Jarida

    Лично у меня на статейных сайтах Lightbox как то не прижился:

  • не поддерживает листание тачскрин на экранах смартфонов;
  • сильно нагружает систему.
Оцените, пожалуйста, статью, я старался :) (голосов: 2, оценка: 5,00 из 5)

Задайте вопрос в комментариях

3 + один =