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