建站
咨詢
售后
建站咨詢
新聞中心
茶陵ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！
使用wordpress的SoundCloud嵌入?yún)^(qū)塊，您可以將專輯、播放列表或曲目添加到文章或頁面。在Gutenberg中嵌入SoundCloud內(nèi)容為您提供了許多關(guān)于區(qū)塊外觀和功能的選項。否則，如果您只是將SoundCloud鏈接復制并粘貼到經(jīng)典編輯器中，您或許可以展示音樂，但在自定義和頁面設(shè)計方面，您的選擇將受到嚴重限制。
在本教程中，我們將向您介紹如何在WordPress文章或頁面上嵌入SoundCloud專輯、播放列表或曲目。我們還將介紹您應(yīng)該了解的最佳實踐、常見問題解答和提示。
在我們開始之前，請注意，雖然您不需要SoundCloud帳戶來嵌入服務(wù)中的內(nèi)容，但您需要選擇公共曲目 – 不能嵌入私人曲目。此外，您必須使用Gutenberg區(qū)塊編輯器來添加SoundCloud嵌入?yún)^(qū)塊。（不過，我們將介紹幾種替代方案。）
如何在WordPress中嵌入SoundCloud內(nèi)容
首先，我們將討論如何將SoundCloud曲目添加到WordPress文章或頁面。然后，我們將快速介紹如何添加專輯/播放列表，因為該過程類似于添加曲目。
如何在WordPress中嵌入SoundCloud音軌
轉(zhuǎn)到SoundCloud并找到要嵌入WordPress的曲目。單擊曲目以在其自己的頁面上打開它。從頁面頂部的地址欄中復制URL。
轉(zhuǎn)到WordPress并創(chuàng)建或編輯文章或頁面。在頁面的主體中，您應(yīng)該會看到一個加號。如果您沒有看到，請單擊頁面正文中的某處，它應(yīng)該會出現(xiàn)。
單擊加號以顯示區(qū)塊選擇器。在搜索框中輸入“SoundCloud” ，然后選擇關(guān)聯(lián)的區(qū)塊。SoundCloud嵌入?yún)^(qū)塊現(xiàn)在將添加到您的頁面或文章中。
將您復制的SoundCloud地址粘貼到輸入URL以在此處嵌入的字段中…單擊嵌入。你現(xiàn)在會看到這樣的東西：
要查看它在您的網(wǎng)站上線后的外觀，請單擊頁面右上角的“預覽” >“桌面” >“在新選項卡中預覽”。
如果您愿意，可以添加標題。嵌入軌道下方有一個專用區(qū)域，用于輸入標題和格式選項。
如何在WordPress中嵌入SoundCloud專輯或播放列表
從SoundCloud嵌入專輯或播放列表與添加曲目非常相似。在SoundCloud中，導航到要添加的專輯或播放列表，然后單擊以在其自己的頁面中打開它。從地址欄中復制URL。
在WordPress的SoundCloud嵌入框中，將地址欄粘貼到專用空間中。單擊嵌入。
無論您是添加專輯還是播放列表，結(jié)果都基本相同。專輯或播放列表的封面藝術(shù)將顯示在嵌入鏈接的主要部分，下方將是您可以滾動瀏覽的曲目列表。當您將鼠標懸停在曲目上并滾動時，主封面將變小以顯示更多曲目列表。在此屏幕截圖中，頂部嵌入是播放列表，而底部嵌入是專輯。
嵌入錯誤消息
如果您輸入的內(nèi)容不是鏈接、鏈接已損壞或轉(zhuǎn)到無法嵌入的內(nèi)容，您將收到如下所示的錯誤消息：
您可以再次嘗試鏈接或單擊轉(zhuǎn)換為鏈接以查看是否有所不同。但是，如果這兩個選項都不起作用，您可能需要嵌入不同的內(nèi)容。
SoundCloud嵌入?yún)^(qū)塊選項
您可以在兩個不同的區(qū)域找到SoundCloud嵌入?yún)^(qū)塊的選項：沿著欄的頂部和右側(cè)的邊欄中。讓我們來看看它們是什么。
工具欄選項
將內(nèi)容添加到嵌入?yún)^(qū)塊后，單擊它會在頂部顯示一個選項工具欄。它看起來像這樣：
從左到右，以下是圖標的含義：
- 轉(zhuǎn)換為：您可以將SoundCloud嵌入?yún)^(qū)塊更改為段落、列或組。唯一需要考慮的選項是Group one，因為它可以讓您更改區(qū)塊的背景顏色。如果你不關(guān)心這個，別管它——它使用起來有點棘手。
- 拖動：將鼠標懸停在拖動圖標上，您的光標會變成一只小手。左鍵單擊并拖動嵌入?yún)^(qū)塊，將其放置在頁面上的任何位置。
- 上移和下移：在向上箭頭將移動區(qū)塊了一個空間，而向下箭頭將下移一個空間。
- 更改對齊方式：將嵌入?yún)^(qū)塊向左、居中或向右對齊。將其向左或向右對齊會使其變小。根據(jù)您的主題，您可能還有全角和寬角選項，這可能會使嵌入?yún)^(qū)塊更大。
- 編輯URL：替換 SoundCloud URL 以嵌入不同的專輯、播放列表或曲目。
- 選項：最后一個圖標會顯示一個帶有附加選項的下拉菜單。
更多選項菜單
該選項下拉菜單有一些易于理解的選項。從上到下，它們?nèi)缦拢?/p>
- 隱藏更多設(shè)置：隱藏（或顯示）右側(cè)的設(shè)置邊欄。
- 復制：復制區(qū)塊并將其粘貼到您喜歡的任何位置。
- 新建副本：復制區(qū)塊，這將在原始區(qū)塊的正下方制作它的副本。
- 在區(qū)塊前插入：在選定的區(qū)塊之前添加一個區(qū)塊。
- 在區(qū)塊后插入：在選定的區(qū)塊之后添加區(qū)塊。
- 移動到：這將顯示一個藍色條，您可以使用鍵盤的箭頭按鈕在頁面上移動。將其放置在所需位置后，單擊Enter/Return將嵌入?yún)^(qū)塊移動到該位置。
- 作為HTML編輯：編輯區(qū)塊的HTML代碼。
- 添加至可重用區(qū)塊：將所選區(qū)塊添加至可重用區(qū)塊列表中。這使您可以輕松地將其添加到另一個文章或頁面或當前文章或頁面的另一個部分。
- 組：與上面提到的組選項一樣，這可以讓您更改區(qū)塊的背景顏色。
- 刪除區(qū)塊：從頁面中刪除區(qū)塊。
側(cè)邊欄選項
右側(cè)邊欄有兩個設(shè)置：媒體設(shè)置和高級。讓我們來看看它們。
媒體設(shè)置
如果您在“媒體設(shè)置”部分中啟用“為較小設(shè)備調(diào)整大小”，則嵌入?yún)^(qū)塊將根據(jù)屏幕大小自動調(diào)整大小。這對于在移動設(shè)備上查看您的內(nèi)容的人尤其重要，因此啟用此選項是個好主意。
高級
在高級部分，您可以向所選區(qū)塊添加CSS區(qū)塊。這意味著您可以根據(jù)自己的喜好自定義和設(shè)置區(qū)塊的樣式（如果您了解 CSS，那就是）。
有效使用SoundCloud嵌入?yún)^(qū)塊的最佳實踐和技巧
快速添加嵌入的內(nèi)容
如果您確切地知道要將嵌入的SoundCloud內(nèi)容放在哪里，只需將URL粘貼到頁面上即可。SoundCloud嵌入?yún)^(qū)塊將自動為您創(chuàng)建，所有選項都與您手動添加區(qū)塊相同。
使用經(jīng)典編輯器嵌入SoundCloud內(nèi)容
如果您更喜歡使用WordPress經(jīng)典編輯器，您仍然可以嵌入SoundCloud內(nèi)容。您只需將鏈接復制并粘貼到文章或頁面正文中的任意位置即可。這將自動嵌入內(nèi)容。但是，您不會擁有與古騰堡區(qū)塊相同的工具欄選項。
使用嵌入代碼進行不同的自定義
在WordPress上嵌入SoundCloud內(nèi)容的另一種方法是使用嵌入代碼。轉(zhuǎn)到要嵌入的SoundCloud內(nèi)容，然后單擊分享按鈕。
在彈出窗口中，您可以更改嵌入內(nèi)容的外觀。在本例中，我將播放/暫停按鈕更改為淺藍色并調(diào)整了嵌入框的高度。
完成后，復制嵌入代碼，然后將其粘貼到WordPress中的HTML區(qū)塊中。當您預覽頁面時，您將能夠看到內(nèi)容的外觀。
關(guān)于SoundCloud嵌入?yún)^(qū)塊的常見問題
SoundCloud是否只有音樂？
不！SoundCloud也有播客。嵌入播客與嵌入音樂曲目相同。復制URL，然后將其粘貼到嵌入框中。您可以嵌入單個劇集，或者如果您想完整展示播客，請轉(zhuǎn)到SoundCloud上的主頁并復制/粘貼URL。
我可以向SoundCloud嵌入?yún)^(qū)塊添加多條軌道嗎？
如果您想在WordPress網(wǎng)站上展示多首歌曲或播客劇集，您可以創(chuàng)建自己的播放列表，然后將其嵌入。知道每個曲目的隱私設(shè)置都會保留，即使您將播放列表設(shè)為公開（您需要這樣做才能嵌入）。這意味著如果您將私人曲目添加到公共播放列表，該曲目仍將保持私密狀態(tài)。
https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist
我可以選擇SoundCloud曲目從哪里開始播放嗎？
抱歉不行。當您單擊SoundCloud內(nèi)容上的分享按鈕時，會彈出一個窗口。底部是從哪里開始播放曲目的選項。但是，當您將關(guān)聯(lián)的鏈接復制并粘貼到嵌入?yún)^(qū)塊中時，它實際上不會從該部分開始軌道。我們嘗試了幾種不同的方法，但沒有運氣。
小結(jié)
將音樂或播客與您的網(wǎng)站集成可以使體驗更有價值并提高參與度。如果您有自己的內(nèi)容或想分享他人的內(nèi)容，SoundCloud嵌入?yún)^(qū)塊是最簡單的方法，可提供最多的自定義和布局選項。您可以將專輯、播放列表、播客或音樂曲目添加到您的網(wǎng)站，讓訪問者收聽，而不會被重定向到其他地方。如果他們想探索更多，他們可以輕松點擊SoundCloud上的內(nèi)容。
標題名稱：古騰堡編輯器教程：如何使用SoundCloud嵌入?yún)^(qū)塊
URL分享：http://fisionsoft.com.cn/article/dpedjge.html
