Skip to content

A highly customizable, lightweight back to top button with advanced styling options for ClassicPress sites. Quite possibly will work with Wordpress although I haven't tested it.

License

Notifications You must be signed in to change notification settings

nootkan/simple-back-to-top

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

=== Simple Back to Top ===
Contributors: yourname
Tags: back to top, scroll, navigation, button, accessibility, customizable, colors, shapes, shadows
Requires at least: 1.0
Tested up to: 2.0
Requires PHP: 7.4
Stable tag: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A highly customizable, lightweight back to top button with advanced styling options for ClassicPress sites.

== Description ==

Simple Back to Top adds a fully customizable "back to top" button to your ClassicPress website. The button appears when visitors scroll down and provides smooth scrolling back to the top of the page with professional styling options that rival premium plugins.

**Core Features:**

* Lightweight and fast-loading
* Smooth scrolling animation with customizable trigger distance
* Mobile-responsive design with automatic size adjustment
* Accessibility features (keyboard navigation, ARIA labels)
* Professional admin interface with live preview

**Advanced Customization Options:**

**Button Content & Positioning:**
* Custom button text or symbols with quick-select options (↑, ⬆, ▲, TOP, UP, etc.)
* Position control (bottom-right or bottom-left)
* Adjustable scroll distance trigger (100px - 1000px)

**Visual Styling:**
* Complete color control (background, hover, and text colors)
* Custom color picker with 20+ preset colors and hex input
* Multiple button shapes: Circle, Square, or Custom rounded corners
* Variable button size (30px - 80px) with slider control
* Custom corner roundness for unique button shapes

**Professional Effects:**
* Drop shadow control with color customization and intensity adjustment (10% - 80%)
* Optional borders with customizable color and width (1px - 8px)
* Enhanced hover effects with automatic shadow intensification
* All effects work seamlessly together for professional results

**Perfect for:**

* Long-form content websites and blogs
* E-commerce sites with extensive product pages
* Portfolio and gallery websites
* Corporate and business websites
* Any site where improved navigation enhances user experience

**Technical Highlights:**

* Clean, organized code following ClassicPress standards
* Separate CSS/JS files for optimal performance
* Conditional loading (admin assets only load when needed)
* Cross-browser compatible with modern CSS
* No conflicts with themes or other plugins

== Installation ==

1. Upload the plugin files to the `/wp-content/plugins/simple-back-to-top` directory, or install the plugin through the ClassicPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in ClassicPress.
3. Use the Settings > Back to Top screen to configure the plugin.
4. Customize colors, shapes, shadows, and positioning to match your site's design.

== Frequently Asked Questions ==

= How do I customize the button appearance? =

Go to Settings > Back to Top in your ClassicPress admin. You'll find comprehensive options for colors, shapes, sizes, shadows, borders, and positioning. The interface includes live previews and easy-to-use controls.

= Can I change the button colors? =

Yes! The plugin includes a custom color picker with preset colors and hex input. You can customize background color, hover color, text color, shadow color, and border color independently.

= What button shapes are available? =

Choose from Circle (perfect round), Square (sharp corners), or Custom (adjustable rounded corners with 0-50% roundness control via slider).

= Can I add shadows and borders? =

Absolutely! Enable drop shadows with customizable color and intensity (10-80%). Add borders with custom colors and widths (1-8px). Both features can be used together or independently.

= Is the plugin mobile-friendly? =

Yes! The button automatically scales down 5px on mobile devices and all touch interactions work perfectly. The responsive design ensures great usability across all devices.

= Does it work with all themes? =

The plugin is designed to work with any ClassicPress theme. It uses high-specificity CSS and !important declarations to ensure your custom styling takes priority over theme styles.

= How do I choose different symbols for the button? =

Use the Quick Symbol Select buttons to instantly choose popular symbols (↑, ⬆, ▲, ⇧, TOP, UP) or enter any custom text or Unicode symbol in the text field.

= Can I disable shadows or borders? =

Yes! Both shadows and borders have enable/disable checkboxes. When disabled, their respective customization options are hidden and no CSS is generated for those features.

== Changelog ==

= 1.0.0 =
* Initial release with comprehensive customization features
* Advanced color picker with preset colors and hex input
* Multiple button shapes: Circle, Square, Custom rounded corners
* Variable button sizing with slider control (30px - 80px)
* Drop shadow effects with color and intensity control
* Border customization with color and width options
* Professional admin interface with conditional option display
* Mobile-responsive design with automatic scaling
* Accessibility features including keyboard navigation
* Clean code structure with separated CSS/JS files
* Cross-browser compatibility
* Performance optimized with conditional asset loading

== Upgrade Notice ==

= 1.0.0 =
Initial release featuring advanced customization options including colors, shapes, shadows, borders, and professional styling controls.

About

A highly customizable, lightweight back to top button with advanced styling options for ClassicPress sites. Quite possibly will work with Wordpress although I haven't tested it.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors