WordPress — полноэкранное слайдшоу на главной странице. Вариант 2

WordPress - полноэкранное слайдшоу на главной странице

От автора: В этом уроке мы поработаем с CMS WordPress и попробуем реализовать функционал, который часто можно видеть в премиум-темах WordPress. Речь идет о полноэкранном слайдшоу на главной странице. Выглядит этот эффект довольно симпатично: на главной странице представлен минимум данных (название сайта, меню, логотип), которые представлены на фоне привлекательных изображений, сменяющих друг друга. Эту задачу мы уже как-то уже реализовали, и в данном уроке мы рассмотрим другой, более гибкий вариант реализации данной задачи.

автор

Автор: Андрей Кудлай

Зовут меня Андрей Кудлай. Родом я из Украины, живу в Днепропетровске. Веб-программированию учился сам. Неплохо знаю HTML, CSS, PHP, JavaScript.

скачать исходникискачать урок

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

Для второго варианта реализации мы воспользуемся возможностями произвольных типов записей. Мы зарегистрируем новый тип записи под слайды и именно записи нового типа и будем выбирать для вывода на главной странице. Зарегистрируем новый тип записей с необходимыми настройками в файле functions.php темы:

Бесплатный курс «Основы создания тем WordPress»

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

Скачать курс

Теперь добавим несколько записей со слайдами, используя новый тип записей – slideshow. И внесем небольшие правки в выборку постов для главной страницы:

Вот, собственно, и все, задача решена. На этом наш урок завершен. Удачи и до новых встреч!

Основы создания тем WordPress

Научитесь создавать мультиязычные темы с нестандартной структурой страниц

Получить

Метки: ,

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий