Title: Callout Boxes
Author: Roel Magdaleno
Published: <strong>ئاب 4, 2021</strong>
Last modified: تشرینی یەکەم 18, 2021

---

گەڕان لە پێوەکراوەکان

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

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of 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://ku.wordpress.org/plugins/callout-boxes/#description)
 * [پێداچوونەوەکان](https://ku.wordpress.org/plugins/callout-boxes/#reviews)
 * [گەشەپێدان](https://ku.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/) بکە، یان
بەشداربە لە [ڕووداوتۆماری گەشەپێدان](https://plugins.trac.wordpress.org/log/callout-boxes/)
لە ڕێگەی [(RSS)](https://plugins.trac.wordpress.org/log/callout-boxes/?limit=100&mode=stop_on_copy&format=rss).

## ڕووداوتۆمارگەریی گۆڕین

#### 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+**
 *  وەشانی وۆردپرێس ** 5.0 یان بەرزتر **
 *  تاقیکراوەتەوە تا **5.8.0**
 *  وەشانی PHP ** 7.0 یان بەرزتر **
 *  زمان
 * [English (US)](https://wordpress.org/plugins/callout-boxes/)
 * تاگەکان
 * [alerts](https://ku.wordpress.org/plugins/tags/alerts/)[boxes](https://ku.wordpress.org/plugins/tags/boxes/)
   [callout](https://ku.wordpress.org/plugins/tags/callout/)
 *  [بینینی پێشکەوتوو](https://ku.wordpress.org/plugins/callout-boxes/advanced/)

## هەڵسەنگاندنەکان

No reviews have been submitted yet.

[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)