Czy chcesz dodać odtwarzacz audio do swojej witryny WordPress? Niedawno jeden z naszych użytkowników zapytał, czy istnieje łatwy sposób na dodanie widżetu odtwarzacza muzyki ze szczegółami utworu w WordPress. Ponieważ WordPress jest popularnym wyborem wśród podcasterów i muzyków, dostępnych jest kilka całkiem niesamowitych narzędzi do tego zadania. W tym artykule pokażemy, jak dodać widżet odtwarzacza muzyki na pasku bocznym WordPress.

Adding a Music Player in WordPress

Video Tutorial

Subskrybuj WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Simple Music Widget. Po aktywacji odwiedź Wygląd ” Widgety.

Tam zobaczysz prosty widżet muzyczny na liście dostępnych widżetów. Przeciągnij i upuść widżet na pasek boczny i skonfiguruj ustawienia.

Simple Music Widget Settings

Musisz podać tytuł widżetu. Ten tytuł pojawi się jako nagłówek przed zawartością widżetu. Jeśli nie chcesz wyświetlać tytułu, możesz pozostawić to pole puste.

Następnie musisz podać informacje o dodawanym utworze, takie jak wykonawca, piosenka i nazwa albumu.

Następnie musisz dodać okładkę albumu i plik muzyczny.

Możesz przesłać zdjęcie okładki i plik muzyczny, przechodząc do Media ” Dodaj Nowy. Po prostu przeciągnij tam pliki, aby je przesłać.

Uwaga: Twój plik muzyczny musi być w formacie mp3 lub ogg vorbis.

Po przesłaniu plików kliknij link Edytuj znajdujący się obok nich.

Uploading media files and getting the file URL

Spowoduje to przejście do strony, na której można zobaczyć dodatkowe informacje o plikach. Skopiuj lokalizację pliku, a następnie wklej go do widżetu.

Getting media file URL

Po zakończeniu zapisz ustawienia widżetu i odwiedź swoją witrynę, aby zobaczyć je w akcji.

Preview of a simple music widget in sidebar

Mamy nadzieję, że ten artykuł pomógł Ci dodać widżet odtwarzacza muzyki do paska bocznego WordPress. Możesz również polubić nasz samouczek na temat tworzenia lepkiego pływającego widżetu paska bocznego w WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Możesz nas również znaleźć na Twitterze i Google+.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…