AR Back To Top

AR Back To Top

توسط

AR Back To Top plugin will help them who don’t wants to write code. For use this plugin simply download or add new plugin from WordPress plugin directory.

AR Back To Top Features

  • Displays a Back to Top button when the user scrolls down the page.
  • Smooth scroll animation with multiple easing effects (linear, ease-in, ease-out, ease-in-out).
  • Fully customizable — no coding required.
  • Modern tabbed settings UI with live preview panel.
  • Choose from 19 Font Awesome 6 icons via an interactive icon picker.
  • Custom icon upload — upload PNG, JPG, GIF, or SVG from your media library.
  • Button shape presets — circle, square, rounded square, or custom border-radius.
  • Supports custom button size, icon size, and padding.
  • Customize background, text, border colors with separate hover states.
  • Set the button position — left, right, or center bottom.
  • Separate mobile positioning — independent bottom/side offsets for mobile.
  • Define scroll offset — control when the button appears.
  • Adjustable scroll duration for a smoother UX.
  • Auto-hide button after configurable seconds of inactivity.
  • Scroll progress indicator — circular SVG progress ring around the button.
  • Page/post display filter — show or hide on specific pages/posts with Select2 search.
  • Device visibility — hide on desktop, tablet, or mobile with custom breakpoints.
  • Show in WP admin area — enable the button in the WordPress dashboard.
  • Enable or disable the button with a single click.
  • Font Awesome version control — choose FA 6, FA 5, or skip loading if already enqueued.
  • Supports custom CSS for advanced styling with CSS hook hints.
  • Tooltip text and z-index control.
  • Reset to defaults with one click.
  • Option to load JavaScript asynchronously for performance.
  • Zero jQuery on frontend — vanilla JavaScript, requestAnimationFrame throttled.
  • Conditional asset loading — CSS/JS not loaded on pages where button is hidden.
  • SVG upload support for custom icons (admin-only for security).
  • Accessible — semantic <button> element, ARIA labels, screen reader text, keyboard navigation.
  • PHP 8.2+ compatible — no deprecated dynamic properties.
  • Compatible with all modern WordPress themes.
  • Cross-browser compatible (Chrome, Firefox, Safari, Edge, etc.).

Install via WordPress Dashboard

  1. Log in to your WordPress admin panel.
  2. Navigate to Plugins Add New.
  3. In the search field, type AR Back To Top.
  4. Locate the plugin in the results and click Install Now.
  5. Once installed, click Activate.

Manual Installation (ZIP Upload)

  1. Visit the WordPress.org Plugins Directory and search for AR Back To Top.
  2. Download the plugin .zip file to your computer.
  3. In your WordPress admin panel, go to Plugins Add New Upload Plugin.
  4. Click Choose File, select the downloaded ZIP file, and click Install Now.
  5. After installation, click Activate Plugin.

Install via FTP or File Manager

  1. Download the plugin ZIP file from WordPress.org.
  2. Extract the contents of the ZIP file to your computer.
  3. Open your preferred FTP client (e.g., FileZilla, Cyberduck) or use your hosting provider’s File Manager.
  4. Upload the extracted folder to your WordPress plugin directory:
    wp-content/plugins/
  5. Log in to your WordPress admin dashboard.
  6. Navigate to Plugins Installed Plugins.
  7. Find AR Back To Top in the list and click Activate.

سوالات متداول

What does this plugin do?

AR Back To Top adds a customizable “Back to Top” button to your WordPress site. When visitors scroll down the page, the button appears and smoothly scrolls them back to the top when clicked.

How do I enable the button?

After activating the plugin, go to Back To Top in your WordPress admin menu. Toggle Enable Back To Top on the General tab and click Save Changes.

Can I use my own icon or image?

Yes. On the Appearance tab, set Button Style to “SVG Icon” to pick from 19 built-in icons, “Image Only” for bundled images, “External Image URL” for a remote image, or “Custom Upload” to upload your own PNG, JPG, GIF, or SVG icon from the media library.

How do I change the button colors?

Go to the Colors & Style tab. You can set background, text/icon, and border colors for both normal and hover states using the color picker.

Can I hide the button on mobile or tablet?

Yes. On the Visibility tab, toggle Hide on Tablet or Hide on Mobile and set the breakpoints to control at which screen widths the button is hidden.

Can I show the button only on specific pages?

Yes. On the Visibility tab, change the Display Mode to “Show only on selected pages” or “Hide on selected pages” and search for the pages/posts you want.

Does this plugin slow down my site?

No. The frontend uses zero jQuery — it is written in pure vanilla JavaScript with requestAnimationFrame throttling and passive event listeners. Assets are only loaded on pages where the button is displayed. You can also enable async script loading for additional performance.

Can I add a scroll progress indicator?

Yes. On the Scroll Behavior tab, enable Scroll Progress to display a circular progress ring around the button that fills as the user scrolls down the page.

How do I change the button position?

On the Position & Size tab, choose left, right, or center bottom placement. You can also adjust the bottom and side offsets in pixels, and set separate offsets for mobile devices.

Can I use this button in the WordPress admin area?

Yes. On the General tab, enable Show in Admin Area to display the back-to-top button inside the WordPress dashboard.

How do I reset all settings to defaults?

Click the Reset to Defaults button at the bottom of the settings page. A confirmation dialog will appear before resetting.

Is the plugin accessible?

Yes. The button uses a semantic <button> element with ARIA labels, screen reader text, and a :focus-visible outline for keyboard navigation.

Is this plugin compatible with my theme?

AR Back To Top is compatible with all standard WordPress themes. It uses high-specificity CSS selectors with !important to ensure the button displays correctly regardless of your theme’s styles.

Where can I report bugs or suggest features?

Please email anisur2805@gmail.com for any questions, bug reports, or feature suggestions.

×
نظری برای این آیتم موجود نیست.
0 0 رای ها
امتیازدهی
اشتراک در
اطلاع از
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
هیچ نسخه‌ای برای این آیتم موجود نیست.
★★★★★
★★★★★
5.0 /5 (2 نظر)

قیمت:

رایگان

نگارش

آخرین انتشار

20 اردیبهشت 1405

آخرین بروزرسانی

3 ماه پیش

نصب های فعال

10+

نگارش وردپرس

وردپرس 4.8+

تست شده از نسخه

وردپرس 6.9.4

نگارش PHP

PHP 7.4+

نسخه ها

0 نسخه