Back To Top Button - DeveloperLook

Contributors: developerlook, saimulislam
Tags: back-to-top, scroll, button, navigation, ui
Requires at least: 5.0
Tested up to: 6.8
Stable tag: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A simple and customizable back to top button plugin for WordPress with icon library support and color customization options.

Description

A simple and customizable back to top button plugin for WordPress with icon library support and color customization options.

Features

• Multiple Icon Libraries: Support for Font Awesome, Dashicons, Material Icons, and Bootstrap Icons
• Color Customization: Customize both icon color and background color
• Position Options: Choose from 4 different positions (bottom-right, bottom-left, top-right, top-left)
• Scroll Offset: Configure when the button appears based on scroll position
• Animation Effects: Choose from fade, slide, bounce, scale, rotate, or no animation
• Hover Effects: Multiple hover effects including scale, lift, rotate, and pulse
• Responsive Design: Works perfectly on all devices

Installation

1. Upload the Back-to-Top-by-DeveloperLook folder to the /wp-content/plugins/ directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Go to Back to Top menu or Settings > Back to Top to configure the plugin

Configuration

Navigate to Back to Top or Settings > Back to Top to customize:

• Icon Library: Choose from Font Awesome, Dashicons, Material Icons, or Bootstrap Icons
• Icon: Select a specific icon from the chosen library
• Button Shape: Choose from round, square, pill, rounded-square, rounded-corners, rounded-top, or rounded-bottom
• Icon Color: Pick a color for the icon
• Background Color: Pick a background color for the button
• Position: Choose where the button appears on the page (top-left, top-right, bottom-left, bottom-right)
• Scroll Offset: Set how many pixels to scroll before showing the button
• Animation: Select the animation effect (fade, slide, bounce, scale, rotate, or none)
• Animation Duration: Control how fast the show/hide animation plays
• Hover Effect: Choose the effect when hovering over the button (scale, lift, rotate, pulse, or none)
• Scroll Speed: Control how fast the page scrolls to top when button is clicked

Frequently Asked Questions

Does this plugin work with all themes?

Yes, this plugin is designed to work with all WordPress themes.

Can I customize the button appearance?

Yes, you can customize the icon, colors, position, shape, and animations through the plugin settings page.

Does this plugin slow down my site?

No, this plugin is lightweight and optimized for performance.

Which icon libraries are supported?

By default, the plugin uses Dashicons (built into WordPress). If you want to use Font Awesome, Material Icons, or Bootstrap Icons, you'll need to add them yourself using the provided hooks.

How do I add custom icon libraries?

To use Font Awesome, Material Icons, or Bootstrap Icons, add this code to your theme's functions.php:

// Example: Add Font Awesome
add_action('bttb_dl_enqueue_icon_library', function($library) {
    if ($library === 'fontawesome') {
        wp_enqueue_style('font-awesome', 'path/to/your/fontawesome.css', array(), '6.4.0');
    }
});

// For admin preview, use this hook:
add_action('bttb_dl_admin_enqueue_icon_libraries', function() {
    wp_enqueue_style('font-awesome', 'path/to/your/fontawesome.css', array(), '6.4.0');
});

Changelog

1.0.0

• Initial release
• Multiple icon library support
• Color customization
• Position options
• Animation effects
• Hover effects
• Responsive design

Upgrade Notice

1.0.0

Initial release of Back To Top Button - DeveloperLook plugin.

Author

DeveloperLook - https://developerlook.com/

Co-Author: Saimul Islam

License

This plugin is licensed under the GPL v2 or later.