Здравствуйте, сегодня я расскажу вам как достаточно просто сделать красивую смену страниц на вашем сайте.

Скачать исходники для статьи можно ниже

Демонстрационный пример того, что у нас получится можете посмотреть по следующей ссылке:

http://wstune.com

или же на моем тестовом сайте:

http://mnogoblog.16mb.com

Все эти красивый переходы реализовываются с помощью плагина под названием Page Transitions – он на данный момент бесплатный, однако, возможно в скором времени станет платным.

Page Transitions есть на wordpress.org, поэтому устанавливаем его стандартным способом, а именно: входим в панель управления сайтом, в левом меню выбираем пункт “Плагины” и его подпункт “Добавить новый”, в строке поиска вводим:  Page Transitions.

Находим в результате поиска плагин с названием WordPress Page Transitions – устанавливаем и активируем его.

При активации данного плагина может возникнуть конфликт плагинов, например у меня, при его активизации вылезло сообщение о конфликте с  WP to Twitter (плагин автопостинг в твиттер):

Поэтому мне пришлось деактивировать плагин WP to Twitter и активировать WordPress Page Transitions.

После удачной активизации плагина для реализации красивых переходов у вас в левом меню под пунктом “Настройки” должен появиться новый пункт с именем Page Transitions.

В нем будет 4 подпункта:

1. Settings

2. Transition files

3. Notifications

4. Software

Для того, чтобы плагин заработал необходимо произвести ряд действий по его настройке, приступим.

1. Заходим в подпункт Transition files и нажимаем на кнопку Reset All Page Transitions.

После чего у вас высветится сообщение на зеленом фоне:

“All page transitions are added to queue list. Please go to notifications page to complete this step.”

По русски это будет звучать приблизительно так:

“Все переходы страниц будут добавлены в список очереди. Пожалуйста, перейдите на страницу уведомлений для завершения этого шага.”

Переходим по ссылке (notifications page) в данном сообщении или же просто переходим в подпункт Notifications, и здесь вы увидите следующее уведомление:

То есть здесь вас просят установить на свой компьютер программу Adobe AIR – (фирма Adobe достаточно известная, например ее продукты: Adobe Photoshop или Adobe Illustrator), так что переходим по ссылке, указанна стрелкой на скриншоте выше, скачиваем и устанавливаем программу.

Так программу Adobe AIR установили – идем дальше.

Возвращаемся в подпункт Notifications и видим, что уведомление поменялось.

То есть нас просят установить еще одну программу, а именно:

Page Transitions Generator AIR application.

Не проблема, жмем по ссылке, указанной на скриншоте выше синей стрелкой, скачиваем и устанавливаем программу.

После установки Page Transitions Generator AIR application выплывает вот такое окошко:

Нам нужно его заполнить, для этого переходим в подпункт Settings и спускаемся в самый низ и видим следующее:

То есть то, что нам и нужно для заполнения вышеуказанной формы!

Заполняем и жмем на кнопку GENERATE PAGE TRANSITIONS.

Далее в данном окошке происходит процесс генерации переходов, после завершения жмете в данном окошке в правом верхнем углу на кнопку BACK и все готово!

Можете заходить на сайт и радоваться красивыми сменами страничек и записей.

PS:  Данные переходы основаны на флэш технологии, поэтому если у пользователя отключена данная функция, то переходы он не увидит.

Соответственно на мобильных устройствах сайт будет выглядеть как обычный, то есть без красивых переходов между страничками.

Каждый раз, когда вы добавлять / редактировать запись или страницу программа Page Transitions Generator AIR application должна быть запущена, я так понимаю она делает скриншоты страничек или записей, которые вы видите при переходе между ними.