Title: Really Simple Popup Author: huntlyc Published: 2013 年 4 月 1 日 Last modified: 2014 年 12 月 3 日 --- 搜尋外掛 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://s.w.org/plugins/geopattern-icon/really-simple-popup.svg) # Really Simple Popup 由 [huntlyc](https://profiles.wordpress.org/huntlyc/) 開發 [下載](https://downloads.wordpress.org/plugin/really-simple-popup.zip) * [詳細資料](https://tw.wordpress.org/plugins/really-simple-popup/#description) * [使用者評論](https://tw.wordpress.org/plugins/really-simple-popup/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/really-simple-popup/#installation) * [開發資訊](https://tw.wordpress.org/plugins/really-simple-popup/#developers) [技術支援](https://wordpress.org/support/plugin/really-simple-popup/) ## 外掛說明 Simple, easy to use, fancybox style popup. Works for all images in your page that are in anchor tags. If it finds more than one, it will create a small gallery you can navigate through with the buttons or your keyboard. Advanced users can open iframes and html content in it fairly easily. #### Avanced users #### Basic use Anchor class for popup: “hs-rsp-popup” #### Advanced use * disable gallery feature and popup for image by adding this class: **no-hsrsp- popup** * anchor classes for **iframe** popup _“hs-rsp-popup iframe”_ * anchor classes for **html** popup _“hs-rsp-popup hiddendiv”_ #### Examples To popup an image give the anchor tag around the image this class: _“hs-rsp-popup”_ Example: `image` For an iframe, set the srct of the iframe and use the class _“iframe”_ combined with _“hs-rsp-popup”_: [Watch this](http://www.youtube.com/watch?hl=en-GB&v=2WNrx2jq184&gl=GB) You can also use this to show html content. For local content just use the id of the element for the href: [click here](https://tw.wordpress.org/plugins/really-simple-popup/?output_format=md#elementid) Hello, World! For remote content, link to the page, for example: [click here](http://www.hotscot.net) #### Setting Popup Size (image/iframe) You can use the following html5 data attributes in your link to set the size: `data- popupheight="100" data-popupwidth="300"` These values are in pixels. For Example: [](https://tw.wordpress.org/plugins/really-simple-popup/image.png?output_format=md) **Note:** for this to work, you have to use _both_ the data-popupwidth and data- popupheight attributes. ## 安裝方式 1. Extract to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress ## 常見問題集 n/a ## 使用者評論 ![](https://secure.gravatar.com/avatar/0140ceb6b7e46cf539e3f561bb2a5c75c32bbff1cce0470b6317f740425d8492? s=60&d=retro&r=g) ### 󠀁[പൊളിച്ചു !!!](https://wordpress.org/support/topic/%e0%b4%aa%e0%b5%8a%e0%b4%b3%e0%b4%bf%e0%b4%9a%e0%b5%8d%e0%b4%9a%e0%b5%81/)󠁿 [jubinavanix](https://profiles.wordpress.org/jubinavanix/) 2016 年 11 月 2 日 മച്ചാനെ പൊളിച്ചു !!! സാധനം സിമ്പിൾ ആണ്, ബട് പവര്ഫുള് !!! ![](https://secure.gravatar.com/avatar/cb7d53b8c5d999a121a2187adcbb32d26d2aa8009f5f0b46f1b37287c4ea79ce? s=60&d=retro&r=g) ### 󠀁[Great work](https://wordpress.org/support/topic/great-work-376/)󠁿 [Lohith M](https://profiles.wordpress.org/lohith-m/) 2016 年 9 月 3 日 Easy to implement and it does what i wanted. thanks ![](https://secure.gravatar.com/avatar/16589f05106325330e62433f5251f89be2d572adc1a6c260c9fc2b029d63fc5a? s=60&d=retro&r=g) ### 󠀁[works perfectly](https://wordpress.org/support/topic/works-perfectly-760/)󠁿 [dr_Vorhun](https://profiles.wordpress.org/dr_vorhun/) 2016 年 9 月 3 日 amazing! Thanks [ 閱讀全部 10 則使用者評論 ](https://wordpress.org/support/plugin/really-simple-popup/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Really Simple Popup〉的開發相關工作。 參與者 * [ huntlyc ](https://profiles.wordpress.org/huntlyc/) * [ DaganLev ](https://profiles.wordpress.org/daganlev/) [將〈Really Simple Popup〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/really-simple-popup) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/really-simple-popup/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/really-simple-popup/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/really-simple-popup/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/really-simple-popup/)。 ## 變更記錄 #### 1.0.11 Removed console.log #### 1.0.10 Add hs-rsp-nogallery class to any image on the page to prevent the gallery from working #### 1.0.9 Removed console log left over (can effect IE) #### 1.0.8 Add ‘no-hsrsp-popup’ class to image to not have it part of gallery/popup. Fixed but on set width/height window resize #### 1.0.7 Reverted body scroll fix as it was having undesirable effects #### 1.0.5 * Fixed: Firefox close issue #### 1.0.4 * Fixed: hidden div popup #### 1.0.3 * UI Enhancements: new icons, hover states for ‘gallery’ and fade effect instead of ‘slide-down’ #### 1.0.2 * New: Set width & height of image/iframe popup #### 1.0.1 * Update to the readme file #### 1.0 * Initial version ## 中繼資料 * 版本 **1.0.11** * 最後更新 **11 年前** * 啟用安裝數 **400+** * WordPress 版本需求 ** 3.5.1 或更新版本 ** * 已測試相容的 WordPress 版本 **4.0.38** * 語言 * [English (US)](https://wordpress.org/plugins/really-simple-popup/) * 標籤: * [fancybox](https://tw.wordpress.org/plugins/tags/fancybox/)[popup](https://tw.wordpress.org/plugins/tags/popup/) * [進階檢視](https://tw.wordpress.org/plugins/really-simple-popup/advanced/) ## 評分 4.6 星，滿分為 5 星 * [ 9 個 5 星使用者評論 ](https://wordpress.org/support/plugin/really-simple-popup/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/really-simple-popup/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/really-simple-popup/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/really-simple-popup/reviews/?filter=2) * [ 1 個 1 星使用者評論 ](https://wordpress.org/support/plugin/really-simple-popup/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/really-simple-popup/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/really-simple-popup/reviews/) ## 參與者 * [ huntlyc ](https://profiles.wordpress.org/huntlyc/) * [ DaganLev ](https://profiles.wordpress.org/daganlev/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/really-simple-popup/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](http://www.hotscot.net/)