Page Peel — привлекающий внимание элемент блога

 как создать загибающийся уголок с помощью плагина Page Peel Добрый день, уважаемые читатели и гости LediSeo! Многие из Вас стали удивляться и недоумевать – куда это я пропала, почему нет публикации новых материалов. Ничего страшного со мной не произошло, за исключением физической усталости, по причине которой я просто не в силах сосредоточиться на написание материалов по плану. Данная ситуация для многих фрилансеров должна стать показательным примером, необходимо рассчитывать свои силы и понимать, что организм не железный и может дать сбой. Именно это и случилось со мной – три месяца работы по 14 часов без выходных и в итоге сбой, мой организм не желает просто работать, стоит только включить монитор, как сразу же впадаю в ступор. Неделька вялотекущего отдыха сегодня позволила мне сосредоточиться и рассказать об одном интересном плагине, который позволит привлечь внимание Ваших читателей к определенной информации или конкурсу. Поговорим мы о том, как создать загибающийся уголок с помощью плагина Page Peel.

Сейчас очень сложно чем либо удивить наших читателей, но довольно часто нам, вебмастерам, необходимо привлечь максимальное количество посетителей на определенную страницу, которая может содержать полезную информацию, конкурсную статью.И тут встаёт вопрос: “Как же это лучше сделать?”. Рисовать завлекающий баннер – смысла нет, так как это уже привычный элемент и воспринимается многими как элемент рекламы и на него уже попросту не обращается внимание. А вот флеш баннер в правом верхнем уголке Вашего блока на 100% привлечет внимание, так как многих будет интересно посмотреть что же скрывается под слегка покачивающимся уголком,

загибающийся уголок

при наведении на который курсора мышки раскроется небольшая картинка с эффектом зеркального отображения

загибающийся уголок

Используя такой баннер можно получить шикарный эффект, нежели использовать простой рекламный баннер.

Реализовать подобный флеш баннер можно несколькими способами – установить специальный скрипт и использовать простой плагин для wordpress Page Peel. Зная, что многие мою читатели предпочитают использовать для работы плагины, то я решила Вам рассказать как создать загибающийся уголок с помощью плагина Page Peel, который можно скачать с официальной страницы http://wordpress.org/extend/plugins/page-peel/.

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

Все что от Вас требуется после скачивания дистрибьютива плагина на жесткий диск компьютера это его распаковать и с помощью фотошопа отредактировав два изображения — big.jpg и small.jpg, лежащих в папке Page Peel, на свое усмотрение. Я не буду Вам демонстрировать как и что делать, а просто предлагаю сравнить файлы до редактирования и после

Файлы по умолчанию Файлы после редактирования
big до редактирования big после редактирования
small до редактирования small после редактирования

И только затем как Вы отредактировали данные файлы на своё усмотрение, снова заархивировать папку с измененными картинками и установить данный плагин стандартным образом на блог в директорию /wp-content/plugins/ и зайдя в админку блога в консоль Плагины активировать плагин Page Peel.

После активации в консоли “Параметры” появляется новый пункт Page Peel Options (стрелочка 1), нажав на который откроется страница с простыми настройками (стрелочка 2). Где в строках

настройки  Page Peel

Page Peel Ad URL необходимо указать адрес страницы, которая будет открываться при нажатии на баннер.
Page Peel small image URL: здесь следует просто изменить адрес сайта по умолчанию на Ваш, а остальную часть оставить неизмененной, http://здесь пишите свой адрес сайта/wp-content/plugins/page-peel/small.jpg, тем самым указывая путь к маленькому (75 на 75) изображению.
Page Peel big image URL: делаем тоже самое что и в предыдущем шаге, но на этот раз указываем путь к большой картинке (500 на 500)

Сохраняем произведенные изменения нажав на кнопку “Update Options”(стрелочка 3).

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

Вот и все, теперь и Вы знаете как можно создать загибающийся уголок на блоге. Если у Вас возникнуть вопросы, как отредактировать файлы обращайтесь, помогу. Да и не забывайте подписываться на обновления блога, чтобы не пропустить интересные материалы.

На сим я откланиваюсь, всем удачи. Пока – пока.

Ваша не отчаянная Отчаянная

Вам понравилась статья? Расскажите о ней друзьям!