Title: jellybox
Author: jellyfilledstudios
Published: <strong>2013 年 2 月 21 日</strong>
Last modified: 2014 年 4 月 21 日

---

搜尋外掛

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

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

# jellybox

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

[下載](https://downloads.wordpress.org/plugin/jellybox.zip)

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

 [技術支援](https://wordpress.org/support/plugin/jellybox/)

## 外掛說明

jellybox provides a simple to use shortcode that allows you to apply rotations and/
or animations to text, images and boxes. Image, box and text rotation also works
on older versions of Internet Explorer.

#### Example Usage

    ```
    [jellybox class="jellyboxGreen" width="200" height="140" angle="15"]
    This text will appear in an attractive green gradient colored box tilted to a 15 degree angle.
    [/jellybox]



    [jellybox class="jellyboxBlue" width="200" height="140" deltaheight="100" deltatop="-100"]
    This text will appear in an attractive blue gradient colored box. When you click on this box, it will grow by 100px.
    [/jellybox]
    ```

#### Contact Form Example

    ```
    [jellybox class="jellyboxGreen" width="100" height="20" deltawidth="350" deltaheight="700" deltatop="-400" gospeed="500" returnspeed="100" target="boxtrigger"]
    <div id="boxtrigger">Contact us
    <div style="float:right;">
    <span style="color:#ffffff;">[X]</span>
    </div>
    </div>
    [contact-form-7 id="152" title="Contact form 1"]
    [/jellybox]
    ```

#### Documentation & Support

Detailed examples and instructions for use can be found at http://www.jellyrobotics.
com/2013/02/09/jellybox-shortcode-wordpress-plugin/

You can find [documentation](http://www.jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/)
and more detailed information about jellybox at [JellyRobotics.com](http://www.jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/).
If you were unable to find the answer to your question on the examples page or in
any of the documentation, please check the [support forum](https://wordpress.org/support/plugin/jellybox)
on WordPress.org.

## 螢幕擷圖

[⌊Slide in reminder using jellybox⌉⌊Slide in reminder using jellybox⌉[

Slide in reminder using jellybox

[⌊In-line text at an angle using jellybox⌉⌊In-line text at an angle using jellybox⌉[

In-line text at an angle using jellybox

[⌊Simple jellybox⌉⌊Simple jellybox⌉[

Simple jellybox

[⌊nested jellybox with rotations⌉⌊nested jellybox with rotations⌉[

nested jellybox with rotations

[⌊nested jellyboxes with animation⌉⌊nested jellyboxes with animation⌉[

nested jellyboxes with animation

## 安裝方式

#### Installation via WordPress admin panel

 1. Navigate to the plugins section
 2. Select Add New
 3. In the search box enter jellybox
 4. Install and activate the plugin jellybox

#### Manual Installation

 1. Download the file `jellybox.zip` from WordPress.org
 2. Extract the content of the `jellybox.zip`
 3. Upload the extracted content to the `/wp-content/plugins/` directory
 4. Activate the plugin through the ‘Plugins’ menu in WordPress

## 常見問題集

  How can I place a Contact Form inside a jellybox?

Some contact forms cause the jellybox to close when entering the fields or pressing
the submit button. A work around for this is to place a header line at the top of
the jellybox that controls the opening and closing of the box. Here is an example
that uses a Contact Form 7 inside a jellybox

    ```
    [jellybox class="jellyboxGreen" width="100" height="20" deltawidth="350" deltaheight="700" deltatop="-400" gospeed="500" returnspeed="100" target="boxtrigger"]
    <div id="boxtrigger">Contact us
    <div style="float:right;">
    <span style="color:#ffffff;">[X]</span>
    </div>
    </div>
    [contact-form-7 id="152" title="Contact form 1"]
    [/jellybox]
    ```

This example creates an `[X]` in the upper right hand corner of the box. Clicking
anywhere on the title line or the `[X]` cause the jellybox to open or close as expected.

  Where can I find additional FAQs for jellybox?

The ‘live’ site for documentation, FAQs and comments for jellybox is http://www.
jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/

  Where can I find some examples?

Detailed examples can be found at http://www.jellyrobotics.com/2013/02/09/jellybox-
shortcode-wordpress-plugin/

  Some of my boxes have a line spaces above them

This is an issue with the wordpress wpautop() function and certain themes. The workaround
for this issue has been to insert a div tag above the affected jellybox with a bottom
margin that will offset the P tag added by wpautop()

## 使用者評論

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

## 參與者及開發者

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

參與者

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

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

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

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

## 變更記錄

Version 1.0.0 released

Version 1.1.0 updated to use WP constants for include paths

Version 1.2.0 updated the readme.txt file with more detailed description

Version 1.3 added new option `inline="YES"` (default is “NO”). This new option allows
the jellybox to be displayed as in-line text using SPAN tags rather than the default
wrapper which is DIV tags.

## 中繼資料

 *  版本 **1.4**
 *  最後更新 **12 年前**
 *  啟用安裝數 **30+**
 *  WordPress 版本需求 ** 3.5.1 或更新版本 **
 *  已測試相容的 WordPress 版本 **3.9.40**
 *  語言
 * [English (US)](https://wordpress.org/plugins/jellybox/)
 * 標籤:
 * [animation](https://tw.wordpress.org/plugins/tags/animation/)[shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)
   [slider](https://tw.wordpress.org/plugins/tags/slider/)
 *  [進階檢視](https://tw.wordpress.org/plugins/jellybox/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  3 個 5 星使用者評論     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=1)

[撰寫評分](https://wordpress.org/support/plugin/jellybox/reviews/#new-post)

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

## 參與者

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

## 技術支援

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

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

## 贊助

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

 [ 贊助這個外掛 ](http://www.jellyrobotics.com/)