WordPress nabízí výchozí krátké kódy pro vložení zvuku a seznamů skladeb na váš web. To bude velmi užitečné, když hostujete několik zvukových souborů na vašem vlastním serveru. Ale většina z nás nejsou hudebníci skládat vlastní zvuk a použití něčí zvuk bude mít za následek porušení autorských práv. Zde přichází třetí strany, jako je SoundCloud, které nabízejí služby hostingu zvuku a umožňují veřejným uživatelům sdílet hudbu na základě dohodnutých licencí. Také, když máte velké množství zvukových souborů, je dobré je hostit mimo váš server. Pomůže to nejen zlepšit rychlost načítání stránky vašeho webu, ale také pomůže oslovit širší publikum.
v tomto článku vám vysvětlíme, jak vložit seznam skladeb SoundCloud na váš web WordPress-oba WordPress.com a WordPress.org místo.
- Krok 1-Vytvořte seznam skladeb v SoundCloud
- Krok 2-Získejte kód pro vložení seznamu skladeb
- krok 2.1 – kód pro vložení WordPress.com Uživatelé
- krok 2.2-kód pro vložení pro WordPress.org Uživatelé
- Krok 3-vložení kódu pro vložení SoundCloud do WordPress
- vložení adresy URL sdílení do WordPress
- body k zapamatování
Krok 1-Vytvořte seznam skladeb v SoundCloud
Zaregistrujte si bezplatný účet SoundCloud a vytvořte seznam skladeb se svými oblíbenými skladbami. Zobrazit všechny seznamy skladeb v nabídce „kolekce > seznamy skladeb“, jak je uvedeno níže:
prohlížení seznamů skladeb v SoundCloud
Krok 2-Získejte kód pro vložení seznamu skladeb
klikněte na seznam skladeb, který chcete sdílet na svém webu WordPress. Zobrazí se seznam skladeb přidaných do seznamu skladeb a klikněte na tlačítko „Sdílet“. Zde můžete také povolit nebo zakázat míchání seznamů skladeb.
sdílení seznamu skladeb SoundCloud
k dispozici bude vyskakovací obrazovka nabízející Tři možnosti sdílení-Sdílení, Vložení a zpráva. Přejděte na kartu „Vložit“, vyberte design displeje a získejte kód pro vložení pro svůj web WordPress.
krok 2.1 – kód pro vložení WordPress.com Uživatelé
SoundCloud má krátký kód podporován pouze pro WordPress.com uživatelé. Zaškrtnutím políčka „kód WordPress“ získáte zkrácený kód pro vaše WordPress.com místo.
získání kódu pro vložení pro WordPress
kód pro vložení pro WordPress.com uživatelé budou vypadat nějak níže:
Přejděte dolů na obrazovku a klikněte na „další možnosti“ pro změnu barvy a povolení nebo zakázání automatického přehrávání seznamu skladeb.
Povolení automatického přehrávání
zobrazte náhled seznamu skladeb a zkopírujte kód zobrazený v textovém poli v části „kód a náhled“.
krok 2.2-kód pro vložení pro WordPress.org Uživatelé
pokud máte vlastní hostované WordPress.org místo pak zajistit zakázat“ WordPress kód “ zaškrtávací políčko a získat kód pro vložení. Mělo by to být iframe kód, jak je uvedeno níže:
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
Krok 3-vložení kódu pro vložení SoundCloud do WordPress
ať už máte kód pro vložení WordPress.com nebo WordPress.org proces vkládání je stejný a jednoduchý. Stačí vložit kód pro vložení do příspěvku nebo stránky podobné jakémukoli textovému obsahu v editoru“ Text“. Měli byste publikovat své stránky vidět audio přehrávač v WordPress.com místo při přepnutí na“ vizuální “ editor zobrazí audio přehrávač v WordPress.org místo. Níže je uveden skutečný příklad přehrávače SoundCloud WordPress.org místo.
šířka, výška a vlastnosti automatického přehrávání přehrávače lze přímo upravit v kódu pro vložení. Je také možné změnit vzhled přehrávače přidáním parametru“ visual=true“. Například výše uvedený výchozí přehrávač může být upraven jako níže pomocí daného kódu:
<iframe width= „100%“ height= “ 300 „scrolling=“ ne „frameborder=“ Ano “ src=“https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true“></iframe>
přehrávač můžete přidat na postranní panel a oblast widgetu zápatí vložením kódu pomocí widgetu“ Text“.
vložení adresy URL sdílení do WordPress
je také možné vložit audio přehrávač pomocí adresy URL sdílení. Když kliknete na tlačítko „Sdílet“, stačí zkopírovat adresu URL na kartě“ sdílet “ a vložit ji do editoru WordPress „Visual“.
SoundCloud Share URL Code
stisknutím klávesy enter zobrazíte WordPress automaticky převede tuto adresu URL do seznamu skladeb, jako je níže.
body k zapamatování
- SoundCloud umožňuje sdílet jednotlivé zvukové stopy, seznamy skladeb a profil vašeho účtu na vašem webu WordPress.
- můžete použít jak metodu share URL, tak metodu embed code.
- metoda sdílení URL je vhodná pro sdílení vlastních seznamů skladeb se širokým profilovým obrázkem. Pro přehrávání zvukových souborů ostatních je doporučen kód pro vložení.
- sdílet URL musí být vložen na“ vizuální “ editor a přehrávač může být viděn na editoru.
- vložit kód pro WordPress.com web musí být vložen do“ vizuálního “ editoru a audio přehrávač bude viditelný pouze na publikovaném webu.
- vložit kód pro WordPress.org web musí být vložen do editoru“ Text “ a přehrávač je vidět v editoru.
- WordPress.com podporuje SoundCloud shortcodes, zatímco WordPress.org nemá. Ujistěte se tedy, že získáte správný kód pro vložení pro váš audio přehrávač.
- přehrávač lze přizpůsobit úpravou výchozích parametrů v kódu pro vložení. Přehrávač vložený prostřednictvím adresy URL sdílení však nelze přizpůsobit.
- WordPress.org má mnoho bezplatných pluginů pro vytvoření krátkého kódu SoundCloud a vložení seznamu skladeb.
