Как сделать загнутый уголок на сайте. Плагин Page Peel

В этой статье, речь пойдёт про плагин Page Peel, с помощью которого, можно сделать загнутый уголок с рекламной картинкой под ним, который будет привлекать внимание всех посетителей блога. А в конце, в видео уроке, я покажу, как установить и настроить отгибающийся уголок на блоге.

Для тех, кто не знает объясняю, что отгибающийся уголок это эффект загнутой страницы в правой части блога, уголок которой, плавно покачиваясь, приоткрывает часть изображения расположенного под ним, привлекая к себе внимание посетителей, а при наведении на него мышкой, отгибается ещё больше, открывая полное изображение, нажав на которое, пользователь перенаправляется либо на другую страницу этого же блога, либо на другой сайт.

Пока не перешли к чтению остальной части статьи, рекомендую узнать про плагин widget logic, после установки которого, добавятся дополнительные функции к Вашим виджетам.

Загнутый уголок на сайте

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

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

Загнутый уголок на сайте

Как установить плагин Page Peel:

Скачиваете его здесь.

  1. Заходим в админку блога и загружаем его, затем активируем.
  2. Идём в «Параметры» и заходим в настройки.
  3. Там есть 3 настройки, которые нужно сделать.

Вот список настроек:

  1. Page Peel Ad URL — url адрес, на который будет переходить пользователь нажав на открывшуюся картинку (баннер).
  2. Page Peel small image URL — картинка с размерами 75 х 75.
  3. Page Peel big image URL — картинка, которая будет разворачиваться при наведении курсора мышки (размеры 500 х 500).

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

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

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

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

Скачать плагин Page Peel можете здесь.

Образцы картинок можно скачать здесь.

Ну а сейчас посмотрите видео, как установить отгибающийся уголок на блоге.

Рекомендую прочитать:
Плагин All in One SEO Pack

Оцените статью
Как заработать в интернете
Добавить комментарий