SticklyUI

外掛說明

SticklyUI is a lightweight and powerful WordPress plugin designed to enhance your website’s user experience and conversion rates. It offers three core functionalities in one easy-to-use package:

  1. Sticky Header – Make your existing theme’s header sticky with customizable styling
  2. Floating Action Buttons – Add unlimited floating buttons for social media, quick links, or services
  3. Contact Button & Popup – A specialized floating contact button with a built-in AJAX form

Features

Sticky Header

  • Works with your existing theme header
  • Automatic header selector detection
  • Option to use custom CSS selector
  • Customizable background and text colors for sticky state
  • Adjustable offset to prevent content overlap
  • Mobile-friendly design

Floating Buttons

  • Create as many floating buttons as needed
  • Custom SVG icon support for all buttons
  • Position in any corner (Bottom Right, Bottom Left, Top Right, Top Left)
  • Multiple buttons in the same position automatically group into an expanding menu
  • Set background and hover colors per button
  • Add helpful tooltips to each button
  • Open links in new tab or same tab
  • Schedule buttons to appear at specific times
  • Easily reorder buttons with drag and drop

Contact Form

  • Dedicated floating contact button
  • Clean, responsive modal contact form
  • Fields: Name, Email, Phone, Message
  • AJAX Submission (No page reloads required)
  • Custom button icon, color, and tooltip

Admin Interface

  • Clean, intuitive dashboard using WordPress standards

  • Toggle between grid and list views for managing buttons

  • Live Preview to see button styles before saving

安裝方式

  1. Upload the sticklyui folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to SticklyUI in your dashboard to configure settings.

常見問題集

How do I make my header sticky?

Go to the “Sticky Header” tab, enable the feature, and ensure the header selector matches your theme’s header (e.g., #site-header or .main-header). The plugin attempts auto-detection for most themes.

Can I add custom icons?

Yes! Choose “Custom SVG” in the icon type when adding a button, and paste your SVG code.

Where are contact form messages sent?

Messages are sent to the site admin email address configured in Settings General Administration Email Address.

Does it work on mobile?

Yes, all features are fully responsive and work seamlessly on mobile devices.

How do I uninstall completely?

When you delete the plugin through WordPress admin, it will remove all plugin options, drop the custom database table, and clean up all data.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈SticklyUI〉的開發相關工作。

參與者

將〈SticklyUI〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.0

  • Initial release
  • Added Floating Buttons feature with smart grouping
  • Added Sticky Header (Existing Mode) feature
  • Added Contact Button & Popup feature

  • AJAX-powered admin interface

  • Responsive design for all features