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

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

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

автор

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

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

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

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”

Получить

Метки: ,

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

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

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree