Title: Guan Image Notes
Author: Makoto
Published: <strong>2010 年 11 月 5 日</strong>
Last modified: 2010 年 12 月 18 日

---

搜尋外掛

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

![](https://s.w.org/plugins/geopattern-icon/guan-image-notes.svg)

# Guan Image Notes

 由 [Makoto](https://profiles.wordpress.org/wgnwhite/) 開發

[下載](https://downloads.wordpress.org/plugin/guan-image-notes.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/guan-image-notes/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/guan-image-notes/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/guan-image-notes/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/guan-image-notes/#developers)

 [技術支援](https://wordpress.org/support/plugin/guan-image-notes/)

## 外掛說明

This plugin allows you and your visitors to add comment as textual annotations to
images by select a region of the image and then attach a textual description, the
concept of annotating images with user comments.
 The text is intergrated with WordPress
comment system. Integration with [JQuery Image Annotation from Chris](http://www.flipbit.co.uk/jquery-image-annotation.html)
with [PHP support from GitHub](http://github.com/stas/jquery-image-annotate-php-fork).
Modified from [Demon Image Annotation version 1.0](http://www.superwhite.cc/demon/image-annotation-plugin).
Icons from [Fam Fam Fam](http://www.famfamfam.com/lab/icons/silk/)

Features:

 1.  Ability to add notes to your uploaded pictures.
 2.  Show notes on single page, front page, archive page and etc.
 3.  Notes synced with WordPress commenting system but there’s option to turn it off.
 4.  Gravatar in the notes.
 5.  Commentator’s name in the notes.
 6.  Image thumbnail appear at comment area, but there’s option to turn it off.
 7.  No hard coding required.
 8.  Admin page.
 9.  Remove all database if you wish to not using the plugin anymore.

## 螢幕擷圖

[⌊Demonstration of Guan Image Notes.⌉⌊Demonstration of Guan Image Notes.⌉[

Demonstration of Guan Image Notes.

[⌊Demonstration of Guan Image Notes 2.⌉⌊Demonstration of Guan Image Notes 2.⌉[

Demonstration of Guan Image Notes 2.

[⌊Demonstration of Guan Image Notes 3.⌉⌊Demonstration of Guan Image Notes 3.⌉[

Demonstration of Guan Image Notes 3.

[⌊Demonstration of Guan Image Notes 4.⌉⌊Demonstration of Guan Image Notes 4.⌉[

Demonstration of Guan Image Notes 4.

[⌊Demonstration of Guan Image Notes 5.⌉⌊Demonstration of Guan Image Notes 5.⌉[

Demonstration of Guan Image Notes 5.

[⌊Demonstration of Guan Image Notes 6.⌉⌊Demonstration of Guan Image Notes 6.⌉[

Demonstration of Guan Image Notes 6.

## 安裝方式

 1. Put the plugin folder into [wordpress_dir]/wp-content/plugins/
 2. Go into the WordPress admin interface and activate the plugin
 3. Upload and then insert the image using the WordPress editor.
 4. Complete usage instructions are available here. [Guan Image Notes](http://pangeran.org/guan-image-notes/)

## 常見問題集

Future Development:

 1. Add option at WordPress insert image UI to choose to enable or disable image notes
    for that particular pictures.
 2. Add option at WordPress post editor to enable or disable image notes for the entire
    post.
 3. Add option at Guan Image Notes Settings page (We need admin page then) to allow
    user level interaction with the image notes.

Reported Bugs:

 1. Resize image and crop them. (Never encounter them myself but reported.)
 2. Authors user level does not input the id attribute.
 3. After you edit a note the avatar changes to the default avatar. (Very well known
    issue)
 4. Some images do not load the notes. (Very well known issue.)

Please report any bugs you encounter.

Thanks.

Pangeran Wiguan

## 使用者評論

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

## 參與者及開發者

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

參與者

 *   [ Makoto ](https://profiles.wordpress.org/wgnwhite/)

[將〈Guan Image Notes〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/guan-image-notes)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/guan-image-notes/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/guan-image-notes/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/guan-image-notes/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/guan-image-notes/)。

## 變更記錄

#### 2.0

 * More neat styling.
 * Capture authors URL for non registered user who leave note(s) on the image(s).
 * Add Note button will not open link for hyperlinked images.
 * Add option page which enable user to disable or enable noted image thumbnail 
   at comment area.
 * Add option page which enable user to disable or enable WordPress commenting system
   to sync with Guan Image Notes.
 * Extend character limits for image note(s).
 * Add option page which enable user to wipe all databases created by Guan Image
   Notes.
 * Change position of the Add Note button to be on top of the image so it won’t 
   interfere WordPress caption styling.
 * Bug fix: Now we can resize the note region in Internet Explorer. (Tested with
   IE8).

#### 1.1

 * Just small css fix for more visible notes region.(Everybody shout that too me.)

#### 1.0

 * Modified from Demon Image Annotation version 1.0
 * Add image thumbnail in comment area by default.
 * Add author gravatar on notes.
 * Show notification to ask user go to single page on the image if not on single
   page such as home and archives.
 * Still showing notes on all other pages beside single page but not able to add
   or edit them.
 * Beautiful rounded border. Supported Browser: Google Chrome Firefox, Opera, Safarai
   and IE9.
 * Solve the issue of plugin not working if the database prefix is not `wp_`.

## 中繼資料

 *  版本 **2.0**
 *  最後更新 **16 年前**
 *  啟用安裝數 **10+**
 *  WordPress 版本需求 ** 2.5 或更新版本 **
 *  已測試相容的 WordPress 版本 **3.0.5**
 *  語言
 * [English (US)](https://wordpress.org/plugins/guan-image-notes/)
 * 標籤:
 * [comment](https://tw.wordpress.org/plugins/tags/comment/)[comments](https://tw.wordpress.org/plugins/tags/comments/)
   [image](https://tw.wordpress.org/plugins/tags/image/)[images](https://tw.wordpress.org/plugins/tags/images/)
   [note](https://tw.wordpress.org/plugins/tags/note/)
 *  [進階檢視](https://tw.wordpress.org/plugins/guan-image-notes/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/guan-image-notes/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/guan-image-notes/reviews/)

## 參與者

 *   [ Makoto ](https://profiles.wordpress.org/wgnwhite/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/guan-image-notes/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://pangeran.org/guan-image-notes/)