Как сделать кнопку вверх в WordPress (Back to top) через плагины
Кнопка наверх присутствует сейчас во многих сайтах и помогает пользователям быстро вернуться в самый верх страницы. Это достаточно удобно, если на сайте отображается много информации. Поэтому дабы каждый раз не приходилось прокручивать веб-страницу обратно к началу статьи или к меню, разработчики советуют добавлять кнопку вверх. Располагается она, как правило, в правом нижнем углу и появляется по мере приближения к концу страницы. Опция достаточно интересная и не такая уж сложная в реализации.Можно, в принципе, создать кнопку наверх с помощью определенных скриптов и правки WordPress шаблона, однако есть вариант проще — плагины. Он идеально подойдет для тех, кому лень разбираться кодом, или тем, кто плохо ориентируется в вопросах веб-разработки. Кроме того, у модулей есть разные настройки для реализации тех или иных интересные фишек. А это тоже, согласитесь, весьма полезно. Из 10-ти плагинов, найденных для функции Back to top, я рассмотрю лишь 4, которые имеют достаточное число скачиваний и отвечают актуальным версиям системы WordPress.
Smooth Scroll Up
Лекий и настраиваемый плагин Smooth Scroll Up позволяет добавить кнопку вверх для любого поста/страницы в WordPress. Скачали модуль более 40 тысяч раз, поддерживаются версии WP от 3.2 до 4.1. Последнее обновление было буквально недавно. Имеются переводы на разные языки (русского, украинского пока что нету).
Основные возможности Smooth Scroll Up:
- Выбор разных элементов для кнопки вверх: текст, картинка, кнопка.
- Выбор позиции для элемента Back to top: слева, справа, по центру.
- Возможность указывать любой текст для кнопки наверх.
- Задание расстояния от верха страницы, после которого появляется кнопка.
- Анимация при скролинге (прокрутка, затемнение).
- Отображение/скрытие на главной странице и мобильных устройствах.
- Добавление события при клике.
Устанавливается плагин традиционно, работать начинает «из коробки», вам просто нужно указать те или иные настройки для кнопки вверх.
jQuery Smooth Scroll
Модуль jQuery Smooth Scroll добавляет плавную прокрутку страницы после клика на кнопку вверх. Как и положено, после прохождения определенной точки на странице справа внизу появится элемент Back to top. Плагин скачали более 48 тысяч раз, официально поддерживается версия системы от 3.1 до 4.0. Модуль разработан на основе другого Scroll to Top, который (судя по всему) уже не столь актуален.
Основные фишки jQuery Smooth Scroll:
- Автоматическое добавление кнопки после активации и отсутствие лишнего пункта меню в админке WordPress. Не зря в описании модуля сказано «активируйте и забудьте».
- Плавная прокрутка, появление кнопки вверх в правом нижнем углу.
- Легкая настройка с помощью правки css/js кода.
- Все CSS и JS файлы сжаты для лучшего результата Google Page Speed.
Как видите, модуль jQuery Smooth Scroll имеет очень большое отличие от предыдущего. Здесь вообще нет настроек, но для кого это означает меньше мороки с изучением модуля.
WPFront Scroll Top
Плагин WPFront Scroll Top, как и другие, позволяет пользователям сайта легко и быстро пролистывать его наверх с помощью специальной кнопки. Он полностью настраиваемый и работает на всех мобильных устройствах. Установок здесь несколько меньше — более 17 тысяч, поддержка для версий системы от 3.0 до 4.0.
Основные функции:
- Собственно отображение кнопки вверх и прокрутка назад в начало страницы при клике.
- Создание текстовой кнопки или картинки.
- Добавление любого изображения (!) что захотите.
- Скрытие на мелких устройствах и ifram’ах.
- Фильтр для страниц/постов.
Для того чтобы вы убедились, что настроек в модуле WPFront Scroll Top действительно много, публикую скриншот из админки.
Scroll Back To Top
Последний плагин для рассмотрения — Scroll Back To Top. Выполняет все те же функции для кнопки вверх, которая появляется по мере прокрутки страницы вниз пользователем. Идеально подходит тем, кто не силен в HTML, CSS или jQuery. Модуль работает сразу после активации, но вы можете внести изменения в его настройки. Судя по скриншотам из админки разных опций хватает.
Здесь и параметры для кнопки наверх (цвет, граница, фон, прозрачность), и задание расположения элемента Back To Top, и использование картинок или текста для него, плюс опции анимации при прокрутке и т.п. Поддерживаемые версии WordPress — от 3.0 до 3.9.2, скачан модуль более 18 тысяч раз.
Из этих четырех плагинов для кнопки наверх я бы и советовал вам выбирать. Очередность их в обзоре не является рейтингом, то есть не значит, что я рассматривал лучшие в начале или в конце статьи, они идут по мере ознакомления. Все, в принципе, зависит от ваших нужд. Если вы вообще далеки от разработки и WordPress, то проще всего установить Smooth Scroll Up и забыть. Желающим покопаться с настройками, подойдут два последних плагина. Первый — наиболее новый на данный момент. В общем, выбрать есть из чего.
Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!wordpressinside.ru
Добавляем кнопку «вверх» на сайт WordPress
В статье как раз рассмотри три плагина, которые динамично создадут кнопку «вверх» с плавным эффектом. Все трудности заключаться будут лишь в выборе, установки, активации и в преобразовании нескольких настроек.
1-й. Scroll Back to Top
Простенький плагин с мельчайшими настройками внешнего вида, расположения, скорости (scroll). Позволяет редактировать фон кнопки, hover, размер и отступы от края браузера, а также выбрать из нескольких вариантов вид стрелки или просто использовать желаемую надпись.
Иконки, отображающие на скриншоте созданы с помощью шрифта Font Awesome поэтому заменить на свои будет немного проблематично. Но думаю такой острой нужды в этом нет они достаточно корректны и с определенными настройками построят приятный внешний вид.
2-й. WP Smooth Scroll
Данный плагин немного ограничен в настройках имеется лишь выбор расположения кнопки «вверх». В остальном отлично справляется со своей работой по умолчанию кнопка выглядит следующим образом:
Если хотите ее заменить на свою, то следуйте по пути …/plugins/wp-smooth-scroll/images/… и произведите обмен картинки с таким же названием и в том же формате.
3-й. WPFront Scroll Top
Тритий плагин из нашего списка мало чем отличается от остальных, но преимущество все же имеет, а именно:
- Загрузка своей кнопки «вверх»
- Большой выбор уже готовых кнопок.
- Ряд необходимых настроек.
- Выбор показа на определенных страницах.
- Плагин русифицирован.
После установки и активации плагина обратите внимания на первый пункт параметров «Включить» отметьте его иначе кнопка не будет отображаться.
Выбор по умолчанию кнопок «вверх».
Вот и все.
wordsmall.ru
как сделать кнопку «Наверх» на Вордпресс
Добрый вечер! Многие меня спрашивают как по почте, так и в комментариях, как сделать кнопку “Вверх” в WordPress. На всех моих блогах он был “вшит” в тему или в данном случае на этом новом шаблоне я попросил верстальщика “прикрепить» кнопку наверх рядом с счетчиком подписчиков.
Как выглядит эта кнопка “Наверх” Вы можете посмотреть на моем блоге про коктейли (просто прокрутите вниз и увидите кнопку в правой части). Вам понравилась эта кнопка? Хотите такую же? Нет проблем, читаем урок дальше, тратим свои 5 минут и все готово :).
Как сделать кнопку “Вверх” в WordPress
- Устанавливаем плагин Scroll to Top.
- Кнопка уже работает. Вы же можете покопаться в настройках плагина (изменить скорость прокрутки и т.п.): админка WordPress –> Параметры –> Scroll to Top.
- Вот и все :). Плагин настроен, работает отлично, если Вам вдруг не нравится кнопка, то можете скачать другую (их в интернете полно), залить ее к себе на блог и просто в настройках плагина прописать полный путь до картинки:
На сегодня все, а завтра же, в пятницу, вас, мои друзья, ждет классный сюрприз, я уверен, вам понравится :). Жду вас в гости, постараюсь о сюрпризе рассказать днем, может даже утром, а то мне как-то не терпится :).
До скорой встречи!
Подпишитесь на бесплатные уроки
Понравился урок? Вы не хотите пропускать новые бесплатные уроки по созданию, раскрутке и монетизации блога? Тогда подпишитесь на RSS или на электронный ящик в форме выше и получайте новые уроки мгновенно! Также можете следить за мной в Twitter.
wpnew.ru
Кнопка вверх для сайта на wordpress
19 02 2018 Дмитрий Воробьев 27 комментариевПриветствую Вас, уважаемый читатель! Недавно получил письмо от моей подписчицы с вопросом как добавить на блог WordPress полезную функцию быстрой прокрутки к началу статьи, которая называется «Кнопка вверх для сайта». Я подумал, что моим читателям также может быть полезна эта информация, поэтому записал небольшой видеоурок.
Для чего нужно такая кнопка и как она выглядит? Если Вы прямо сейчас прокрутите страницу моего сайта, то увидите, что в правом нижнем углу появляется маленькая иконка со стрелкой. При нажатии на нее Вы автоматически переместитесь к началу статьи.
Когда это может быть удобно? Например, Вы прочитали статью и понимаете, что вверху были ссылки на рубрики, страницы, которые можно было бы прочитать, но так не хочется крутить колесико мыши ))) В этот момент и приходит на выручку этот полезный инструмент.
К тому же это экономит время. Длинный пост может занимать 5-6 экранов прокрутки (а иногда и больше), но одно нажатие на кнопку вверх мгновенно перемещает Вас к началу страницы.
Ну что ж, о преимуществах кратко рассказал, теперь к делу.
Как установить плагин «Кнопка вверх для сайта»?
Сам плагин, конечно же, звучит не так, полное название — WPFront Scroll Top, и найти его можно на официальном сайте WordPress, а еще проще прямо в админ-панели Вашего блога.
Важно! В видеоуроке показано, как установить кнопку вверх для сайта, работающего под управлением движка wordpress! Для других сайтов необходимо использовать альтернативные варианты.
Вот так выглядит плагин в панели управления (скриншот на момент публикации статьи, возможно изменение интерфейса или данных о плагине):
Устанавливается и активируется он стандартно, а далее необходимо выполнить простые настройки. Весь процесс установки и настройки, а также демонстрацию работы показал в видеоуроке.
Название плагина: WPFront Scroll Top
Теперь и Вы знаете, как добавить кнопку вверх для сайта, используя простой и доступный плагин. Кстати, видеоуроки можно просматривать быстрее, используя встроенную функцию Youtube, об этом я рассказал в статье «Как быстро обучаться в Интернете»
Понравились ли Вам статья и видеоурок? Какие еще уроки Вы хотели бы видеть на моем блоге? Пишите Ваши вопросы, предложения и пожелания в комментариях!
С уважением, Дмитрий Воробьев
Спасибо, что поделились статьей в социальных сетях!
blog-webmastera.ru
Кнопка Наверх для WordPress. Варианты установки
Установка кнопки Наверх для сайта
Кнопка “наверх” для сайта уже давно стала обязательным атрибутом.
Посудите сами, вы читаете достаточно длинную статью. Дочитали, теперь надо перейти наверх сайта. Можно это сделать с помощью ползунка в браузере, но, согласитесь, намного удобнее кликнуть мышкой и оказаться в верхней части с плавным, аккуратным эффектом. Мелочь, конечно, но, как раз из таких мелочей и складывается отношение к вашему сайту. Да и самому приятнее, когда статью проверяешь, да, или просто, своим сайтом любуешься. Если с душой сделан, конечно.
Многие современные темы уже имеют встроенные функции кнопки Наверх. Это могут быть и стрелочки, и надписи с текстом по вашему вкусу. Большое всего, конечно, разнообразных стрелочек. Аккуратненькие, элегантненькие, они всегда под рукой, в любой момент можно переместиться к верхней части.
Есть, правда, мнение, что для современных браузеров уже есть расширения, где можно установить такую кнопку для любого сайта. Да, эти расширения есть, и для Хрома, и для Лиса. Но, учитывайте то, что люди к вам на сайт заходят разные. Немало поклонников IE, кому-то, просто не хочется устанавливать на свои браузеры дополнительные расширения, кто-то просто не знает о таких возможностях. Короче, лишним не будет, имеет смысл потратить некоторое время для улучшения работы своего сайта.
Варианты установки кнопки Наверх для сайта на движке WordPress
Установка кнопки Наверх с помощью кода.
Тут у меня имеется своё мнение, которым, с удовольствием поделюсь с вами.
Много разных вариантов для установки кнопки Наверх, да и много ещё чего, самостоятельно. В принципе, не сложно прописать несколько строчек кода в нужные файлы. Вопрос только – ЗАЧЕМ?
Есть такое мнение, что лишние плагины утяжеляют работу сайта, делают её более медленной. Естественно, такое дело имеет место. Но, если вы уже решили сделать нужное дополнение, то, какая разница, пишите вы код самостоятельно, или он будет добавлен после установки нужного плагина? Количество команд и так и так увеличится, код скрипта, в любом случае потребует некоторые ресурсы для своей обработки. Только, в одном случае, вы добавляете код руками, в другом, это добавление делает плагин.
И не забывайте такой момент. Код то установить можно, работать он будет. Но, первое, насколько корректно это будет продолжаться после обновления движка? Второе, коды плагина постоянно усовершенствуются. Идёт обсуждение, идёт поиск багов и глюков. Разработчики регулярно обновляют свои плагины, так что, намного больше шансов иметь более оптимизированный код от профессионального разработчика, чем после самостоятельного добавления.
Ну и элементарное удобство. Надоел вам такой вариант кнопки Наверх, деактивировали плагин, установили другой. Понравилось, замечательно, нет, быстренько активировали проверенный. Смысл из-за такой мелочи огород городить, вот оно надо, через полгода вспоминать, что вы там в функции прописывали.
Не буду здесь описывать способ установки кодом, при желании, в сети эти варианты легко разыскиваются.
Плагин Scroll to Top Button
Это, наверное, самый популярный плагин для добавления кнопки Наверх на сайт на сегодняшний день. Своего рода классика жанра. Устанавливается и настраивается легко и просто.
Идем в Плагины – Добавить новый, в окошко поиска вставляем Scroll to Top Button. Находим, устанавливаем, активируем.
Во вкладке Внешний вид появляется пункт Scroll to Top Button, нажимаем и видим настройки этого плагина:
Настройка плагина Scroll to Top Button
Их всего две. Цветовая схема – темная или светлая. Размер – большой или маленький.
Выбираем нужные параметры и любуемся, как в правом нижнем углу, после некоторого перемещения вниз, появляется стрелочка Наверх. Аккуратненькая, переход плавный, в принципе, больше ничего и не нужно. Плагин обновляется регулярно, так что код всегда будет свежий и на скорость работы сайта, судя по отзывам, никакого влияния оказывать не будет.
Не будем останавливаться на одном плагине, посмотрим, что ещё можно разыскать для нашей кнопочки Наверх.
Плагин JCWP Scroll To Top
Вот тут уже совсем другая картина наблюдается. Этот плагин даёт возможность изменить внешний вид нашей кнопки на свой вкус, цвет и размер. Ну, по порядку.
Идем в Плагины – Добавить новый, в поиск вставляем JCWP Scroll To Top, находим, устанавливаем, активируем.
Настройки плагина можно уже найти в другой вкладке – Параметры — JCWP Scroll To Top:
Настройка плагина JCWP Scroll To Top
Я не стал размещать на картинке все настраиваемые параметры, слишком длинной бы получилась.
Настраивается практически всё.
- Длительность анимации;
- Через какое количество пикселей прокрутки появялется;
- Можно сделать свой идентификатор для кнопки;
- Эффект для появления кнопки;
- Позиция кнопки;
- Текст на кнопке;
- Настройка цвета фона, шрифта, размера букв, цвет рамки, закругления углов;
- Отключение для мобильных устройств;
Вот такие настройки. Как видим, у нас не будет готового изображения кнопки, оно будет сформировано теми стилями, которые мы зададим. Удобное решение, подходит, практически под любой дизайн, интересные эффекты для появления.
Едем дальше, кому-то могут нравится только графические кнопки, для них есть:
Плагин WPFront Scroll Top
Установка стандартная Плагины – Добавить новый — WPFront Scroll Top. Скачиваем, устанавливаем, активируем.
Найти настройки плагина можно во вкладке WPFront – Scroll Top:
Настройка плагина WPFront Scroll Top
Тут у нас появляется настоящий Клондайк для любителей графических кнопок. Выбор, действительно, приличный, на любой вкус. Есть и просто стрелочки, и с надписями, и прозрачные, и темные, и светлые. Выбирай, что хочешь.
- Можно настроить количество пикселей для появления кнопки;
- Можно сделать свой размер кнопки;
- Кнопке можно добавить прозрачности;
- Настройки плавности для появления кнопки и для перемещения наверх;
- Можно настроить появление кнопки для мобильных устройств;
- Настройка расположения и отступов для кнопки;
- Можно задать адрес, по которому перейдет пользователь после нажатия на кнопку. Странная опция, хотя, кто знает, может кому и пригодится;
Изображения, действительно, симпатичные. Есть и строгие, есть и веселёнкие, на любой вкус.
Вот такие плагины помогут вам легко и просто сделать на своём сайте нужную и полезную кнопочку Наверх. Всем удачи!
✔ Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST
wwdiz.ru
Кнопка вверх для wordpress. Как сделать кнопку вверх быстро |
И снова здравствуйте дорогие читатели! Сегодняшняя тема — кнопка вверх для wordpress сайта/блога – быстренькая установка.
Установка кнопки займёт минуту времени, а может и меньше. В общем, читайте далее и всё поймёте.
В сети, я очень часто встречаю комментарии, в которых люди умоляют объяснить подробнее тот или иной материал, особенно когда дело доходит до установки/правки кода. Оно и понятно, что ничего не понятно начинающим, у которых боязнь сделать что-то не так – просто зашкаливает. Именно поэтому, мы сейчас рассмотрим способ — как сделать кнопку вверх на сайте при помощи простого плагина. Ковыряться в коде и где-то что-то править точно не придётся, как говорится – установил раз и забыл.
Давайте рассмотрим несколько вариантов того, как сделать кнопку наверх на сайте wordpress, а позже, в комментариях Вы поделитесь своими впечатлениями, ну что, поехали.
Как сделать кнопку вверх на сайте с помощью плагина
Вариант№1 – используем плагин Smooth Scroll Up
Довольно таки простенький и с минимумом настроек, в нём присутствует три варианта выводимых кнопок и 3 варианта их размещения на сайте…
Установка…
Быстро скачать и установить плагин можно через админку блога. Зайдите в меню плагины – добавить новый – в поисковое поле вставьте название плагина – нажать кнопку «найти»… Более подробно о поиске и установке написано здесь Установка плагинов WordPress
Настройка плагина.
Перейдите — админка – настройки – Scroll Up Option
- Название кнопки. Можете вписать любое название!
- Выбор кнопки. Три варианта кнопок – текстовая, овальная и в виде таба.
- Позиция кнопки. Размещение кнопки – справа, слева и по центру.
- Показывать кнопку на главной странице — (да-нет).
- Расстояние в пикселях от самого верха и до момента появления кнопки. Я поставил значение (1000), которое равно примерно трём вращениям колёсика мышки, после чего появляется кнопка вверх.
- Поведение кнопки на рубеже. Можно ничего не менять, так как практически ничего не заметно.
- Кнопка сохранить. Сохранение Ваших настроек.
Согласитесь, всё очень просто!
Вариант№2 — плагин Scroll Button
Тут совсем просто, он без настроек. Просто устанавливаем плагин, кнопка сразу же отображается в правом нижнем углу сайта. Всё!
Установка аналогична варианту№1.
Собственно это всё, а Вы ожидали большего!? Извините, что разочаровал. Надеюсь это простенькое решение вывода кнопки принесёт кому-то радость и Вы вдруг запрыгаете от счастья, крича – да, да, да, у меня получилось – Yes!!!
На этом я заканчиваю нашу тему — кнопка вверх для wordpress блога. Скоро напишу про одну интересненькую вещь — не пропустите…
До скорого!
inetmi.ru
Вордпресс — кнопка вверх — поставил плагин
Недавно просматривал статистику в Яндекс.метрике, и увидел странный факт в вебвизоре — многие читатели предпочитают пролистывать страницу наверх, когда им надо вернуться в ее начало, не кнопочкой «Home», а верхней стрелочкой на полосе прокрутки, колесиком мышки, или PgUp. Тем не менее, наверх хотят попасть многие. Не использовать кнопку Home — право каждого, однако, хотелось помочь всем вам, уважаемые читатели, поэтому решил прикрутить модную сейчас на многих сайтах стрелочку «вверх» (ну или «наверх», как многие пишут в поисковиках). Можно это очень просто сделать, чуток подредактировав тему, но лень — наше все, поэтому предпочел сделать это плагином, немного о котором сейчас и расскажу.
Тем не менее, быстро не получилось, поскольку опять же — плагинов, реализующих это — как обычно, вагон и маленькая тележка. Эх, долго я, в результате, выбирал самый лучший плагин, выводящий кнопку, ну или стрелочку вверх. Хотя от него мне необходимо было всего пять основных фич:
- возможность прямо из админки управлять местоположением кнопки вверх
- возможность прямо из админки задать скорость прокрутки страницы вверх
- возможность прямо из админки установить, на сколько строк или пикселей, опустившись вниз по странице, она бы появлялась
- чтобы в неактивном состоянии (без наведения курсора мышки) она была бы максимально затемнена, и особо не отсвечивала, тем самым — особо не отвлекая внимание
- ну и самое главное — возможность загрузить свою стрелочку, чтобы она гармонировала с дизайном сайта
После рассмотрения порядка 15 плагинов (всех их описывать не буду, в английской версии, хотя и буквально в двух словах — это уже было сделано здесь), в финале соревнования остались плагины ScrollTo Top и Dynamic «To Top» Plugin.
Dynamic «To Top» Plugin при всех своих замечательных особенностях, включающих уже более 130 тысяч загрузок (что нам кагбэ говорит о том, что он уже оттестирован всеми вдоль и поперек), и возможности установить в настройках, выводить ли эту кнопку на мобильных устройствах, или нет — не отвечал пятому пункту моих требований, и предлагал возможность установить только свою стрелочку, и по всякому ее редактировать. Во всяком случае — про загрузку чего-то своего я ничего не нашел ни в описании, ни в интернете. Если кто его пользует, и я не прав — отпишите, пожалуйста, в комментах. Ну а для мобильных устройств — я наоборот, полагаю, что это просто необходимейшая опция, учитывая, что ни полос прокрутки, ни кнопки Home там нет. Да, конечно, оно неплохо крутится и пальцем — но тем не менее.
ScrollTo Top имеет всего 16 тысяч с хвостиком загрузок (впрочем — это второй результат из всех плагинов) — однако удовлетворял всем моим требованиям, описанным выше — местоположение стрелки, скорость возврата, затенение, вывод не сразу, а с указанного места, загрузка своей, ну и плюс — он более регулярно обновляется, и более актуален на дату написания этой заметки. Использовав любезно предоставленные здесь стрелочки, я чуток подредактировал и загрузил одну из них прямо из админки. Как мне кажется, получилось неплохо, хотя если опустить страницу до самого конца — стрелочку не видно на пестром фоне. Можно, конечно, в настройках поднять ее повыше — но тогда, в случае, если читатель находится в середине страницы — это будет не так эстетично — наблюдать ее парящей в 100 пикселях от нижнего края экрана.
Во всяком случае — я надеюсь, что теперь всем будет немного удобнее использовать этот сайт.
Upd. К сожалению, этот плагин пришлось отключить, т.к. при последней атаке ботов на проект оказалось, что он требует очень много памяти. Пока посещаемость до 2 тысяч уников в сутки — работает хорошо, но при массовых атаках или появлении ссылок с популярных ресурсов — слишком сильно грузит сайт (добавил и в комменты).
При поиске по отзывам — еще был этот неплох. Но я не анализировал, на сколько грузит сайт он, поэтому гарантировать ничего не могу — с тех пор посещаемости свыше 2000 уников в сутки еще не случалось, а на полутора тысячах — работает адекватно.
Тем не менее, себе его я поставил, и именно его стрелочку вы можете лицезреть, если промотаете ниже 1100 пикселей от начала страницы. Все, что мне требовалось — управлять местоположением стрелки, скоростью прокрутки, временем появления, затемнения и его процента, возможностью отключать на мобильных устройствах и при нахождении в админке, через сколько скрывать, выбора текста или рисунка, выбором своего рисунка — все есть. Впрочем, выбор своего рисунка даже не потребовался, т.к. набор предлагаемых стрелок настолько велик (минимум 54 штуки), что если не выпендриваться, то вполне можно подобрать стрелку из имеющихся в наборе к цветовой гамме своего сайта — что я и сделал.
1
chewriter.ru