Skip to content

philhoyt/Back-to-Top-Block

Repository files navigation

Back to Top Block

Playground Demo Link WordPress Plugin: Required WP Version License

A customizable "Back to Top" button block for WordPress that helps users quickly navigate to the top of your pages.

Description

The Back to Top Block is a simple yet powerful WordPress block that adds a customizable button allowing users to smoothly scroll back to the top of your page. It's perfect for long-form content and enhancing user experience.

Demo of Block

Block Settings

Block Settings

Features

  • 🎨 Fully Customizable

    • Show/hide arrow icon
    • Show/hide button text
    • Custom button text
    • Custom icon upload support
  • 🔄 Smooth Scrolling

    • Built-in smooth scrolling animation
    • Respects user's reduced motion preferences
  • Accessibility

    • Screen reader compatible
    • Proper ARIA labels
    • Keyboard navigation support

Installation

  1. Upload the plugin files to the /wp-content/plugins/back-to-top-block directory
  2. Activate the plugin through the 'Plugins' screen in WordPress
  3. Use the Block Editor to add the Back to Top Block to your pages

License

This project is licensed under the GPL-2.0-or-later - see the LICENSE file for details.