Плагин «Отгибающийся уголок» для сайта WordPress

Плагин Page Peel

Привет, читатели «Страны облаков»! Узнав новое о том, как организовать  дизайн и функции сайта или блога на WP, спешим об этом рассказать.

Плагин, изображающий на сайте отгибающийся уголок очень интересный и декоративный. С его помощью можно реализовывать различные функции, связанные с рекламой, делать предложения, рассказывать о себе, рекламировать и раздавать книги или товары. Тем не менее он очень прост в установке, настройке и обращении. Название плагина — Page Peel, а увидеть его можно здесь, в правом верхнем углу.

Для его установки надо зайти в админ-панель сайта, войти в раздел «Плагины». Далее «Добавить новый» / Page Peel / Установить / Активировать.

После этого Page Peel отобразится в «Параметрах» в виде строки Page Peel Options.

Нажав на эту строчку в списке параметров, попадаем на страницу настройки плгина.  Там мы видим три заполненных поля с адресами.

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

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

После этого мы должны вставить картинки. А они, в свою очередь, должны быть приготовлены заранее с помощью фоторедактора. Одна картинка маленькая, размером 75 на 75. На ней можно написать слово «Жми!» или что-то подобное. Можно сделать изображение без надписи.

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

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

Вторая картинка размером 500 на 500 и на ней надо изобразить переход на  конечную страницу, то есть сделать фото книги или товара, написать текст: «Нажимайте и знакомьтесь с книгой» или что-то подобное. Когда эти две картинки будут готовы к загрузке, то можно будет заполнить оставшиеся два поля в настройке плагина Page Peel Options.

Отгибающийся уголок при наведении курсора

Отгибающийся уголок при наведении курсора

Таким образом, в первом поле мы ссылаемся на подписной лист, во втором мы загружаем маленькую картинку. Для этого надо зайти в консоль, то есть в админ-панель, в раздел «Медиофайлы» и загрузить её туда. Затем  видим медиофайл — нашу картинку в библиотеке и нажимаем «Изменить».

Нам надо нажать на ту страницу, где эта картинка расположена на белом фоне, то есть адрес расположения картинки 75 на 75. Щёлкаем правой кнопкой мыши по картинке и выбираем: «Открыть изображение в новой вкладке».

Этот адрес копируем курсором, вписываем во второе поле настроек. В третье  поле вписываем адрес картинки 500 на 500 аналогичным образом загрузив её в «Медиафайлы».

Действуем по такому пути:  в Медиафайлах нажать «Изменить» под картинкой / Ссылку на медиафайл копируем / Вставляем ссылку в поле настроек Page Peel.

Нажимаем кнопку «Сохранить опции» — Update Options.

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

 Если есть, что добавить, пишите комментарии.

Если понравилась эта статья о плагине «отгибающийся уголок», то добавляйте в закладки,  делитесь в соцсетях, нажимайте на кнопки, будьте общительны. 

А также:
prev next

Вы можете оставить комментарий, или ссылку на Ваш сайт.

2 комментариев к записи “Плагин «Отгибающийся уголок» для сайта WordPress”

  1. Григорий:

    Здравствуйте!
    Ксожалению, так и не нашел на блоге
    имя автора - к кому обращаться?
    Я не буду говорить о плагине, но что бросилось в глаза!
    Внимательно посмотрите на адрессную ссылку этой страницы
    в браузере :
    http://stranaoblakov.ru/?p=299
    Значение : ?p=299 - это случайно не дубли страницы ?
    Или Вы специально в админке ставите такой адрес страницы?

    С Уважением, Григорий.

    • admin:

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

Оставить комментарий