Custom Smart Modal

外掛說明

Custom Smart Modal is a lightweight, highly customizable plugin that displays an animated welcome modal on your WordPress site. Designed for elegance and flexibility, it lets you greet visitors with a stylish message, control animation effects, and fine-tune appearance and timing. Fully compatible with TranslatePress for multilingual sites.

Features:
– Customizable welcome sentence
– Animated word-by-word reveal
– Choose animation direction (top, bottom, left, right)
– Set font size, weight, colors, and spacing
– Responsive design for desktop, tablet, and mobile
– Control animation speed and modal visibility
– Preloader effect for seamless transitions
– TranslatePress integration for easy translation
– Clean admin settings page with intuitive controls

Support

For questions, suggestions, or support, contact hello@martindimitrov.dk.

License

Custom Smart Modal is released under the GPLv2 or later.

螢幕擷圖

  • Modal example on front-end
  • Admin settings page
  • Animation direction options

安裝方式

  1. Upload the plugin folder to /wp-content/plugins/ or install via the WordPress Plugin Directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Smart Modal in the WordPress admin sidebar (or under Appearance, if selected) to configure settings.
  4. Customize your welcome sentence, appearance, animation, and layout as desired.
  5. Save changes. The modal will appear on the front-end according to your settings.

常見問題集

How do I change the welcome message?

Go to Smart Modal settings in your WordPress admin. Enter your desired sentence in the “Sentence” field.

Can I change the animation direction and speed?

Yes. In the settings, choose your preferred animation direction and set delays for word animation and modal closing.

Is the modal responsive?

Yes. Font sizes and spacing can be set separately for desktop, tablet, and mobile.

How do I translate the modal sentence?

Custom Smart Modal is fully compatible with TranslatePress. The sentence is output in a way that allows TranslatePress to detect and translate it.

Can I change where the settings menu appears?

Yes. Use the “Show menu under Appearance” checkbox to move the settings menu from the main sidebar to the Appearance section.

Does this plugin affect SEO or accessibility?

The modal and preloader are designed to be lightweight and unobtrusive. However, the preloader temporarily hides page content for a few seconds; test with your theme and accessibility overlays.

使用者評論

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

參與者及開發者

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

參與者

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

對開發相關資訊感興趣?

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

變更記錄

1.2

  • Important update: Fixed preloader to not show on page navigation and fixed modal not to show on page navigation

1.1

  • Minor updates: Updated Delay Before Close default value, added shortcode for settings page under plugins and updated description text.

1.0

  • Initial release: animated modal, full settings panel, TranslatePress support, responsive design.