這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

描述

jQuery Notify: a fast and easy way to display notifications on your website. Some possible uses:

  • Form validation (“Please fill out all of the fields.”)
  • A welcome message the first time someone visits your site.
  • Newsletter subscription form
  • Submission confirmation: (“Message sent. We’ll be in touch soon.”)
  • Breaking news, updates, special offers
  • Advertising

Try a demo.

Features:

  • Can be used on a per-page basis with a shortcode, or embedded directly into your template
  • Elegantly styled and animated in W3C valid HTML5 and CSS3, without any images
  • Animation speed and delay settings available from the shortcode
  • Comes with four styles: ‘default’ (blue), ‘error’ (red), ‘warning’ (orange), and ‘success’ (green)
  • Supports unlimited user-created styles

    We’ll be working to add new features as we think of them. Please comment in the forum if you have any
    feature requests.

螢幕截圖

  • The plugin in action, using the “success” style
  • The plugin in action, using the “default” style
  • The plugin in action, using the “error” style

安裝

  1. Upload the jquery-notify folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Shortcode

The shortcode syntax is:
[jq_notify style=$style, speed=$speed, delay=$delay] Content [/jq_notify]

$style (optional): sets the style of the panel. Options are: default, error, warning, and success

$speed (optional): time it takes (in milliseconds) for the panel to slide out. Larger numbers = slower. Default: 1000ms

$delay (optional): delay (in milliseconds) between when the page has finished loading and when the panel slides out. Default: 500ms

For example:
[jq_notify style=”warning” speed=700 delay=1000]

Notification Title

<p>Notification body content.</p>
[/jq_notify]

Template tag

jq_notify($content, $style, $speed, $delay)

For example:
$content = “

This is the content

And this is some more

“;
jq_notify($content, ‘default’, 2000, 500, );

常見問題

How do I add custom styles?

In your custom stylesheet for your theme, add a new selector, using the following as a template:

.jqnm_message.my-style-name{
         background-color: #4ea5cd;
         border-color: #3b8eb5;
}

You would then use this style with [jq_notify style="my-style-name"] Content [/jq_notify]

評價

There are no reviews for this plugin.

貢獻者及開發者

“jQuery Notify” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 jQuery Notify 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

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

修改日誌

0.4

  • Updated for Git repo, tested on WP 4.3

0.3

  • Fixed issue with default parameters not being applied to the template tag (thanks, jefs42)
  • Added option to auto-hide notification pane after a delay

0.2

  • Added options page
  • Option to set global defaults
  • Option to enable close button
  • Added default parameters to template tag

0.1

  • First release