Title: Callout Boxes
Author: Roel Magdaleno
Published: <strong>2021 年 8 月 4 日</strong>
Last modified: 2021 年 10 月 18 日

---

搜索插件

![](https://ps.w.org/callout-boxes/assets/banner-772x250.png?rev=2578438)

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

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

# Callout Boxes

 作者：[Roel Magdaleno](https://profiles.wordpress.org/rokumetal/)

[下载](https://downloads.wordpress.org/plugin/callout-boxes.0.3.2.zip)

 * [详情](https://cn.wordpress.org/plugins/callout-boxes/#description)
 * [评价](https://cn.wordpress.org/plugins/callout-boxes/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/callout-boxes/#developers)

 [支持](https://wordpress.org/support/plugin/callout-boxes/)

## 描述

The callout box includes an icon, and the post content. This plugin uses [Heroicons](https://heroicons.com)
and [php-heroicons](https://github.com/roelmagdaleno/php-heroicons) PHP package.

### Icons

A callout box includes an icon that describes what’s the purpose of the callout 
box.

The plugin is using [Heroicons](https://heroicons.com) so you can go to its website
and see what icons are available to use within this plugin.

You can use `solid` and `outline` icons.

### Types

A callout box can have multiple types:

 * `primary`
 * `success`
 * `danger`
 * `warning`

By default, the callout box is `primary`.

### Icon Methods

The icon method can be 2 types:

 * `solid`
 * `outline`

By default, for shortcodes and Gutenberg the icon method is `solid`.

### Shortcode

For WordPress Classic Editor or even Gutenberg, you can use the shortcode:

    ```
    [wp-callout icon="check-circle" type="primary" method="solid"]
    Welcome to WordPress. This is the post content.
    [/wp-callout]
    ```

The shortcode supports 3 attributes:

 * `icon`. The icon to show in the callout box. (Default: `check-circle`)
 * `type` Callout box type. (Default: `primary`)
 * `method` (Default: `solid`)

### Gutenberg Block

For Gutenberg users, you can use **Callout Box** block.

Every Gutenberg Callout Box, you can change the icon, type and method using the 
block properties.

Those properties are the same for the shortcode.

Then, you just type your callout box content inside the Gutenberg block.

### Block Presets

When you insert a new Gutenberg Block Callout you can select 1 of the 4 presets 
installed in the plugin:

 * Information
 * Success
 * Danger
 * Warning

After you select one preset, your callout box will change its background color and
icon.

## 屏幕截图

[⌊screenshot-1: Gutenberg Block.⌉⌊screenshot-1: Gutenberg Block.⌉[

screenshot-1: Gutenberg Block.

[⌊screenshot-2: Callout Boxes.⌉⌊screenshot-2: Callout Boxes.⌉[

screenshot-2: Callout Boxes.

## 评价

此插件暂无评价。

## 贡献者及开发者

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

贡献者

 *   [ Roel Magdaleno ](https://profiles.wordpress.org/rokumetal/)

[帮助将「Callout Boxes」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/callout-boxes)

### 对开发感兴趣吗?

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

## 更新日志

#### 0.3.2

FIX: Callout box not responsive on mobile (#9)

#### 0.3.1

FIX: Custom CSS styles printed in attribute even when those aren’t selected (#8)

#### 0.3.0

FEATURE: Use custom colors for callout boxes. You can change the background, border,
icon and text colors.

#### 0.2.0

Introducing information, success, warning and danger presets.

#### 0.1.0

Render callout boxes using shortcodes and Gutenberg blocks.

## 额外信息

 *  版本 **0.3.2**
 *  最后更新：**5 年前**
 *  活跃安装数量 **40+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **5.8.0**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/callout-boxes/)
 * 标签
 * [alerts](https://cn.wordpress.org/plugins/tags/alerts/)[boxes](https://cn.wordpress.org/plugins/tags/boxes/)
   [callout](https://cn.wordpress.org/plugins/tags/callout/)
 *  [高级视图](https://cn.wordpress.org/plugins/callout-boxes/advanced/)

## 评级

尚未提交反馈。

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

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

## 贡献者

 *   [ Roel Magdaleno ](https://profiles.wordpress.org/rokumetal/)

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/callout-boxes/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://paypal.me/roelmagdaleno)