Title: AitAttman Blocks
Author: Ahmed Ait Attman
Published: <strong>2026 年 4 月 15 日</strong>
Last modified: 2026 年 4 月 15 日

---

搜尋外掛

![](https://ps.w.org/aitattman-blocks/assets/banner-772x250.png?rev=3506705)

![](https://ps.w.org/aitattman-blocks/assets/icon.svg?rev=3506705)

# AitAttman Blocks

 由 [Ahmed Ait Attman](https://profiles.wordpress.org/aitattman/) 開發

[下載](https://downloads.wordpress.org/plugin/aitattman-blocks.1.3.1.zip)

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

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

## 外掛說明

Most websites have some common elements like _side-panels_ that act as containers
for other elements like mobile navigation menus, and _slider_ to display content
like images with captions, and _buttons_ with text and svg icons… This plugin provides
some of such elements as blocks for Gutenberg Editor in WordPress.

### Development

You can browse the source code and contribute to the development of this plugin 
in the GitHub repository:

[https://github.com/AitAttman/aitattman-blocks](https://github.com/AitAttman/aitattman-blocks)

## 螢幕擷圖

 * [[
 * Search for “aitattman-blocks” and choose the right block.
 * [[
 * Display recent posts thumbnails with titles in slider.
 * [[
 * Add side-panels as containers on right, left, top or bottom position.
 * [[
 * Display svg icons as buttons and add link to them.

## 適用於區塊編輯器

這個外掛提供 6 個可供 Gutenberg/區塊編輯器使用的區塊。

 *     Search Box Search posts filtered specifically by the active post type.
 *     Slider Display your latest posts in a responsive, single-slide carousel.
 *     Query Posts Custom query to display posts filtered by category and post type.
 *     Side Panel Slide-out drawer for any side of the screen, triggered by a button
   you choose.
 *     Button Display button or link with integrated SVG icon support.
 *     Theme Controllers Let user choose between light and dark modes anytime.

## 安裝方式

You can install this plugin in two different methods:

#### Install from WordPress plugins directory

 1. Log in to your WordPress dashboard.
 2. Navigate to Plugins > Add New.
 3. In the search field, type “AitAttman Blocks”, then click Search Plugins.
 4. Click Install Now, then Activate.

#### Install manually

 1. Download the plugin **.zip** file from [https://WordPress.org/plugins/aitattman-blocks](https://WordPress.org/plugins/aitattman-blocks)
    or [https://github.com/AitAttman/aitattman-blocks](https://github.com/AitAttman/aitattman-blocks)
 2. Upload it to your server under `/wp-content/plugins/`.
 3. Activate it through the Plugins screen in WordPress.

## 常見問題集

### Does this plugin work with Full Site Editing?

Yes. AitAttman Blocks plugin works perfectly with block themes and the Site Editor.

### Is this plugin really free?

Yes, absolutely. This plugin is 100% free and open-source under the GPL license.
There are no \”Pro\” versions, no hidden subscriptions, and no locked features. 
Everything you see is what you get.

### Can I add other blocks inside Side-panel block?

Yes. You can place other blocks inside **Side-panel** blocks.

### How to open/close Side-panel block?

You can add **Triggers Class Name** in configuration sidebar of Side-panel, and 
then add this CSS class name to triggers like buttons that will open the Side-panel.
To make the trigger to close the Side-panel add extra CSS class named “action-close”.

For instance, if the triggers class name is “sidemenu-trigger”, and to close the
Side-panel by a button, just add to that button these two classes: **“sidemenu-trigger
action-close”**

### Can I display svg icons using this plugin?

Yes. With **Button** block, you can add svg icon in the sidebar controls. You can
as well add text side by side with the icon and add link or make it simple element
for display purposes.

You can copy svg icons from websites that offer free icons like [https://lucide.dev/icons](https://lucide.dev/icons).

### Can I display any photos in the Slider?

No. The _Slider_ in current version can only display posts featured thumbnails with
posts titles as captions. The Slider is meant to display recent posts by category(
and other criteria).

### Why Slider or Query Posts does not display live preview in the editor?

For performance reasons, you can only see an example of these blocks; _Slider_ and
_Query Posts_, not live preview in the editor. However, you can see the resulting
block anytime on your public site.

### How does Theme Controllers block change site theme ?

This block updates the data-theme=”{theme}” attribute (where {theme} value can be:
light, dark, or system) whenever the user clicks on the theme icon on the public
site. Keep in mind that this block does not register the theme value in database;
instead, it uses browser’s _localStorage_ to persist the user’s preference.

## 使用者評論

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

## 參與者及開發者

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

參與者

 *   [ Ahmed Ait Attman ](https://profiles.wordpress.org/aitattman/)

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

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

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

## 變更記錄

#### 1.3.1 – April 2026

 * Fixed small bug in CSS class name of side-panel and button blocks.

#### 1.3.0 – April 2026

 * Fixed bugs and minor changes.

#### 1.2.0 – April 2026

 * Changed plugin name and slug.
 * updated readme.txt and LICENSE.

#### 1.1.0 – March 2026

 * Fixed some translation issues.
 * Removed blocks-manifest.php file and used block.json files instead.

#### 1.0.0 – February 2026

 * Initial release of _AitAttman Blocks_ plugin.

## 中繼資料

 *  版本 **1.3.1**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.4 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 8.1 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/aitattman-blocks/)
 * 標籤:
 * [block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)[buttons](https://tw.wordpress.org/plugins/tags/buttons/)
   [carousel](https://tw.wordpress.org/plugins/tags/carousel/)
 *  [進階檢視](https://tw.wordpress.org/plugins/aitattman-blocks/advanced/)

## 評分

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

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

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

## 參與者

 *   [ Ahmed Ait Attman ](https://profiles.wordpress.org/aitattman/)

## 技術支援

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

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