Долго думал, стоит ли в заголовке писать, что кнопка «как в вконтакте», в принципе в этой кнопке нет ничего от вконтакте кроме двух идей: перехода на предыдущую страницу и идеи прокрутки вниз. Короче решил, что лучше не писать 🙂
Кстати, отдельное спасибо Михаилу за то, что подсказал мне идею замутить вордпрессовский плагин для неё. Как и обещал, я управился в течение недели, выкладываю плагин и небольшое описалово к нему.
Плагин пока что бесплатный и будет бесплатным до тех пор, пока я не доведу его до ума. Конечно же он рабочий, только я бы хотел видеть его более функциональным.
А пока что — качайте (ссылка внизу поста).
Что уже реализовано на данный момент: (есть такая вот страница с настроечками)
- Здесь первый пункт настроек увы пока что не работает, то есть кнопка закреплена в левом верхнем углу (как сейчас в вконтакте), ну не успел я его закончить, это будет реализовано в новых версиях плагина, который кстати можно будет обновить через админку
- По поводу типа кнопки понятно, плагин позволяет воспользоваться всеми реализациями кнопки «Наверх», описанными в этой и вот этой статьях.
- В дальнейшем я предполагаю предоставить пользователю выбор, делать ли кнопку автоматически расширяемой под всю крайнюю часть экрана или же нет, а пока что, укажите пожалуйста ширину своего сайта.
Планы по доработке плагина:
- различные варианты расположения кнопки по отношению к сайту
- возможность отключать автоматическую подстройку кнопки под монитор пользователя
- использование различных вариантов оформления кнопки, не залезая в код
- настройка таких параметров, как скорость прокрутки и эффект анимации прокрутки (easing), возможность отключения эффектов вообще
- создания собственной страницы плагина с документацией, FAQом и прочее
Я протестировал кнопку на двух стандартных темах в WordPress, Twenty Ten 1.4 и Twenty Eleven 1.3
Что делать, если кнопка не работает?
- обновить кэш
- убедиться, что в теме подключены wp_head() и wp_footer()
- как можно подробнее описать свою проблему в комментариях к этому посту, я обязательно отвечу в течение дня
Источник: misha.blog