Witajcie! W tym poradniku pokaże Wam w jaki sposób łatwo możecie uzyskać jeden z dwóch dostępnych widget'ow internetowego odtwarzacza Spotify na waszej stronie.
Pierwszym krokiem jaki musimy wykonać to dodawnie do naszego forum nowego znacznika MyCode.
W tym celu udajemy się do:
ACP > Konfiguracja > MyCode
Teraz z górnej belki wybieramy opcje Nowy MyCode i uzupełniamy, według wzoru:
Tytuł: (bez znaczenia - dla przykładu) Spotify
Opis: (również przykładowy) Zamienia MyCode na odtwarzacz internetowy Spotify
Wyrażenie regularne: \[spotify\](.*?)\[/spotify\]
Ad.1 Oczywiście wyrażenie regularne możecie dowolnie zmienić zamieniając słowo spotify na coś krótszego - chodzi tylko o to aby cała reszta znaków się zgadzała.
Zamiana:
Ad.2 Jeżeli chcecie mieć powiększoną wersję odtwarzacza na swojej stronie zmieniamy jego wymiar na: height="380" w powyższym kodzie.
Reszta ustawień zostawiamy domyślną i zapisujemy.
W tym kroku pasowałoby aby opisał jak działa znacznik który przed chwilą stworzyliśmy - ponieważ warto to wiedzieć.
Jak się zapewne domyślacie kod [spotify][/spotify] jest przerabiany na ramkę HTML'ową która bezpośrednio jest umieszczana w kodzie waszej strony.
Tylko co do niej wpisać aby całość zadziałała?
Oczywiście adres do utworu, ale o tym w kolejnej sekcji.
Aby pobrać URL utworu który chcemy zamieścić przechodzimy albo do odtwarzacza internetowego albo wprost do aplikacji Spotify.
Następnie przechodzimy do wybranego utworu i wybierając trzy kropki obok naszej piosenki przechodzimy do opcji "Udostępnij" lub "Skopiuj łącze utworu" w przypadku wersji przeglądarkowej.
Teraz wskazujemy opcje skopiuj URL - po wybraniu tego do naszego schowka zapisany zostanie przykładowy utwór w postaci:
Który przed wprowadzeniem pomiędzy nasze znaczniki musimy minimalnie przekształcić dodając po .com dodatkową ścieżkę /embed/ aby wynikowo otrzymać poniższy link:
Tak sporządzony URL uzupełniamy o wcześniejsze tagi i gotowe, mamy kod który możemy zamieścić w treści naszego potencjalnie nowego wątku:
Efekt naszych zmian jaki otrzymamy możecie zobaczyć tutaj: https://developer.spotify.com/design/ w sekcji "Our Widgets".
1 Dodajemy MyCode
Pierwszym krokiem jaki musimy wykonać to dodawnie do naszego forum nowego znacznika MyCode.
W tym celu udajemy się do:
ACP > Konfiguracja > MyCode
Teraz z górnej belki wybieramy opcje Nowy MyCode i uzupełniamy, według wzoru:
Tytuł: (bez znaczenia - dla przykładu) Spotify
Opis: (również przykładowy) Zamienia MyCode na odtwarzacz internetowy Spotify
Wyrażenie regularne: \[spotify\](.*?)\[/spotify\]
Ad.1 Oczywiście wyrażenie regularne możecie dowolnie zmienić zamieniając słowo spotify na coś krótszego - chodzi tylko o to aby cała reszta znaków się zgadzała.
Zamiana:
<iframe src="$1" width="300" height="80" frameborder="0" allowtransparency="true"></iframe>Ad.2 Jeżeli chcecie mieć powiększoną wersję odtwarzacza na swojej stronie zmieniamy jego wymiar na: height="380" w powyższym kodzie.
Reszta ustawień zostawiamy domyślną i zapisujemy.
2 Działanie:
W tym kroku pasowałoby aby opisał jak działa znacznik który przed chwilą stworzyliśmy - ponieważ warto to wiedzieć.
Jak się zapewne domyślacie kod [spotify][/spotify] jest przerabiany na ramkę HTML'ową która bezpośrednio jest umieszczana w kodzie waszej strony.
Tylko co do niej wpisać aby całość zadziałała?
Oczywiście adres do utworu, ale o tym w kolejnej sekcji.
3 Pobranie URL'a ze Spotify:
Aby pobrać URL utworu który chcemy zamieścić przechodzimy albo do odtwarzacza internetowego albo wprost do aplikacji Spotify.
Następnie przechodzimy do wybranego utworu i wybierając trzy kropki obok naszej piosenki przechodzimy do opcji "Udostępnij" lub "Skopiuj łącze utworu" w przypadku wersji przeglądarkowej.
Teraz wskazujemy opcje skopiuj URL - po wybraniu tego do naszego schowka zapisany zostanie przykładowy utwór w postaci:
https://open.spotify.com/track/0WKY4nRJgz3GUG7IqkTgUHKtóry przed wprowadzeniem pomiędzy nasze znaczniki musimy minimalnie przekształcić dodając po .com dodatkową ścieżkę /embed/ aby wynikowo otrzymać poniższy link:
https://open.spotify.com/embed/track/0WKY4nRJgz3GUG7IqkTgUHTak sporządzony URL uzupełniamy o wcześniejsze tagi i gotowe, mamy kod który możemy zamieścić w treści naszego potencjalnie nowego wątku:
[spotify]https://open.spotify.com/embed/track/0WKY4nRJgz3GUG7IqkTgUH[/spotify]4 Gotowe!
Efekt naszych zmian jaki otrzymamy możecie zobaczyć tutaj: https://developer.spotify.com/design/ w sekcji "Our Widgets".