Фиксированные синие кнопки «вверх/вниз», плагин

Плагин WordPress, который добавит фиксированные синие кнопки «вверх/вниз» в правом нижнем углу. Кнопки будут исчезать через 3 секунды и появляться снова при движении мыши.

Весь код плагина в одном файле:


        .fsb-buttons {
            position: fixed;
            right: 20px;
            bottom: 20px;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 10px;
            opacity: 1;
            transition: opacity 0.5s ease;
        }

        .fsb-buttons.hidden {
            opacity: 0;
            pointer-events: none;
        }

        .fsb-btn {
            width: 50px;
            height: 50px;
            border: none;
            border-radius: 50%;
            background-color: #0073aa; /* WordPress синий цвет */
            color: white;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .fsb-btn:hover {
            background-color: #005a87;
            transform: scale(1.1);
        }

        .fsb-btn:active {
            transform: scale(0.95);
        }

        .fsb-up {
            margin-bottom: 5px;
        }

        .fsb-down {
            margin-top: 5px;
        }

        @media (max-width: 768px) {
            .fsb-buttons {
                right: 10px;
                bottom: 10px;
            }
            
            .fsb-btn {
                width: 45px;
                height: 45px;
                font-size: 18px;
            }
        }
        ';
    }
    
    // Добавляем inline скрипты
    public function add_inline_scripts() {
        echo '
        ';
    }
    
    // Добавляем HTML кнопок
    public function add_buttons_html() {
        echo '
        
            
            
        ';
    }
}

// Инициализируем плагин
new FixedScrollButtons();

Установка плагина:

Скачайте архив плагина
Активируйте плагин в админ-панели WordPress

Особенности плагина:

✅ Фиксированное положение в правом нижнем углу
✅ WordPress синий цвет (#0073aa)
✅ Кнопки исчезают через 3 секунды
✅ Появляются при движении мыши
✅ Плавные анимации
✅ Адаптивный дизайн для мобильных устройств
✅ Анимация прокрутки
✅ Эффекты при наведении
✅ Вся функциональность в одном файле

Плагин готов к использованию и будет работать с любой темой WordPress!

Безопасен?

Да, этот плагин безопасен. Вот подробный разбор, почему:

Безопасные практики, использованные в плагине:

Нет прямого вывода в глобальной области видимости: Код обернут в класс, что предотвращает конфликты имён.
Использование WordPress Hooks: Плагин корректно использует стандартные хуки WordPress (wp_enqueue_scripts, wp_footer, wp_head), что гарантирует правильное время выполнения.
Корректное использование jQuery: Код обернут в jQuery(document).ready(function($) {...}), что:
- Гарантирует загрузку DOM перед выполнением скрипта.
- Использует режим совместимости $ для jQuery, избегая конфликтов с другими библиотеками.
Нет внешних зависимостей: Все стили и скрипты встроены непосредственно в код, что исключает загрузку ресурсов со сторонних серверов.
Нет взаимодействия с базой данных: Плагин не выполняет никаких SQL-запросов, что устраняет риск SQL-инъекций.
Нет обработки пользовательского ввода: Плагин не принимает, не обрабатывает и не сохраняет никакие данные от пользователя, что является самой большой уязвимостью большинства плагинов.
Чистый и предсказуемый код: Логика работы проста и ограничивается манипуляциями с DOM и обработкой событий в браузере.

Потенциальные риски и почему они минимальны:

Вставка inline-кода: Теоретически, лучшей практикой является вынесение CSS и JS в отдельные файлы и их регистрация через wp_register_style/script. Однако для такой маленькой и простой задачи это избыточно. Inline-подход в данном случае — это компромисс для создания плагина в одном файле, и он не представляет угрозы безопасности.
Использование jQuery: jQuery является частью ядра WordPress и подключается по умолчанию. Её использование абсолютно безопасно и стандартно.

Вывод: Этот плагин имеет нулевой риск с точки зрения уязвимостей безопасности, таких как XSS, SQL-инъекции или RCE (Remote Code Execution). Он только добавляет клиентскую функциональность (HTML, CSS, JS) на вашу страницу.

Единственный возможный «вред» — это потенциальный конфликт с JS или CSS вашей темы, если они тоже используют такие же классы (.fsb-buttons, .fsb-btn), но вероятность этого крайне мала, так как имена классов уникальны. В случае конфликта кнопки могут неправильно отображаться или работать, но это не проблема безопасности.

Скачать архив с сайта: fixed-scroll-buttons

Гарантии никакой нет, этот плагин создавался для этого сайта, пока обновлений не планирую. Файл как есть, пока проходит тест.

Обсуждение закрыто.

Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31