Title: Shadows
Author: aradke
Published: <strong>2009 年 7 月 5 日</strong>
Last modified: 2010 年 1 月 25 日

---

搜尋外掛

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

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

# Shadows

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

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

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

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

## 外掛說明

This is a plugin to add a range of shadow types to a range of objects. Currently
supported are images, divs and blockquotes.

I got the inspiration from the [cocoia blog](http://blog.cocoia.com/) and Sebastiaan
de With was kind enough to let me use the shadow image that he applies to his images.

### Browser Compatibility

I have tested this plugin in the following browsers:

 1. Internet Explorer 7 & 8
 2. Firefox 3 & 3.5
 3. Safari 4
 4. Opera 9

**Internet Explorer 6 is not supported** due to the use of transparent png images
in ways that regular work arounds don’t address. As such the plugin stops the shadows
from displaying in IE6.
 The opacity setting is disabled for all versions of Internet
Explorer due to bugs in how it renders (even IE8).

### Usage

Add one of the following classes to the object:

 * `shadow_curl`
 * `shadow_flat`
 * `shadow_osx`
 * `shadow_osx_small`

For images this is as simply as adding the text to the end of the “CSS Class” under
the “Advanced Settings” for the image.
 For divs and blockquotes you will need to
use the HTML view in the editor and add `class="shadow_curl"` to the object.

I decided against applying the shadows to everything it could recognise as this 
could easily turn into a huge mess though I am open to suggestions on other ways
to do it.

### Known Issues

 1. If something covers the div or blockquote it can push the shadow down to below 
    the covering object and thus separate the shadow from the object it should be attached
    to. Try to avoid it through the use of clear or margins.
 2. The plugin does not support divs nested inside the shadowed div or blockquotes 
    nested inside the shadowed blockquote.

### Recommendations

From Sebastiaan: “the only thing I’d suggest is adding a border to the divs, otherwise
the shadow looks rather detached.” I have elected not to do this automatically to
allow you greater control over the appearance of your pages.

## 螢幕擷圖

[⌊Screenshot taken with Firefox 3.5. The opacity of the flat shadows has been set
to 80% which will not be applied in IE.
Other than that the appearance will be the
same across all supported browsers.⌉⌊Screenshot taken with Firefox 3.5. The opacity
of the flat shadows has been set to 80% which will not be applied in IE.
Other than
that the appearance will be the same across all supported browsers.⌉[

Screenshot taken with Firefox 3.5. The opacity of the flat shadows has been set 
to 80% which will not be applied in IE. Other than that the appearance will be the
same across all supported browsers.

[⌊Screenshot taken with Firefox 3.5. This shows the two OS X window style shadows
shadow_osx and shadow_osx_small⌉⌊Screenshot taken with Firefox 3.5. This shows the
two OS X window style shadows shadow_osx and shadow_osx_small⌉[

Screenshot taken with Firefox 3.5. This shows the two OS X window style shadows `
shadow_osx` and `shadow_osx_small`

## 安裝方式

 1. Upload the whole plugin folder to your /wp-content/plugins/ folder.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Place `class="shadow_curl"`, `class="shadow_flat"`, etc on the objects you want
    to have shadows.

## 常見問題集

  What objects can have shadows added to them?

So far images, divs and blockquotes.

  Is Internet Explorer supported?

Version 7 and up is, with the exception that the opacity level of the shadows cannot
be changed.

  How do I add a shadow to an object?

For images this is as simply as adding `shadow_xxxx` to the end of the “CSS Class”
under the “Advanced Settings” for the image.
 For divs and blockquotes you will 
need to use the HTML view in the editor and add `class="shadow_xxxx"` to the object.

  What about regular drop shadows?

The initial release was aimed at getting the “curl” shadows looking good. In subsequent
releases I may add support for “normal” drop shadows if it is requested.

## 使用者評論

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

## 參與者及開發者

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

參與者

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

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

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

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

## 變更記錄

#### 0.3.5

 * Improved handling and checking of units on options page
 * Changed submit behaviour to be compatible with WPMU

#### 0.3.4

 * Added “overflow:hidden;” to avoid problems with other objects with clear’s on
   them

#### 0.3.3

 * Added support to include the border widths in the calculation for the OS X style
   shadows

#### 0.3.2

 * Addressed a bug causing images to sometimes not display in IE with OS X style
   shadows
 * Removed hard coded image directories of OS X style shadows

#### 0.3.1

 * Added `border-collapse:collapse;` to the tables used by the OS X style shadows

#### 0.3

 * Added OS X window style shadows (regular and small)

#### 0.2.1

 * Optimised PNG shadow images

#### 0.2

 * Initial public release

## 中繼資料

 *  版本 **0.3.5**
 *  最後更新 **16 年前**
 *  啟用安裝數 **200+**
 *  WordPress 版本需求 ** 2.5 或更新版本 **
 *  已測試相容的 WordPress 版本 **2.9.2**
 *  語言
 * [English (US)](https://wordpress.org/plugins/shadows/)
 * 標籤:
 * [Shadow](https://tw.wordpress.org/plugins/tags/shadow/)
 *  [進階檢視](https://tw.wordpress.org/plugins/shadows/advanced/)

## 評分

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

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

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

## 參與者

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

## 技術支援

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

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

## 贊助

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

 [ 贊助這個外掛 ](http://deepport.net)