Главная > Блогостроение > Как создать эффект загнутого угла страницы на WordPress. Плагин Page Peel.

Как создать эффект загнутого угла страницы на WordPress. Плагин Page Peel.

Как создать эффект загнутого угла страницыПриветствую всех читателей блога Blogomaniy.ru !! Думаю, что многие видели, на различных блогах, в правом верхнем углу, отгибающийся уголок с надписью. Я тоже часто видел такие уголки и решил узнать, как это сделать, и поделится с вами. Эффект загнутого угла, можно сделать, установив плагин Page Peel.

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

Что бы научиться работать в фотошопе на хорошем уровне, можно использовать уроки Е.Попова.

Эффект загнутого угла, плагин Page Peel нам в помощь!!

1.Для начала скачайте плагин Page Peel вот по этой ссылке: http://wordpress.org/extend/plugins/page-peel/

2.Дальше нам нужно его установить, и активировать, как это сделать читаем вот здесь.

3.Установив плагин, активировав его, вы увидите вот такой уголок у себя на блоге. См. рис.

эффект загнутого угла

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

эффект загнутого угла

4.Теперь зайдите в административную панель, и в «Параметрах» выберете «Page Peel». См. рис.

Плагин Page Peel

5.Далее вам нужно будет указать путь к вашей рекламной странице и к вашим картинкам.

  • Page Peel Ad URL: адрес, который раскроется при нажатие читателя на открывшиеся закулисное содержимое.
  • Page Peel Small image URL: здесь путь к маленькой картинке, которая выглядывает из-за отвернутого уголка. Важно, чтобы ее размеры были 75х75.
  • Page Peel Big image URL: это путь к большой картинке 500х500 , которая появится перед глазами посетителя, коснувшись мышкой уголка.

Как создать эффект загнутого угла страницы на WordPress

Сегодня мы рассмотрели как сделать эффект загнутого угла используя плагин Page Peel.

Желаю всем удачи.

Почитайте — это будет полезно!!

С уважением, Александр.

Посмотрите еще интересные записи:

Блогостроение

  1. Женька

    Мне нравится такой уголок *THUMBS UP* красиво =)

  2. Алекс
  3. Антон

    Да, суперско *OK* и самое главное так элементарно, все ясно и понятно *THUMBS UP* *OK* =)

  4. Андрей

    классно можно и попробовать этот плагин

  5. Алекс

    @Андрей
    ДА, МНЕ ТОЖЕ НРАВИТСЯ =)

  6. Анна

    Добрый день! Огромное мпасибо за такой полезный и интересный пост. Сейчас у многих блогеров я такое видела. Теперь, если дорасту, я новичок пока, возможно попробую и я сделать.Мне, в принципе, всё понятно, вот только работа с фотошопом…но это уже другая история.И вообще у вас такие полезные стаьи, что не знаешь, какую сразу даже открывать. Спасибо за ваш труд и за то, что делитесь своими знаниями с другими. Я желаю вам удачи и ЛЮБВИ!!! Заходите в гости за «своим счастьем». Выскажите своё мнение о блоге, только честно. *ROSE* *ROSE*

  7. Алекс

    @Анна
    Анна, мне ваш блог понравился, красивый и много интересного. Обязательно специально зайду, чтобы получше посмотреть, и написать комментарии!!! Спасибо вам за добрые слова!! =) *THUMBS UP*

  8. Руслан Ахтамьянов

    Благодарю за дельный и понятный пост! Давно искал что-то подобное, только вот все плагины кривые попадались. Теперь буду пробовать Page Peel. Еще раз благодарю.

  9. Алекс

    @Руслан Ахтамьянов
    Почитай как без плагина сделать вот тут: http://blogomaniy.ru/blogostroenie/kak-sdelat-effekt-zagnutogo-ugla-bez-ispolzovaniya-plaginov.html =) Полегче будет блогу *THUMBS UP*

  10. Сергей

    Подскажите что за плагин отображает у Вас записи Почитайте — это будет полезно!! и что за плагин, который отображает Посмотрите еще интересные записи:

  11. Алекс

    @Сергей
    Почитайте — это будет полезно!! это пишу сам без плагина
    Посмотрите еще интересные записи: это плагин Related Posts Thumbnails почитать про него можно тут: http://blogomaniy.ru/blogostroenie/related-posts-thumbnails-plagin-dlya-vyivoda-pohozhih-zametok-s-kartinkami.html