Блог студии веб-дизайна «Make a Site» Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Плагин WordPress Content Slide — слайдер картинок для блога

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

Плагин WordPress Content Slide — слайдер картинок для блога

Если говорить о CMS WordPress, то к ней создано как минимум несколько десятков или даже сотен тем, содержащих внутри себя уже готовые слайдеры. Также создано большое количество плагинов, при помощи которых можно добавить слайдер в уже готовую тему. Мы рассмотрим вариант с установкой плагина, а именно - Content Slide. Данный плагин достаточно прост в плане настроек и привлекателен в плане внешнего вида. Кроме того, он бесплатный. Единственный недостаток Content Slide заключает в том, что он позволяет добавить только один слайдер на блог. Однако в большинстве случаев этого вполне хватает.

Устанавливается Content Slide по стандартной схеме – папка со всеми его файлами переносится в wp-content/plugins. После активации можно зайти в раздел настроек, который состоит из дополнительных подразделов.

В подразделе «General Setings» размещаются основные настройки слайдера. Здесь можно задать высоту и ширину всех картинок в пикселях (если загрузится картинка большего размера, то произойдет ее обрезка). Можно задать рамку для картинок, указав ее ширину и цвет. Можно задать параметры основного шрифта (текста поверх картинок). Указывается само семейство шрифта, размер и цвет. Для заголовка слайдера (heading) можно указать размер шрифта и цвет. Самый последний пункт в этом подразделе – фоновый цвет слайдера.

Подраздел «Effects & Animations Settings» отвечает за непосредственную работу слайдера и параметры элементов управления. В первую очередь, здесь можно задать ширину и высоту навигационной панели (блок с квадратиками, при нажатии на которые происходит переключение слайдов). Также можно установить время задержки при переключении слайдов и переключении кнопок в панели навигации. Ниже задается степень прозрачности заголовка и навигационного блока в диапазоне от 0 до 1 (от невидимости до полной непрозрачности). В пункте «Effect» можно выбрать эффекты, которыми будут сопровождаться смены картинок («перелистывание», «сверху вниз», «вихрь», «fade – смена прозрачности»). Можно указать плагину, чтобы при наведении курсора мыши на слайд автоматическое пролистывание прекращалось. В самом конце подразделы расположены настройки кнопок навигации (отображение стрелочек для предыдущего и следующего слайда, отображение навигационных кнопок и их цвет).

В подразделе «Images Source Settings» происходит добавление в слайдер картинок (их загрузка с жесткого диска). При добавлении картинки можно прописать ссылку, которая будет вставляться в нее. Обычно это ссылка на какую-то отдельную страницу со статьей. Также можно прописать содержимое тегов Alt и Title.

Вставка слайдера осуществляется через PHP-код шаблона. В нужное место файла вам следует добавить следующую строчку:

<?php
	if(function_exists('wp_content_slider')){
		wp_content_slider();
	}
?>


Предыдущая статья:
Внутренние ссылки на сайте

Читайте также:
Похожие статьи на WordPress — плагин Related Posts

Возможно, вам это интересно:



Блог студии веб-дизайна «Make a Site».
Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Текущий проект: «Stream Booster» — раскрутка Twitch и YouTube каналов

Студия веб-дизайна «Make a site»