Hiển thị nhạc trên widget chuyên nghiệp dành cho wordpress – Bạn có biết cách thêm một bài hát hay một danh sách bài hát trên widget của wordpress hay không có một cách đơn giản đó là bạn có thể thêm bằng cách chèn mã HTML từ các trang chia sẻ nhạc khác, tuy vậy việc thêm các mã như vậy nó sẽ phụ thuộc rất nhiều về các cài đặt của nhà cung cấp. Để bạn có thể nhanh chóng thêm nhạc vào mã nguồn WordPress trên các Sidebar tối ưu hãy dùng Plugin chuyên dụng!
Trong bài trước mình có hướng dẫn các bạn cách thay đổi thư mục chứa ảnh trên WordPress giúp bạn có thể dễ dàng thay đổi thư mục chứa ảnh mặc định của WordPress sang thư mục ảnh khác khi thư mục ảnh mặc định đã quá nhiều, tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách hiển thị nhạc trên Widget cho WordPress!
Hiển thị nhạc trên widget chuyên nghiệp dành cho wordpress
Để tạo một phong cách riêng cho giao diện phát nhạc trên widget trong WordPress của bạn có một cách đơn giản đó là bạn có thể sử dụng Plugin Simple Music Widget. Plugin Simple Music Widget sẽ tạo ra một widget có thể được sử dụng để hiển thị một máy nghe nhạc bao gồm tên nghệ sĩ, bài hát, album và một ảnh bìa. Người sử dụng cũng có thể thêm một mô tả ngắn về bài hát, hãy cùng blog thủ thuật tìm hiểu cách hiển thị nhạc trên Widget cho WordPress!
Bạn có thể tiến hành cài đặt bằng tay bằng cách tải Plugin Simple Music Widget, sau đó bạn vào Gói mở rộng (Plugins) > cài Plugin mới (Add New) > sau đó bạn chọn tải lên (Upload). Hoặc cách đơn giản nhất là bạn vào Gói mở rộng (Plugins) > cài Plugin mới (Add New) > sau đó bạn gõ Simple Music Widget > sau đó tiến hành cài đặt
Sau khi cài đặt xong bạn tiến hành kích hoạt Plugin
Khi bạn kích hoạt thành công bạn không cần cài đặt gì cả vì Plugin hiển thị ở dạng Widget. Tiếp tục bạn vào Menu Giao diện > Chọn Widget lúc này bạn sẽ thấy xuất hiện Widget có tên là Simple Music Widget
Tiếp tục bạn kéo Widget này và thả vào Sidebar mà bạn muốn hiển thị là được
Hãy cấu hình các thuộc tính của Widget như sau
Title: Tên của bài hát
Artist: Tên nhạc sỹ sáng tác
Song: Tên ca sỹ thể hiện bài hát
Album: Album của bài hát
Cover Photo: Đường dẫn hình ảnh
Direct URL: File nhạc đuôi .mp3 nhé – Bạn có thể lấy từ trang zing, nhaccuatui chẳng hạn.
Description: Mô tả bài hát.
Sau khi bạn điền các thông tin xong nhấn Lưu thay đổi để cập nhật. Dưới đây là một ví dụ
Cái này mình lấy Link hình và Link nhạc ở zing mp3 > Sau khi cài đặt xong bạn quay tra ngoài trang chủ sẽ thấy một khung nhạc rất là đẹp và chuyên nghiệp.
Như vậy là xong rồi đấy. Với vài thao tác cơ bản, bạn đã tạo cho trang blog của bạn một trình phát nhạc nhỏ gọn ngay trên trang Web của bạn với một phong cách riêng rồi đấy.
Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!
Cảm ơn anh!
Website rất hữu ích!
Mong Page càng ngày càng phát triển <3
Cảm ơn em đã ghé thăm, mong rằng em ghé thăm thường xuyên nha 😀
Bạn ơi làm thế nào để khi mở trang web ra làm thế nào để bài hát nó tự động phát luôn?
Thanks bạn!
Tham khảo bài viết này bạn nhé 😛 khi lấy mã bạn nhớ chọn tính năng autoplay nhé :p https://it60s.org/hien-thi-album-nhac-tu-zing-nhaccuatui-len-widget-trong-wordpress.html
Cái này chỉ chèn được một bài hát thôi ạ admin, em muốn chèn nhiều bài vào cùng một list kiểu như có nút next, hay previuos chẳng hặn ý
Vậy bạn hãy vô trang zing hay nhạc cua tui tạo một playlist nhạc yêu thích sau đó lấy mã nhúng vào là được tham khảo bài viết này: https://it60s.org/hien-thi-album-nhac-tu-zing-nhaccuatui-len-widget-trong-wordpress.html
Như thế này tìm hoàn khg thấy cái URL. mp3 ad ơi, mình làm mấy lần rồi, bỏ cuộc, nhưng lại khg cam lòng! mong ad giúp đỡ! thanks.
http://mp3.zing.vn/bai-hat/Thien-Tien-Tu-Ta-Vu-Han/ZW70DDW0.html
view-source:http://mp3.zing.vn/bai-hat/Thien-Tien-Tu-Ta-Vu-Han/ZW70DDW0.html
Đơn giản để lấy Link mp3 bạn hãy dùng trình duyệt cốc cốc sau đó hãy tải bài hát về máy tính
Sau đó hãy vào trang quản lý Download của trình duyệt
Trong trang quản lý bạn hãy kích chọn vào nút mũi tên bên phải sau đó sao chép liên kết là bạn đã có link mp3 rồi đấy.
Chúc bạn thành công 🙂
ahahaha, cám ơn ad, lần này có hình nhìn rất dễ làm, tôi đã làm được rồi, đa tạ ad ngàn lần <3 :v
Vâng! mong bạn ghé thăm thường xuyên chúc bạn nhiều may mắn 🙂
ad ơi, hướng dẫn kỹ mục
Cover Photo: chỗ này phải vào chỗ nào tìm
Direct URL: http://mp3.zing.vn/bai-hat/Thien-Tien-Tu-Ta-Vu-Han/ZW70DDW0.html
nhạc ở zing đó, nhưng copy đâu có .mp3
Đơn giản bạn chỉ cần kích chuột phải > xem mã nguồn là bạn tìm được đuôi .mp3 ?
ad ơi, cho mình hỏi là mình đang dùng wordpress.com, trên dashboard không có mục plugin thì sao? Hay là chỉ wordpress.org mới có?
Đúng rồi bạn WordPress.com nó không có tính năng cài Plugin bạn nhé 🙂