от ПЕРВУШИНА
Нововведение на pervushin.com заметили? Если читаете посты до конца, если делаете репост с помощью социальных кнопок размещенных в конце статьи (за что Вам, друзья, большое спасибо!), если комментируете мои посты (и за это спасибо!!), тогда точно заметили эдакий баннер-слайдшоу.
Я давно искал выход из положения “потери из виду старых постов”. Перелинковка в постах помогает конечно, и блоки различные в боковой панели, а также список похожих статей в конце поста тоже делают свое дело, но нужно было что-то, что будет тупо крутить все статьи блога в перемешку, да еще и внимание привлекать. Так я нашел плагин для Wordpress Frontpage Slideshow.
Совершенно точно можно говорить о его положительности в плане увеличения количества просмотров страниц совершаемых одним пользователем. Что, кстати, неплохо сказывается на показателе отказов (Bounce Rate), но об этом показателе мы порассуждаем в другой статье, обязательно подпишитесь на рассылку, чтобы ничего не пропустить, потому как есть кое-какие наработки в этом плане, которые думаю Вам пригодятся. А в этом посте мы изучим установку и настройку плагина Frontpage Slideshow.
Прелесть плагина Frontpage Slideshow в том, что из админ-панели мы можем настроить буквально все: ширину, высоту, количество одновременно прокручиваемых записей, посты из каких категорий крутить и, что не маловажно, он берет в “оборот” первую картинку в посте, т.е. полный автомат.
Установить плагин вы можете из панели wordpress (Плагины->Добавить плагин). В строке поиска вводим “Frontpage Slideshow”, жмем кнопку “Искать”, а затем в появившихся результатах напротив нужного нам расширения кликаем “Установить”.
Если у вас на такую установку не “заточен” хостинг, тогда его необходимо скачать с wordpress.org, здесь. Затем распаковать архив и закинуть папку с файлами в папку “/wp-content/plugins/” на вашем сервере. После проделанной операции в админ-панели WP идем в раздел “Плагины”, где активируем только что закаченный Frontpage Slideshow. FS (fronpage slideshow) установлен, переходим к настройкам.
Настройка плагина Frontpage Slideshow
В панели управления вашего wordpress кликаем на пункт “Frontpage Slideshow”, который расположился в категории “Настройки”. На открывшейся странице несколько раскрывающихся областей с настройками. Я опишу все необходимые для корректной работы, те которые здесь не озвучу либо не представляют каких-либо настроек, либо не использовались мной.
1. Включение плагина. По мимо самой активации его необходимо включить. Замечательно еще то, что до вывода FS в сам блог, можно увидеть его работу в предпросмотре, т.е. сначала настроим, а уж затем покажем его посетителям. Итак, включаем плагин в области “Enable the plugin”:
2. Расположение. Область “About inserting the slideshow” необходима, чтобы подсказать плагину где у нас будут расположены слайды (только на главной или везде где расположен код). Я поставил опцию “везде”, т.е. “Everywhere on content post (using the dedicated shortcode)”:
3. Выбор категорий. На очереди область “About categories and posts”. В этой области будет выведен список категорий имеющихся у вас в блоге. Ставим галочки напротив тех категорий, которые мы хотим рекламировать в слайдах. Ниже, в опции “Slides / Posts order:” я поставил “random”, т.е. выводить посты из разных категорий, перемешивать:
Обратите внимание: если вы хотите “крутить” в FS определенные посты, тогда выбирать категории нет необходимости, достаточно открыть нужный пост для редактирования, а там уже будет опция включения этого поста в слайдшоу.
После внесения всех необходимых изменений в каждой области имеется кнопка “Предпросмотр”, по нажатию на которую можно увидеть в области просмотра как будет выглядеть ваше “творение” после сохранения. Имейте ввиду, нажимая “предпросмотр” вы не сохраняете настройки. После того как созданное удовлетворяет всем вашим требованиям, понадобится нажать кнопку “Save the settings and apply them immediately”, что сохранит все настройки.
3. Функциональные настройка (кнопки и т.д.). В этой области 4 опции: количество постов в ротации; кнопки выбора слайда с заголовком поста (вкл/выкл); кнопки вперед/назад (вкл/выкл); зона комментария (вкл/выкл).
Кнопки выбора слайда представляют собой заголовок поста, по клику на который будет вызываться сам слайд. Зона комментария – это заголовок поста и по совместительству ссылка на пост.
Под размер моего слайдшоу идеально подошли настройки, которые вы можете увидеть ниже на скриншоте. Так, например, я включил 3 слайда в ротации, 4 и более слайдов искажали кнопки выбора слайда, они просто не влазили в окно:
4. Настройка ссылок. Следующая область “About default link and comment” отвечает за ссылки и имеет два выпадающих меню. В первом выбираем “If no link is specified: use the slide URL“, что сделает заголовок в зоне комментариев (который мы включили в третьем пункте) ссылкой на пост. Вторую опцию оставляем как есть, она необходима в случае отсутствия зоны комментария, а у нас она есть:
5. Размеры слайдшоу и его элементов. На очереди одна из главных областей. В этой области мы можем настроить ширину, высоту, размер изображений, размер кнопок с подписями к изображениям и их расположение, расположение зоны комментария с заголовком поста и стиль углов. Всего 7 опций.
Первая и вторая опции (width и height) отвечают за ширину и высоту. Для расположения слайдшоу в контентной части моего блога идеальна ширина в 681 px. Высоту в 150 px я определил методом проб, так мне показалось, что 2 слайда мало, 4 много, а 3 идеально вписываются в 150 px.
Размер первых изображений в постах, которые использую я, составляет 450 px. Чтобы у слайдов не было лишних полос по краям в опцию “Image width” я поставил 440 пикселей.
Простым вычислением мы узнаем ширину для следующей опции “Buttons width”. От общей ширины (у меня 681 px) отнимаем ширину изображений для слайдов (у меня 440 px) = 241 px. Это ширина области кнопок с заголовками слайдов (постов), по клику по которым мы будем перемещаться по слайдам (не слишком много “по”?).
В следующей опции “Main text top” нам необходимо определить позицию зоны комментария (это та самая, которая будет выводить заголовок поста с ссылкой на пост) относительно верхнего края слайдшоу. Все тем же методом проб я узнал, что для моего 150 пиксельного в высоту слайдшоу идеален 99 пиксельный отступ.
Осталось две опции: “Buttons position” – позиция кнопок слайда (я разместил справа) и “Use rounded corners?” – закруглить углы? (мне нравятся круглые, потому – да).
Ниже, для наглядности я указал все упомянутые в этой области элементы:
Это все опции, которые я настраивал. По мимо указанных в этом посте есть еще опции настройки цветов элементов, прозрачности, элементов управления (можно загружать свои стрелки), скорости прокрутки слайдов и эффекты прокрутки, но я в этих опциях ничего не менял, оно итак выглядит очень даже хорошо. А Вы конечно же поэкспериментируйте и расскажите о своих открытиях другим здесь, в комментариях.
Опции рассмотрены, но это не конец поста. Необходимо добавить настроенное и сохраненное (!) слайдшоу в нашу wordpress тему.
Идем в раздел “Дизайн->Редактор” админ-панели WP. В списке файлов темы выберите ту, куда хотите поместить слайды. У меня, как вы заметили, оно размещено в конце постов, т.е. на главной, в боковой панели и т.д. слайдов нет, только в одиночном посте, значит мне нужен файл single.php.
В этом файле я вставил код:
Все, слайдшоу благодаря плагину для wordpress Frontpage Slideshow успешно установлено и работает на благо нашего блога посетителей, которым иной раз трудно сориентироваться и найти полезное чтиво.
Удачи Вам, друзья, надеюсь этот плагин положительно повлияет на такой важный показатель сайта, как количество просмотров страниц одним пользователем!
Полность материал с поясняющими иллюстацияи в ближайшее время будет опубликрва на сайте - Блоготема - http://ssites.google.com/site/blogotema/