TTSWP 支持所有主流页面构建器。只要文章已生成音频，播放器就会自动显示，无论该文章由哪种构建器创建。本页介绍各构建器的使用技巧和已知注意事项。
Elementor
默认行为
播放器会按照您设定的位置（标题后、内容后等）显示在 Elementor 构建的文章中。无需额外配置。
使用小部件自定义位置
如果您希望将播放器放在特定位置（而非全局位置），请在 Elementor 中使用 Shortcode 小部件：
- 在 Elementor 布局中添加一个 Shortcode 小部件。
- 粘贴
[tts_player]。 - 保存。
播放器会精确显示在您放置小部件的位置。
已知注意事项
- Elementor 的预览编辑器不渲染 TTS 播放器（仅在正式站点显示）
- 模板部件和页眉无法通过全局位置包含播放器 - 请使用 Shortcode 小部件
- Elementor Pro 的主题构建器模板支持 Shortcode 小部件方式
Divi
播放器会自动显示在全局位置。如需自定义位置：
- 在 Divi 布局中添加一个 Text 模块。
- 粘贴
[tts_player]。 - 保存。
Visual Composer（WPBakery）
使用 Text Block 或 Raw HTML 元素：
[tts_player]
Gutenberg（区块编辑器）
开箱即用。播放器显示在全局位置。
如需在文章内自定义位置，请使用 Custom HTML 区块或 Shortcode 区块：
[mementor-tts]需要朗读的自定义文本。[/mementor-tts]
经典编辑器
自动位置开箱即用。如需使用自定义短代码，直接粘贴到文本区域即可。
Beaver Builder
使用 HTML 模块并粘贴 [tts_player]。
Oxygen Builder
使用 Shortcode 组件并粘贴 [tts_player]。
各构建器常见问题
某些页面缺少播放器
请检查：
- 该文章类型已在 文字转语音 → 内容 中启用
- 该文章已实际生成音频（打开文章列表，确认 TTS 列显示播放按钮）
- 您的构建器未覆盖
the_content钩子（部分构建器会覆盖）
如果您的构建器绕过了 the_content，请使用上述短代码方式。
播放器位置显示异常
全局位置针对 WordPress 的 the_content 过滤器。以不同钩子渲染内容的构建器可能将播放器放置在意料之外的位置。请改用基于短代码的方式以精确控制位置。