Title: TrainedPixels FAQ Builder
Author: TrainedPixels
Published: <strong>2026 年 2 月 26 日</strong>
Last modified: 2026 年 2 月 26 日

---

搜索插件

![](https://ps.w.org/trainedpixels-faq-builder/assets/banner-772x250.png?rev=3470368)

![](https://ps.w.org/trainedpixels-faq-builder/assets/icon.svg?rev=3470368)

# TrainedPixels FAQ Builder

 作者：[TrainedPixels](https://profiles.wordpress.org/trainedpixels/)

[下载](https://downloads.wordpress.org/plugin/trainedpixels-faq-builder.1.0.7.zip)

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

 [支持](https://wordpress.org/support/plugin/trainedpixels-faq-builder/)

## 描述

THE FAST, VISUAL FAQ BUILDER FOR WORDPRESS

TrainedPixels FAQ Builder helps you create polished, conversion-friendly FAQ sections
in minutes. Build and organize content in one place, style everything visually, 
and publish anywhere with a shortcode.

Whether you run a support center, business website, or online store, the plugin 
gives you precise control over design, accessibility, and SEO without writing code.

**Create professional FAQ sections with confidence:**

 * **Visual Settings Panel + Live Preview** — Style typography, colors, spacing,
   borders, and icons while previewing real FAQ interactions.
 * **FAQ Manager** — Create, edit, categorize, and reorder FAQs from a clean drag-
   and-drop admin interface.
 * **Flexible Shortcode Engine** — Use `[trained_faq]` with category, ID, limit,
   order, and schema controls.
 * **Beautiful Defaults** — Accordion behavior, smooth slide animation, and 4 icon
   presets out of the box.
 * **Custom Icon Uploads (PNG/JPG/GIF)** — Upload closed/open icons for branded 
   FAQ toggles.
 * **Responsive Typography Controls** — Keep FAQ readability strong across mobile
   and desktop.
 * **SEO Schema Built In** — Automatically outputs FAQPage JSON-LD for search visibility.
 * **Accessibility Focused** — Keyboard navigation, ARIA attributes, and focus styles
   are built in.
 * **Translation Ready** — Full i18n support with `.pot` included.

**Unlock more with PRO (premium add-on):**

 * **Gutenberg Block** — Insert FAQs directly in the block editor with visual controls.
 * **Elementor Widget** — Add and configure FAQs natively inside Elementor.
 * **Toggle / Multi-open Mode** — Allow multiple questions to stay open.
 * **Advanced Animation Types** — Fade, scale, collapse, and more.
 * **Rotate Icon Animation** — Add 180-degree rotate transitions for custom icons.
 * **Question-Answer Gap Control** — Fine-tune spacing between each question and
   answer.
 * **Analytics Dashboard** — Track views, clicks, read duration, and engagement.
 * **WooCommerce Integration** — Show mapped FAQs directly on product pages.
 * **Preset Library (Coming Soon)** — Save and reuse full design presets.

[Learn more about PRO at trainedpixels.com](https://trainedpixels.com/trainedpixels-faq-builder).

### Development

Source code for all compiled JavaScript and CSS is available at:
 https://github.
com/TrainedPixels/trainedpixels-faq-builder-lite

To build from source:

 1. Clone the repository
 2. Run `npm install`
 3. Run `npm run build`

Build tools used: webpack (via @wordpress/scripts), PostCSS, Tailwind CSS.

## 屏幕截图

[⌊Manage FAQ content faster: create, search, edit, delete, categorize, and reorder
FAQs from one central manager.⌉⌊Manage FAQ content faster: create, search, edit,
delete, categorize, and reorder FAQs from one central manager.⌉[

Manage FAQ content faster: create, search, edit, delete, categorize, and reorder
FAQs from one central manager.

[⌊Configure shortcode layout behavior: control item spacing, container width, and
container padding with a live preview of the frontend output.⌉⌊Configure shortcode
layout behavior: control item spacing, container width, and container padding with
a live preview of the frontend output.⌉[

Configure shortcode layout behavior: control item spacing, container width, and 
container padding with a live preview of the frontend output.

[⌊Customize question design without CSS: choose fonts, colors, icon styles, and 
icon positions with instant preview feedback.⌉⌊Customize question design without
CSS: choose fonts, colors, icon styles, and icon positions with instant preview 
feedback.⌉[

Customize question design without CSS: choose fonts, colors, icon styles, and icon
positions with instant preview feedback.

[⌊Improve mobile readability and site hygiene: enable responsive font scaling, set
mobile breakpoints, and choose uninstall data cleanup behavior.⌉⌊Improve mobile 
readability and site hygiene: enable responsive font scaling, set mobile breakpoints,
and choose uninstall data cleanup behavior.⌉[

Improve mobile readability and site hygiene: enable responsive font scaling, set
mobile breakpoints, and choose uninstall data cleanup behavior.

[⌊Control FAQ motion behavior: Lite includes smooth slide animation, while PRO unlocks
additional animation types for richer interactions.⌉⌊Control FAQ motion behavior:
Lite includes smooth slide animation, while PRO unlocks additional animation types
for richer interactions.⌉[

Control FAQ motion behavior: Lite includes smooth slide animation, while PRO unlocks
additional animation types for richer interactions.

[⌊Fine-tune UX and accessibility details: adjust padding, borders, hover opacity,
and focus outline settings for cleaner, more accessible FAQ blocks.⌉⌊Fine-tune UX
and accessibility details: adjust padding, borders, hover opacity, and focus outline
settings for cleaner, more accessible FAQ blocks.⌉[

Fine-tune UX and accessibility details: adjust padding, borders, hover opacity, 
and focus outline settings for cleaner, more accessible FAQ blocks.

## 安装

 1. Upload the `trainedpixels-faq-builder` folder to `/wp-content/plugins/`.
 2. Activate the plugin through the **Plugins** menu in WordPress.
 3. Go to **Trained FAQ > FAQ Manager** to create your first FAQ.
 4. Customize appearance at **Trained FAQ > Settings**.
 5. Add FAQs to any page using the `[trained_faq]` shortcode.

## 常见问题

### How do I display FAQs on a page?

Use the shortcode `[trained_faq]` in any post, page, or widget area. The Gutenberg
block is available in the PRO version.

### Can I filter FAQs by category?

Yes. Create categories in the FAQ Manager, then use `[trained_faq category="my-category"]`
to filter by category. The category slug is visible and copyable directly in the
FAQ Manager.

### Does it support FAQ schema for SEO?

Yes. FAQ schema (JSON-LD) is automatically generated for all displayed FAQs, helping
your content appear as rich results in Google.

### Can I use custom icons?

Yes. The free version includes 4 built-in icon presets plus custom icon uploads (
PNG/JPG/GIF) with separate closed and open states. The PRO version adds rotate icon
animation for custom icons.

### Is it compatible with page builders?

Yes. It works with any theme or page builder that supports shortcodes. The PRO version
adds a native Gutenberg block and an Elementor widget.

## 评价

此插件暂无评价。

## 贡献者及开发者

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

贡献者

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

[帮助将「TrainedPixels FAQ Builder」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/trainedpixels-faq-builder)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.0.7

 * Settings option key renamed from `trained_faq_builder_pro_settings` to `trained_faq_builder_settings`;
   existing settings are automatically migrated on upgrade
 * Corrected plugin header description to remove references to PRO-only features(
   Gutenberg, Elementor)
 * Toggle mode shortcode attribute now correctly documented as a PRO feature

#### 1.0.6

 * Moved all PRO features into a standalone premium addon — the free plugin no longer
   contains any license-gated (trialware) code
 * Free plugin identity corrected: plugin name, text domain, PHP constants, and 
   REST namespace now consistently reflect the free version
 * Build pipeline: PRO addon assets now built and distributed separately from the
   free plugin

#### 1.0.5

 * Fixed padding settings — previously only left padding value was editable
 * Added category slug view and one-click copy in the FAQ Manager for shortcode 
   users
 * Fixed Plus/Minus icon preset animation — shows + when closed, – when expanded
 * Fixed custom icon upload and dual closed/open icon animation

#### 1.0.4

 * Plugin rebranded to TrainedPixels FAQ Builder (new slug: trainedpixels-faq-builder)
 * Dual custom icon upload with separate closed and open state icons
 * Category slug display and one-click copy in the FAQ Manager
 * Visual settings: improved padding controls, icon picker UX, and text-align position
   icons
 * WordPress.org compliance: output escaping, inline script enqueue, cron hook naming

#### 1.0.1

 * Initial WordPress.org release
 * Free version includes shortcode, visual settings, SEO schema markup, and FAQ 
   manager
 * PRO features clearly marked in the UI and documentation

## 额外信息

 *  版本 **1.0.7**
 *  最后更新：**3 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 5.8 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/trainedpixels-faq-builder/)
 * 标签
 * [Accordion](https://cn.wordpress.org/plugins/tags/accordion/)[faq](https://cn.wordpress.org/plugins/tags/faq/)
   [schema](https://cn.wordpress.org/plugins/tags/schema/)[seo](https://cn.wordpress.org/plugins/tags/seo/)
   [shortcode](https://cn.wordpress.org/plugins/tags/shortcode/)
 *  [高级视图](https://cn.wordpress.org/plugins/trainedpixels-faq-builder/advanced/)

## 评级

尚未提交反馈。

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

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

## 贡献者

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

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/trainedpixels-faq-builder/)

## 捐助

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

 [ 捐助此插件 ](https://trainedpixels.com/)