ГлавнаяТемыКак включить слайдер в теме Twenty Fourteen

Как включить слайдер в теме Twenty Fourteen

Журнальная тема Twenty Fourteen стала стандартной темой с выходом WordPress версии 3.8. Одним из компонентов темы Twenty Fourteen является модуль Featured Content, который позволяет авторам выделять самые яркие записи и закреплять их на главной странице.

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

Настройки модуля Featured Content находятся в конфигураторе тем WordPress: Внешний вид → Настроить → Featured Content.

Настройки модуля Featured Content в Twenty Fourteen

Настройки модуля Featured Content в Twenty Fourteen

Здесь можно изменить метку, которая будет использоваться для определения прилепленных записей, а так же формат вывода этих записей. Grid — вывести сеткой, или Slider — использовать JavaScript-слайдер.

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

Слайдер в Twenty Fourteen

Слайдер в Twenty Fourteen

Учтите, что слайдер используется больше «для красоты» и не является хорошим элементом для привлечения внимания. На одном из наших сайтов мы провели небольшой A/B эксперимент с темой Twenty Fourteen.

Мы посчитали количество кликов по выделенным элементам в режиме сетки и в режиме слайдера. Сетка оказалась почти в десять раз эффективнее, чем слайдер, а из 3000 посетителей лишь один человек щелкнул на последний слайд в слайдере.

Именно из этих соображений, команда разработчиков темы Twenty Fourteen была изначально против слайдера в стандартной теме WordPress.

Константин Ковшенин

Сооснователь журнала WP Magazine и первой конференции WordCamp в России. Разработчик в компании Automattic, принимает активное участие в развитии ядра WordPress. Любимый язык программирования: Python.

Подписаться на рассылку

Подписаться → Подпишитесь на бесплатную рассылку журнала WP Magazine и получайте новости, события, подборки тем и плагинов, уроки, советы и многое другое в мире WordPress!

  • Newbie

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

    • Rusty, спасибо за комментарий. Мы с этим не сталкивались, но поищите плагины для слайдеров в директории, наверняка что-нибудь найдется.

      • Rusty

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

        • Код слайдера хранится в файле /twentyfourteen/js/slider.js основан он на FlexSlider от WooThemes.

          • Rusty

            Большущее спасибо.

          • Александр

            А как-то можно его заставить автоматически переключаться? Читал, что изначально такая возможность была предусмотрена разработчиками, а потом все «покрыжили» ))

          • Да, но вам будут небходимы навыки JavaScript. Весь код лежит в js/slider.js, с его помощью и с помощью функции setTimeout() в JS вы сможете переключать слайды автоматически.

  • Максим

    Включил слайдер, но он почему-то не отображает изображения :( С чем может быть связано?

    • Возможно вы не указали миниатюры к вашим записям, или они слишком мелкие.

      • Максим

        Да,совершенно верно, нужно было указать миниатюры побольше в размере. Спасибо )

  • Виктория

    а есть возможность расширения сетки — не 6, а 9-12 и т.д.