7 Cách chèn nhạc vào WordPress – Hướng dẫn chi tiết

7 Cách chèn nhạc vào WordPress – Hướng dẫn chi tiết

Nhạc nền giúp trang web của bạn thêm đặc trưng, tạo ấn tượng độc đáo đối với khách hàng. Ngoài ra, thêm nhạc nền cho website giúp trang web bạn nhiều năm kinh nghiệm hơn. Vậy làm sao để chèn nhạc vào wordpress miễn phí? Trong bài viết hôm nay, compamarketing sẽ giới thiệu 7 Cách chèn nhạc vào WordPress – Hướng dẫn chi tiết giúp bạn chèn nhạc vào wordpress tiện dụng. Cùng theo dõi để tham khảo nhé!

1. Cách chèn nhạc nền trong wordpress

Trước hết trong bài hướng dẫn này mình sẽ hướng dẫn những bạn cách chèn nhạc nền đơn thuần mà ít người quan tâm, trước tiên những bạn cần tạo cho mình một tài khoản https://www.mixcloud.com vì mình sẽ sử dụng nguồn nhạc làm hướng dẫn cho bài viết này. .

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

Chọn nhạc muốn chèn

Tiếp theo, nhấp vào “Embed Player”.

nhấp vào “Embed Player”

Và chọn kiểu hiển thị sau lúc nhúng nhạc vào website, ở đây mình sẽ chọn “Mini Widget” cho gọn ghẽ.

chọn “Mini Widget”

Tiếp theo, hãy đảm bảo bạn chọn “WordPress” và “Auto play” để bật tính năng tự động phát nhạc trên wordpress.

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

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

Để chèn nhạc vào widget của wordpress cũng khá đơn thuần giống như cách chèn fanpage facebook vào wordpress, bạn chỉ cần copy đoạn mã trên và dán vào vùng widget muốn hiển thị, footer của wordpress chẳng hạn.

Dashboard> Appearance> Customize> Widgets> Footer Một thêm widget “TEXT” và dán tất cả đoạn mã trên vào.

Lưu ý: Để nhạc phát trên tiện ích, bạn cần bỏ chọn nút “WordPress”.

Bỏ chọn nút wordpress

3. Sử dụng chức năng Audio Player của WordPress

Cách dễ nhất để thêm nhạc vào WordPress là tải tệp nhạc lên trang web của bạn và chèn nó vào bài đăng của bạn.

Chèn nhạc thực ra ko khác gì chèn ảnh, ngoại trừ định dạng tập tin.

Nói về những định dạng tệp, WordPress sở hữu thể xử lý âm thanh và video trong một số loại tệp nhất định như:

  • webm
  • ogv
  • mp4/m4v
  • wmv
  • mov/qt
  • flv
  • mp3/m4a/m4b
  • ogg/oga
  • wma
  • wav

Đây là cách chèn nhạc:

  • Click vào Add media.
Click vào Add media.
  • Kéo và thả những files nhạc vào (tương tự như lúc tải hình ảnh lên).
Kéo và thả những files nhạc vào
  • Nhấn vào Insert into post để chèn nhạc vào bài đăng.

4. Chèn Playlist vào WordPress

Bạn muốn chèn nhiều hơn Một bài hát?

Rất đơn thuần. Như đã nói ở trên, chèn nhạc cũng giống như chèn hình ảnh. Và chèn danh sách phát cũng giống như chèn gallery.

  • Chọn Add media.
  • Tiếp tục chọn Create Audio Playlist.
  • Sau đó, kéo thả những audio vào.
  • Nhấn Create a new playlist để chèn.
Nhấn Create a new playlist để chèn.

5. Chèn nhạc từ SoundCloud

SoundCloud là một nhà sản xuất san sẻ âm nhạc trực tuyến. Bạn sở hữu thể sử dụng SoundCloud làm máy chủ lưu trữ nhạc trên trang web của mình và sử dụng mã nhúng mà SoundCloud phân phối để chèn vào trang web của bạn.

Điều này giúp bạn tiết kiệm ko gian lưu trữ.

Để nhúng nhạc từ SoundCloud, hãy làm như sau:

  • Truy cập soundcloud.com và chọn một bài hát.
  • Như hình bên dưới, tìm kiếm và bấm vào nút san sẻ.
Tìm kiếm và bấm vào nút Share
  • Chọn Embed và copy đoạn code in đậm màu xanh.
Chọn Embed và copy đoạn code in đậm màu xanh.
  • Và dán code đó vào bài viết. Lưu ý chuyển sang dạng text (code) để dán.
chuyển sang dạng text (code) và dán vào

6. Chèn nhạc từ Cloudup và Kiwi6

Tôi gộp Hai trang web này thành một vì code của chúng giống nhau. Hơn nữa, nhịn nhường như Cloudup đã đóng chức năng đăng ký nên những bạn chưa sở hữu tài khoản Cloudup sẽ gặp trắc trở lúc chèn nhạc theo cách này. Và trang web sở hữu thể giúp bạn upload nhạc thay thế Cloudup là Kiwi6. Và điểm yếu của cách chèn nhạc này là bạn chỉ chèn được một bài hát duy nhất chứ ko thể chèn cả danh sách bài hát.

Đối với những bạn chưa sở hữu tài khoản Cloudup, giải pháp của chúng tôi là Kiwi6.

  • Trước hết, bạn truy cập https://kiwi6.com/ và đăng ký tài khoản tại đó, nhớ mở email để kích hoạt. Sau lúc đăng ký xong, phần Get Started sở hữu thể hiện ra, bạn vui lòng click vào dòng Don’t show this page again.
  • Tiếp theo, nhấn vào nút Upload Files ở góc trái màn hình để tải nhạc từ máy tính lên
  • Sau lúc quá trình tải lên hoàn thành, giao diện Kiwi6 sẽ trở lại như lúc đầu. Vui lòng bấm vào chữ File Manager ở góc trái màn hình để xem file nhạc đã tải lên
  • Ngoài ra, bạn sở hữu thể nhấp vào chữ Tài khoản ở góc trên bên phải màn hình và chọn File Manager.
  • Lúc giao diện File Manager xuất hiện, bạn bấm vào bài hát muốn chèn vào WordPress, sau đó copy đoạn mã đó vào phần Direct Hotlink. Chúng ta sẽ sử dụng phần Hotlink này để chèn vào WordPress.

Phần Hotlink mà bạn vừa sao chép sẽ sở hữu dạng tương tự như sau:

  • Đối với Cloudup: https://cldup.com/QFPKX9RCMN.mp3
  • Đối với Kiwi6: http://k003.kiwi6.com/hotlink/25duhxwnlr/Mua_doi_cho_Bo_Bo_ Kinh_Tam_OST _-_ Luu_Thi_Thi.mp3

Chú ý:

  • Nếu bạn muốn nhạc tự động phát, vui lòng thay đổi số “0” trong tính chất tự động phát thành “1”
  • Cập nhật ngày 06/06/2018: Tính chất autoplay hiện chỉ hoạt động với link nhạc từ Cloudup, còn đối với link nhạc từ Kiwi6 thì tính chất này ko hoạt động.

Với đoạn mã này, bạn sở hữu thể chèn vào bài viết, trang hoặc widget Văn bản (Text). Thực ra nếu ko để nhạc tự động phát, bạn chỉ cần dán link trực tiếp của bài hát vào tiện ích Văn bản hoặc bài viết, ko cần đổi mã như của tôi ở trên.

Để tránh lỗi mã lúc chèn nhạc vào bài viết, vui lòng dán mã ở chế độ HTML. Nếu bạn sử dụng giao diện viết WordPress cũ, chế độ này được gọi là Text.

dán mã ở chế độ HTML

Đây là một lưu ý chung cho cả SoundCloud và những widget khác. Tức là, nếu bạn muốn nhạc chỉ phát trên trang chủ mà ko phát trên những bài viết hoặc trang khác trong blog, hãy chú ý tới nút Visibility trong mỗi widget.

Chọn Visibility

Những bạn bấm vào nút này và chỉnh như hình phía dưới nhé:

Chỉnh như hình

Giao diện của mình là tiếng Anh nên if with là Trang và Front page, nếu bạn sử dụng tiếng Việt thì sở hữu thể là Trang và Trang chủ. Sau đó, bạn nhấn nút Done và lưu cài đặt.

7. Sử dụng một plugin để chèn nhạc vào WordPress

Ngoài cách chèn nhạc thủ công như trên thì hôm nay mình san sẻ với những bạn một plugin tạo sở thích riêng cho giao diện phát nhạc trên widget WordPress của mình, đó là Simple Music Widget.

7.1. Simple Music Widget là gì?

Simple Music Widget là một plugin tạo một widget sở hữu 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 sử dụng cũng sở hữu thể thêm một đoạn mô tả ngắn về bài hát.

7.2. Những chức năng chính của Simple Music Widget

  • Trình phát âm thanh dễ sử dụng
  • Tương trợ trình phát âm thanh HTML5
  • Tương trợ định dạng âm thanh mặc định của WordPress
  • Đáp ứng hoàn toàn (chủ đề của bạn phải đáp ứng để điều này hoạt động)
  • 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 của SiteOrigin

7.3. Một số hình ảnh về plugin Simple Music Widget

Music Widget
Một số hình ảnh về plugin Simple Music Widget
Plugin Simple Music Widget

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

Trên đây là 7 Cách chèn nhạc vào WordPress – Hướng dẫn chi tiết. Kỳ vọng compamarketing đã mang tới bạn những thông tin hữu ích trong quá trình quản lý, sử dụng website wordpress. Nếu sở hữu bất kì thắc mắc gì, hãy để lại comment bên dưới cho compamarketing nhé! Chúc những bạn thành công và đừng quên theo dõi những bài viết san sẻ về thủ thuật wordpress của compamarketing.

Article post on: nongdanmo.com


--- Cập nhật: 23-01-2023 --- nongdanmo.com tìm được thêm bài viết Cách chèn audio, video vào website từ website thesoundalarm.com cho từ khoá cach chen nhac vao web.

I. Webiste là gì?

Webiste là gì?

Website hay còn sở hữu tên gọi khác là trang web, trang web này bao gồm sở hữu tập hợp con, hình ảnh, video, flash,… Để được gọi là website thì buộc phải phải sở hữu tên miền , tên miền phụ sử dụng để lưu trữ trên máy chủ.

Một trang website sở hữu thể được xây dựng theo tập tin HTMl, XHTML hoặc là HTTP, HTTPS hoặc bạn cũng sở hữu thể tạo website wordpress nếu ko sở hữu nhiều tri thức chuyên môn. Với website được xây dựng bằng HTML thì được vận hành bằng CMS hoạt động trên máy chủ và được xây dựng bằng nhiều tiếng nói lập trình khác nhau chằng hạn như PHP, Java, .Net,..

Để tạo nên website hoàn chỉnh cần 3 phần chính đó là:

  • Hosting
  • Tên miền
  • Source code

II. Vì sao nên thêm video vào trong website

Với sự phát triển của công nghê ngày một hiện đại và phát triển thì đương nhiên nhu cầu tậu sắm online cũng được mở rộng hơn. Nhu cầu thiết kế website qua hình ảnh, video ngày được những doanh nghiệp lựa chọn, vậy vì sao cần phải chèn video vào trong website? Để trả lời nghi vấn này, bạn hãy theo dõi ở phần dưới nhé!

  • Bởi website được biết tới là trang tin giới thiệu những thông tin doanh nghiệp, để khách hàng biết tới những sản phẩm, nhà sản xuất.
  • Chèn video tạo điều kiện cho người sử dụng ở lại trang lâu hơn
  • Tốc độ tải nhanh, tiết kiệm được dung lượng băng thông
  • Thu hút được nhiều khách hàng, khách hàng tiềm năng tới với doanh nghiệp
  • Tạo thương hiệu doanh nghiệp
  • Hướng tới khách hàng biết tới những sản phẩm bên đơn vị mình
  • Là trang mạng online gián tiếp tương trợ cho khách hàng
  • Khoa học website phát triển mở đường cho những mô phỏng kinh doanh online như upload video lên website kết hợp với phần mềm quản lý trung tâm hay phần mềm dạy học để mở trung tâm dạy học online là một ví dụ thường thấy nhất.

III. Webiste mang lại những lợi ích gì?

  • Lợi ích mà website mang lại đó là sở hữu nhiều traffic, thu hút được nhiều khách hàng. Tương tự sẽ xúc tiến doanh thu bán hàng cao hơn, tăng thêm thu nhập và khiến cho cho khách hàng biết tới nhiều hơn.
  • Lúc người sử dụng truy cập vào website của bạn sẽ tìm được những sản phẩm họ muốn tìm, nếu sử dung tốt họ sẽ giới thiệu cho nhiều bạn bè khác nữa.
  • Website còn là nơi lưu trữ những thông tin đơn vị, thông tin sản phẩm từ đó sở hữu thể quản lý hàng hóa dễ hơn qua sử dụng những tính năng sở hữu trong website.

IV. Cách chèn audio, video vào trong website

Nếu như bạn đang muốn biết cách chèn ảnh, audio hoặc chèn video nhưng bạn vẫn đang loay hoay chưa biết cách chèn. Thì trong phần này, chúng tôi sẽ hướng dẫn cho bạn cách chèn sao cho đúng cách, dễ nhớ nhất.

1. Khái niệm về media

Khái niệm về media

Bạn sở hữu thể thấy được rằng, Media bao gồm nhiều định dạng khác nhau chẳng hạn như audio, video, music, thu thanh, hình ảnh động, phim,.. Hoặc sở hữu thể là bất cứ một định dạng nào khác mà bạn sở hữu thể xem, nghe và nhìn.

Vậy nên, trong website thường sẽ chứa đa kênh, đa phương tiện hướng tới người sử dụng, giải quyết được tất cả nhu cầu mà người sử dụng mong muốn.

Nói về định dạng phổ biến thì bao gồm trong video thì sở hữu: mpeg, avi, wmn, quik time, real video, flash, ogg,…

Còn định dạng trong audio bao gồm midi, audio, wma, aac, ogg, mp4,..

2. Cách chèn video vào trong website

Cách chèn video vào trong website

Để chèn video trong HTML thì bạn cần phải làm như sau:

Trình duyệt của bạn ko tương trợ thẻ định dạng video

Tuy nhiên, trong đoạn text thì trình duyệt của bạn sẽ ko tương trợ cho thẻ video và được hiển thị nếu như browser ko tương trợ trong HTML5.

Bạn sở hữu thể xem qua đoạn mẫu:

Trình duyệt của bạn ko tương trợ thẻ định dạng video

Source: nongdanmo.com

Hơn nữa, những tính chất của thẻ video được thể hiện cụ thể như sau:

Hầu như bất kỳ một loại thẻ HTML nào đều sở hữu những đặc tính chung, ngay cả video cũng vậy, những đặc tính chung đó bao gồm.

  • Contrlos: Với đặc tính này cho phép người sử dụng điều khiển những video như chạy, giới hạn và thay đổi âm lượng to – nhỏ video.
  • Width – height: Đây là độ rộng và cao của video
  • Source: Với thẻ source thì cho phép bạn định những file ở định dạng khác nhau mà trình duyệt hoàn toàn sở hữu thể chọn. Hầu hết những trình duyệt đều sở hữu thể định dạng lúc ban sơ sở hữu tương tự bạn mới sở hữu thể thấy thẻ

Ngoài ra, auto play còn tự động chạy video nhưng tiếc rằng  tính chất này ko tương trợ cho những thiết bị như iphone, ipad,..

Ví dụ cụ thể như:

Trình duyệt của bạn ko tương trợ thẻ định dạng video

Lưu ý: Tất cả những trình duyệt đều chèn định dạng MP4.

Nếu bạn sử dụng CMS WordPress sẽ được tích hợp thêm dụng cụ thêm Media và chỉ bạn chỉ cần upload video như một file thường nhật.

3. Cách chèn audio vào trong website

Cách chèn audio vào trong website

Chèn audio vào trong web cũng tương tự như chèn video vào trong website vậy. Và đây cũng được xem là thẻ HTML5.

Để chèn được âm thanh ở trong html thì trước hết bạn cần phải biết tới thẻ audio nhu sau:

Trình duyệt của bạn ko tương trợ thẻ định dạng audio

Tương tự tương tự thẻ audio cũng vậy, sở hữu tính chất auto play giống video.

Trình duyệt của bạn ko tương trợ thẻ định dạng audio

4. Cách chèn đối tượng kỹ thuật số với thẻ vào website