Как создать ленточку в верхнем углу экрана

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

Ленточка на блоге. Ленточка в углу.

В общем, эта ленточка создается очень просто при помощи плагина FCC Ribbon Manager. О том, как устанавливать плагины я писал в статье как установить плагин. Почитайте её, если не знаете, как это делать, а затем установите плагин FCC Ribbon Manager. Скачать его с оф. сайта можно по этой ссылке: http://wordpress.org/extend/plugins/fcc-ribbon-manager/. Я вот, сам качал по ней. :)

После того как вы его установите, откройте его настройки. Это можно сделать в разделе «Параметры» — «Ribbon manager» и взгляните на стандартные настройки. Также можете проверить как эта ленточка выглядит у вас, сейчас. Если все сделано правильно, то ленточки быть не должно.

Теперь вам нужно сделать две вещи, а именно создать картинку которая и будет ленточкой. Её можно сделать в графическом редакторе, например, в фотошопе. Кстати, для тех у кого есть такой редактор, я подготовил заготовку чтобы вам было полегче. Скачать её можно тут: Скачать заготовку. Сам файл я рекомендую сохранить в формате PNG.

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

После того как все содержимое создано, можно продолжать. Вернемся на страничку настройки плагина, которую мы открыли совсем недавно. В первом поле вам нужно прописать ссылку на картинку, у меня такая: http://raskrutkabloga.ru/images/lenta.png. Во втором поле указать её размеры, если вы скачивали мой исходник, то размеры, как и у меня 162*157, если же вы делали свою картинку то вам виднее. В третьем поле вам нужно указать ссылку на созданную страничку, эта страничка будет открываться при клике на ленточку. Следующее поле рекомендую оставить пустым, текст который будет там, будет появляться при наведении курсора на мышку. И самое последние: выравнивание ставим с права, это обязательно, или ленточка будет выглядеть не красиво.

Как создать ленточку

На этом все, ленточка готова и работоспособна. Теперь я рекомендую вам почитать вою статью «как создать рассылку», она получилась очень интересной и познавательной!

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

С уважением, Степан!
Все статьи

Добавить в закладки

17 комментариев к записи “Как создать ленточку в верхнем углу экрана”

  1. Статья неплохая, но хотеться примеров с ленточкой. Визуализации не хватает ((

  2. BasBashik:

    Нужная информация!
    По мне что то подобное лучше в сss наковырять! =) Не люблю плагины..

  3. классно! я раньше видела такие ленточки на блогах, но даже не знала, что их можно сделать при помощи плагина. спасибо за инфу, Андрей!

  4. А почему у тебя на блоге нету ленточки?

  5. Это что за ленточка? Не уголок ли с подарком? Мое мнение- немного отвлекает, хоть и выглядит красиво.Кто-то советует, кто-то напротив, не рекомендует.

    • Как видите, я, рекомендую. И в статье указал конкретные причины!

      • Андрей, посмотри внимательно статью. Там все сказано о том,КАК сделать, но ни слова о том. для чего эта ленточка. Я понимаю, это типа дразнящего отгибающегося уголка, который отправляет на страницу с подарком или еще куда-то. Но у тебя я не нашел об этом ничего.Просто кликнул и перешел на другую страницу. Я бы чуть дополнил статью этим пояснением.

        • Эй, я же в самом начале дал ссылку на статьи в которой говорил зачем она нужна! Из-за нее я и написал о том как делать ленточку.

          • Точно, просмотрел по древности. «Мартышка к старости слаба глазами стала» )) Знаешь, там жирным черным выделены и ссылки, и просто ключевые фразы, как я понял. В этом вся причина.Была бы ссылка синей, возможно и обратил бы внимание. Учти на будущее для таких глазастых, как я))

  6. Спасибо, такая фишка пригодится для сайта.А главное просто и работает.

  7. Сергей:

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

  8. Есть такой плагин Page Pee, который реализует эффект загнутой страницы («отгибающийся уголок»), выглядит красивее и эффектнее ленточки!

    • Он мне не нравиться. Я вообще не читаю блоги на которых такие уголки. Очень навязчиво и слишком много времени буре.
      Хочешь ползунок опустить, случайно наверх на угол и по всей страницы..

  9. Да, ленточку или кнопку обязательно поставлю, помогает привлекать внимание читателей к акциям или урокам.

    • Черт, посмотрел этот плагин, он уже больше двух лет не обновлялся. Я бы его не стал ставить на блог. Лучше что нибудь другое поискать.
      Тем более, что есть варианты это сделать без плагина.

  10. Спасииибо, а я ее второй день ищу, трудно искать, когда не знаешь названия плагина)), Занимаюсь украшением блога :) Статью сейчас прочту.

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

Комментаторы блога

Комментируй блог и получи 300 рублей! Подробности тут!

X

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