網(wǎng)站中音頻內(nèi)容可以大大提升用戶體驗(yàn)，尤其是希望在網(wǎng)站中嵌入音樂(lè)、播客或其他音頻文件時(shí)。使用 EmbedPress 插件，可以輕松地將音頻文件嵌入到 WordPress 網(wǎng)站中，不用編寫代碼。本文將介紹如何通過(guò) Gutenberg 和 Elementor 編輯器將音頻文件嵌入到網(wǎng)頁(yè)中。

EmbedPress插件操作

在開(kāi)始之前，確保已經(jīng)安裝并激活了 EmbedPress 插件?？梢詮?WordPress 儀表盤的插件頁(yè)面進(jìn)行安裝。插件安裝完成后，啟用它即可開(kāi)始使用。

使用Gutenberg編輯器嵌入音頻

• 打開(kāi)頁(yè)面或文章
  在WordPress儀表盤中，進(jìn)入Gutenberg編輯器，選擇要編輯的頁(yè)面或文章。

• 添加EmbedPress區(qū)塊
  點(diǎn)擊頁(yè)面中希望嵌入音頻的位置，點(diǎn)擊加號(hào)（+）圖標(biāo)，搜索并選擇“EmbedPress”區(qū)塊，點(diǎn)擊添加。

• 粘貼音頻文件的URL
  訪問(wèn)希望嵌入的音頻源網(wǎng)站，復(fù)制音頻文件的URL。然后返回到Gutenberg編輯器，在EmbedPress區(qū)塊的字段中粘貼該URL，點(diǎn)擊“嵌入”按鈕。

• 調(diào)整設(shè)置
  在右側(cè)面板中，可以調(diào)整嵌入音頻的寬度、高度等設(shè)置，以確保音頻播放器與頁(yè)面設(shè)計(jì)一致。

• 保存并發(fā)布
  配置完成后，點(diǎn)擊“保存”按鈕，查看音頻文件的嵌入效果。訪客將能夠直接在網(wǎng)頁(yè)上播放音頻文件。

使用Media庫(kù)嵌入音頻

也可以使用WordPress媒體庫(kù)中的音頻文件嵌入音頻：

• 訪問(wèn)媒體庫(kù)
  在WordPress儀表盤中，點(diǎn)擊“媒體”并選擇想要嵌入的音頻文件。

• 復(fù)制文件URL
  在媒體庫(kù)中，復(fù)制音頻文件的URL。

• 粘貼URL并嵌入
  返回到Gutenberg編輯器，將復(fù)制的URL粘貼到EmbedPress區(qū)塊的字段中，點(diǎn)擊“嵌入”按鈕，音頻文件將自動(dòng)嵌入。

• 啟用自定義播放器
  如果希望提供更多定制化選項(xiàng)，可以啟用“自定義播放器”，從而調(diào)整播放器顏色、啟用快退、快進(jìn)等功能，還可以啟用內(nèi)容保護(hù)和社交分享選項(xiàng)。

• 保存并發(fā)布
  調(diào)整完所有設(shè)置后，點(diǎn)擊保存按鈕，查看嵌入效果。

在Elementor中嵌入音頻文件

Elementor是一款流行的WordPress頁(yè)面構(gòu)建器，使用它也可以輕松嵌入音頻文件：

• 打開(kāi)頁(yè)面或文章
  在Elementor編輯器中，打開(kāi)你希望嵌入音頻的頁(yè)面或文章。

• 拖動(dòng)EmbedPress小部件
  在左側(cè)小部件面板中，搜索“EmbedPress”并將其拖動(dòng)到你希望嵌入音頻的位置。

• 粘貼音頻文件的URL
  訪問(wèn)音頻文件所在網(wǎng)站，復(fù)制URL。返回Elementor編輯器，將URL粘貼到EmbedPress小部件的字段中。

• 調(diào)整樣式和設(shè)置
  在Elementor的“樣式”選項(xiàng)卡中，可以調(diào)整音頻播放器的高度、寬度、邊距和填充等樣式設(shè)置。也可以在“高級(jí)”選項(xiàng)卡中配置更多自定義選項(xiàng)。

• 發(fā)布并查看效果
  完成所有設(shè)置后，點(diǎn)擊“發(fā)布”按鈕，查看嵌入效果。

高級(jí)功能：音頻源的額外控制

EmbedPress插件還支持對(duì)特定音頻源提供額外控制。如果音頻來(lái)源是 SoundCloud，可以選擇SoundCloud源，并啟用更多控制選項(xiàng)，如自動(dòng)播放、分享和評(píng)論功能。

總結(jié)

通過(guò) EmbedPress 插件，可以非常輕松地在 WordPress 網(wǎng)站中嵌入音頻文件，無(wú)論是在 Gutenberg 編輯器、媒體庫(kù)，還是在 Elementor 編輯器中都能輕松實(shí)現(xiàn)。這個(gè)插件不僅支持標(biāo)準(zhǔn)音頻源的嵌入，還支持對(duì)音頻播放器進(jìn)行個(gè)性化設(shè)置，增強(qiáng)用戶體驗(yàn)。

想了解更多WordPress相關(guān)的教程和資訊，請(qǐng)關(guān)注光子波動(dòng)網(wǎng)，擁有最全的WordPress教程和最活躍的WordPress交流社區(qū)。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息