Title: WP Image Borders
Author: Ben Sibley
Published: <strong>2013 年 7 月 22 日</strong>
Last modified: 2015 年 7 月 8 日

---

搜索插件

![](https://ps.w.org/wp-image-borders/assets/banner-772x250.png?rev=1176356)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

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

# WP Image Borders

 作者：[Ben Sibley](https://profiles.wordpress.org/bensibley/)

[下载](https://downloads.wordpress.org/plugin/wp-image-borders.2.02.zip)

 * [详情](https://cn.wordpress.org/plugins/wp-image-borders/#description)
 * [评价](https://cn.wordpress.org/plugins/wp-image-borders/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/wp-image-borders/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/wp-image-borders/#developers)

 [支持](https://wordpress.org/support/plugin/wp-image-borders/)

## 描述

WP Image Borders makes it easy to:

 * automatically add borders around images in posts
 * selectively add borders around images in any part of your site
 * change image border styles
 * change image border colors
 * change image border width
 * add shadows to images in your posts

To add borders around images in your posts, simply check the checkbox in the settings
titled “Add borders to all images in blog posts.” This will automatically add the
borders you’ve created to all images in your blog posts.

To add borders around images in specific parts of your site, you can add **a comma-
delimited list** of CSS classes of the image containers. You can use this to add
borders to images in a certain part of your site, or in addition to adding borders
to all images in your blog posts.

WP Image Borders comes with the following options for you to style your image borders
with:

 * 8 Border styles (solid, dotted, dashed, double, groove, ridge, inset, outset)
 * Border width (in px)
 * Border radius (in px)
 * Border color (color picker)
 * Drop shadows (distance, blur, spread, and color options)

Additionally, you can use this plugin to remove unwanted borders on images by leaving
all border style options at their default values.

## 屏幕截图

 * [[
 * This is the WP Image Borders options page
 * [[
 * This is an example of an image modified with WP Image Borders. It’s been given
   a white border and box shadow.

## 安装

 1. Download the plugin
 2. Go to your Plugins page, then click on Add new and select the plugin’s .zip file
 3. Alternatively, you can extract the contents of the zip file directly to your wp-
    content/plugins/ folder
 4. Finally, go to your Plugins page and activate WP Image Borders

## 常见问题

  Installation Instructions

 1. Download the plugin
 2. Go to your Plugins page, then click on Add new and select the plugin’s .zip file
 3. Alternatively, you can extract the contents of the zip file directly to your wp-
    content/plugins/ folder
 4. Finally, go to your Plugins page and activate WP Image Borders

  How do I change the direction of the drop shadows?

A positive Horizontal Distance value will put the shadow on the right side of the
image, but if you make this value negative, it will move the shadow the same distance
to the left instead. If you create a negative value for the Vertical Distance, it
will move the shadow above the image rather than below.

  What is Border Radius?

Border radius is the level of curvature of the image’s border. A higher border radius
will result in rounder corners, while a border radius of zero will result in crisp
right angled corners.

## 评价

![](https://secure.gravatar.com/avatar/d56fe1dbe181961cb52afd4106ff499a5ff73535914cf591afbe70f40ea3dfc6?
s=60&d=retro&r=g)

### 󠀁[Just what I needed](https://wordpress.org/support/topic/just-what-i-needed-1077/)󠁿

 [tequalilla](https://profiles.wordpress.org/tequalilla/) 2021 年 2 月 23 日

Happy to found this plug-in. It’s really easy to us.

![](https://secure.gravatar.com/avatar/95aea1e617e0e3b57c17a65776f98603163ceb6b0d61158040e9385153b75eb6?
s=60&d=retro&r=g)

### 󠀁[It’s kind of okay](https://wordpress.org/support/topic/its-kind-of-okay/)󠁿

 [Sean](https://profiles.wordpress.org/wordjuicer/) 2020 年 3 月 30 日

Puts border on either ALL images or NONE but there is it seems no way to target 
just individual images, at least I can’t find any way to make that work.

![](https://secure.gravatar.com/avatar/52ed59e5abe3b2fa694e883fa902800c1d3304abf92dbd7891dd3a4e1ff351d5?
s=60&d=retro&r=g)

### 󠀁[Good](https://wordpress.org/support/topic/good-3247/)󠁿

 [fedordostoevskiy](https://profiles.wordpress.org/fedordostoevskiy/) 2018 年 2 
月 14 日

Good

![](https://secure.gravatar.com/avatar/1fc94a640aec388679390b24e235f3b56f2c68e55b8f6b43645697b9c268de2e?
s=60&d=retro&r=g)

### 󠀁[simple and perfect](https://wordpress.org/support/topic/simple-and-perfect-98/)󠁿

 [bertkrus](https://profiles.wordpress.org/bertkrus/) 2016 年 12 月 22 日

finally a plugin that needs no work

![](https://secure.gravatar.com/avatar/9f944662b786e7b47f7a1b84ab0272ca63df9f68482c3e7b0fd1e52c1198c951?
s=60&d=retro&r=g)

### 󠀁[Unintuitive](https://wordpress.org/support/topic/unintuitive-1/)󠁿

 [Jason Chen](https://profiles.wordpress.org/sundere/) 2016 年 9 月 3 日

First of all, “Add borders to all images in blog posts” do not work so I am forced
to use CSS classes manually for each image. Secondly, the CSS class syntax is also
inconsistent with the Image CSS class in Image Details (Advanced Options). While
the plugin setting takes classes with a “.” in front, the image settings take classes
without “.”. These two issues forced me to spend a good amount of time debugging.
Lastly, the borders do not fit correctly in neither tablet and mobile modes. The
right sides are cut off screen, including parts of the image. Other plugins such
as the Slider WD has the borders and images fitting correctly.

![](https://secure.gravatar.com/avatar/9ae97677110f88e930f7dc0b476a6c992722122fd5dca6bb356f1bc707a72c33?
s=60&d=retro&r=g)

### 󠀁[Help Needed](https://wordpress.org/support/topic/help-needed-68/)󠁿

 [carlsab1](https://profiles.wordpress.org/carlsab1/) 2016 年 9 月 3 日

Not working for me!

 [ 阅读所有45条评价 ](https://wordpress.org/support/plugin/wp-image-borders/reviews/)

## 贡献者及开发者

「WP Image Borders」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Ben Sibley ](https://profiles.wordpress.org/bensibley/)

[帮助将「WP Image Borders」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wp-image-borders)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wp-image-borders/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/wp-image-borders/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wp-image-borders/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-image-borders/)。

## 更新日志

#### 2.02

 * updated incorrect namespace for color picker function

#### 2.01

 * fixed 404 to stylesheet

#### 2.0

 * improved image targeting
 * simplified how custom css classes are handled
 * internationalized
 * minor style & copy updates to settings page
 * codebase refactored and reorganized
 * added additional sanitization and now preventing direct access to php files

#### 1.5.3

 * Fixed CSS 404 error

#### 1.5.2

 * Fixed bug with styles not enqueueing

#### 1.5

 * removed Support Dash
 * added a default ‘add’ instead of default ‘remove’ checkbox
 * added option to add image borders based on specific CSS classes
 * now correctly enqueueing and adding inline styles
 * updated plugin banner

#### 1.4.5

 * fixed mistake in uploading 1.4.4

#### 1.4.4

 * Updated Support Dash script

#### 1.4.3

 * Fixed error in previous update

#### 1.4.2

 * Now works on all pages too

#### 1.4.1

 * Updated to override other css generated

#### 1.4

 * Fixed potential error with multisite installs

#### 1.3

 * Fixed bug where gray line would appear – certain unset fields now default to 
   zero

#### 1.2

 * Fixed link error

#### 1.1

 * Fixed bug with drop shadows still appearing
 * added link to review below options form
 * added settings link on plugin page
 * added screenshots
 * add plugin banner to public plugin page
 * changed tags
 * added video tutorial

#### 1.0

 * Initial release

## 额外信息

 *  版本 **2.02**
 *  最后更新：**8 年前**
 *  活跃安装数量 **2,000+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **4.2.39**
 *  语言
 * [English (US)](https://wordpress.org/plugins/wp-image-borders/)
 * 标签
 * [blog](https://cn.wordpress.org/plugins/tags/blog/)[image](https://cn.wordpress.org/plugins/tags/image/)
   [images](https://cn.wordpress.org/plugins/tags/images/)[post](https://cn.wordpress.org/plugins/tags/post/)
   [posts](https://cn.wordpress.org/plugins/tags/posts/)
 *  [高级视图](https://cn.wordpress.org/plugins/wp-image-borders/advanced/)

## 评级

 4.2 星（最高 5 星）。

 *  [  30 条 5 星评价     ](https://wordpress.org/support/plugin/wp-image-borders/reviews/?filter=5)
 *  [  5 条 4 星评价     ](https://wordpress.org/support/plugin/wp-image-borders/reviews/?filter=4)
 *  [  4 条 3 星评价     ](https://wordpress.org/support/plugin/wp-image-borders/reviews/?filter=3)
 *  [  3 条 2 星评价     ](https://wordpress.org/support/plugin/wp-image-borders/reviews/?filter=2)
 *  [  3 条 1 星评价     ](https://wordpress.org/support/plugin/wp-image-borders/reviews/?filter=1)

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

[查看全部评论](https://wordpress.org/support/plugin/wp-image-borders/reviews/)

## 贡献者

 *   [ Ben Sibley ](https://profiles.wordpress.org/bensibley/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/wp-image-borders/)