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

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

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

автор

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

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

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

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

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

add_action( 'init', 'wfm_slideshow' );
function wfm_slideshow(){
	register_post_type('slideshow', array(
		'public' => true,
		'supports' => array('title', 'thumbnail'),
		'labels' => array(
			'name' => 'Слайдшоу',
			'all_items' => 'Все слайды',
			'add_new_item' => 'Добавить новый слайд',
			'add_new' => 'Добавить новый'
		)
	));
}

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

<?php
	$slideshow = new WP_Query(
		array(
			'post_type' => 'slideshow',
			'posts_per_page' => -1,
			'order' => ASC
		)
	);
?>
<?php if ( $slideshow->have_posts() ) : while ( $slideshow->have_posts() ) : $slideshow->the_post(); ?>
	
	<?php 
		$id = get_post_thumbnail_id();
		$url .= '"' . wp_get_attachment_url($id) . '",';
	?>

<?php endwhile; ?>
<!-- post navigation -->
<?php else: ?>
<!-- no posts found -->
<?php endif; ?>

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

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

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

Получить

Метки: ,

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

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

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

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

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

Я не робот.

Spam Protection by WP-SpamFree