在 WordPress 中使用 Audio Native

将 Audio Native 集成到 WordPress 网站。

继续阅读本指南前,请先按照 Audio Native 概览中的步骤开始使用 Audio Native。

1

安装 WPCode 插件

在 WordPress 网站中安装 WPCode 插件,以嵌入 HTML 代码。

2

创建新的代码片段

在 WordPress 管理控制台中,点击“Code Snippets”。将 Audio Native 嵌入代码添加到新代码片段中。

嵌入代码片段
<div
id="elevenlabs-audionative-widget"
data-height="90"
data-width="100%"
data-frameborder="no"
data-scrolling="no"
data-publicuserid="public-user-id"
data-playerurl="https://elevenlabs.io/player/index.html"
data-projectid="project-id"
>
Loading the <a href="https://elevenlabs.io/text-to-speech" target="_blank" rel="noopener">Elevenlabs Text to Speech</a> AudioNative Player...
</div>
<script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>
Audio Native

插入方式选择“Auto Insert”,并将位置设为“Insert Before Content”。

Audio Native
3

发布更改

最后,发布更改并前往博客文章的线上版本。你会看到一条提示,告知 Audio Native 项目正在创建。几分钟后,博客文本将转换为音频文章,嵌入式音频播放器也会显示出来。

Audio Native