Hướng dẫn cách chèn nhạc vào wordpress

Âm nhạc là một trong những nhu cầu giải trí không thể thiếu đối với bất kỳ ai, bạn đã bao giờ lên mạng chỉ để nghe một bài nhạc nào đó? Tôi chắc là đã nhiều lần như vậy rồi và còn gì tuyệt vời hơn khi bạn vừa đọc blog vừa nghe nhạc nhỉ, bài viết này tỗi sẽ hướng dẫn bạn cách chèn nhạc vào wordpress một cách dơn giản nhất.

Hướng dẫn chèn nhạc vào WordPress mới nhất 2017

Cách chèn nhạc nền vào wordpress

Đầu tiên trong bài hướng dẫn này tỗi sẽ chỉ bạn cách chèn nhạc nền đơn giản mà không mấy ai để ý tới nó, đầu tiên bạn cần bạn cần tạo cho mình một tài khoản http://ift.tt/L1YpX6 bởi vì tôi sẽ lấy nguồn nhạc ở làm hướng dẫn cho bài viết này.

Tiếp theo hãy tìm đến bản nhạc bạn muốn chèn làm nhạc nền và click vào biểu tượng chia sẻ nhạc tương tự như ảnh bên dưới:

Cách chèn nhạc nền từ mixcloud vào wordpress

Tiếp theo hãy click vào “Embed Player”.

Lấy mã nhúng nhạc trên mixcloud chèn vào wordpress

Và chọn kiểu hiện thị sau khi nhúng nhạc vào website ở đây tôi sẽ chọn là “Mini Widget” cho gọn gàng.

tùy chọn nhúng nhạc trên mixcloud

Tiếp theo hãy chắc chắn là bạn tích vào “WordPress” và “Auto play” để kích hoạt nhạc tự chạy trên wordpress.

Sau đó hãy copy toàn bộ mã nhúng trên và dán vào bất kỳ đâu của wordpress, bạn có thể chèn nhạc vào bài viết wordpress, trang, hay sidebar…

Chèn nhạc vào widget của wordpress

Để chèn nhạc vào widget của wordpress cũng khá đơn giản như cách chèn fanpage facebook bạn chỉ cần copy đoạn mã lúc nẫy và dán vào khu vực widgets muốn hiển thị ví dụng như footer của wordpress chẳng hạn.

Thì các bạn làm như sau truy cập Dashboard > Appearance > Customize > Widgets > Footer 1 thêm một tiện ích “TEXT” và dán toàn bộ code trên vào.

Chèn nhạc vào widget của wordpress

Lưu ý: Để nhạc có thể chạy trên widget bạn cần phải bỏ tích vào nút “WordPress” nhé.

Bỏ tích wordpress trên mixcloud

Chèn nhạc vào wordpress bằng soundcloud

Tương tự như mixcloud truy cập ngay https://soundcloud.com tìm cho mình một bài nhạc yêu thích nhất và lick vào nút “Share” như ảnh bên dưới đây.

Chèn nhạc vào wordpress bằng soundcloud

Chọn “Embed” và kiểu hiện thị và các tùy chọn phát rồi copy đoạn mã vừa tạo được, dán vào bất kỳ đâu của wordpress.

Cách lấy mã nhúng nhạc trên soundcloud

Demo chèn nhạc vào wordpress bằng soundcloud

Plugin chèn nhạc vào wordpress

Ngoài cách chèn nhạc thủ công như bên trên hôm nay tôi chia sẻ với các bạn một plugin để 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 đó là Simple Music Widget.

simple music widget plugin wordpress

Simple Music Widget là gì?

Simple Music Widget là một plugin tạo ra một tiện ích có thể được sử dụng để hiển thị trình phát nhạc với tên nghệ sĩ, bài hát và hình ảnh đại diện. Người dùng cũng có thể thêm một mô tả ngắn về bài hát.

Chức năng chính của Simple Music Widget

  • Dễ dàng sử dụng trình phát âm thanh
  • Hỗ trợ trình phát âm thanh HTML5
  • Hỗ trợ định dạng âm thanh mặc định của WordPress
  • Hoàn toàn đáp ứng (chủ đề của bạn phải đáp ứng cho điều này để làm việc)
  • Tùy chỉnh trình phát thông qua css tùy chỉnh
  • Tải lên ảnh bìa và tệp âm thanh
  • Sử dụng url hình ảnh bên ngoài và url tệp âm thanh
  • Tương thích với Trình tạo Trang bởi SiteOrigin

Một số hình ảnh của simple music widget plugin

Hình ảnh của giao diện cài đặt simple music widget

Hình ảnh của simple music widget trên sidebar

Hình ảnh của simple music widget

Việc cài đặt và sử dụng Simple Music Widget rất dễ nên mình không nói ở đây nữa bạn chỉ cần cài đặt và sử dụng thôi.

Lời kết

Trên đây là ba cách để chèn nhạc vào website wordpress một cách đơn giản nhất, bằng những phương pháp này bạn có thể chèn những bản nhạc vui nhộn vào website của mình và kích hoạt tự động phát mỗi khi khách truy cập vào trang, hy vọng bài viết này sẽ hữu ích cho bạn, nếu thấy hay hãy chia sẻ bài viết này cho người khác biết nhé.

The post Hướng dẫn cách chèn nhạc vào wordpress appeared first on Sampres.com.

Nhận xét

Bài đăng phổ biến từ blog này

Hướng dẫn cài đặt wordpress trên Xampp mới nhất

Quy trình SEO tổng thể một dự án by Vũ Đức Mạnh

Hướng dẫn tích hợp Widget Zalo Chat vào website wordpress