Thêm nhạc nền tự chạy cho website WordPress cực đơn giản
Hôm nay Hocban.vn chia sẻ đến mọi người cách thêm nhạc nền (định dạng mp3) vào website WordPress. Cách làm cực kỳ đơn giản luôn.
Cái trò này để làm chi ta ?
Ai hỏi thì các bạn cứ nói “mình thích thì mình làm thôi :v ” haha ! Hề hề, nói vậy chứ cái này xài phải cân nhắc vì:
Cái hay: vào những ngày lễ tình cmn nhân, sinh nhật bạn gái, dợ, hay là một ngày lễ gì đó đặc biệt trong năm bạn chèn nhạc vào để hứng khởi và thay đổi không khí :v
Cái dở: nó có thể gây khó chịu khi người truy cập không muốn nghe nhạc hoặc không thích bài hát của bạn, và nó cũng không có chỗ tắt, mở tab mới mà vẫn là web của bạn thì nó hát bè, cái trước cái sau … không nghe được :v >> nên dùng cho landing page thì oke con dê luôn 😀
Cách thêm nhạc nền tự chạy vào WordPress
Để làm các bạn chỉ cần copy đoạn code sau và đem dán vào file header.php hoặc footer.php là được nhé !
|
1 2 3 |
<audio autoplay > <source src="https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3" type="audio/mpeg"> </audio> |
Ở đây mình sẽ dán nó vào phần footer, cụ thể là trong file footer.php và đặt nó gần cuối file, cụ thể hơn nữa là nó trên thẻ đóng </body> như hình dưới đây:
Chèn nhạc nền mp3 vào trong file footer của WordPress
Các bạn có thể thay thế đường dẫn file .mp3 bằng đường dẫn bài hát mà bạn úp lên chẳng hạn như:
|
1 |
https://hocban.vn/wp-content/uploads/2017/07/ten-bai-hat.mp3 |
Một mẫu code cũng khá ngắn gọn, ngắn hơn cái trên luôn, các bạn chèn vào nó cũng hát được và có thể lặp lại.
|
1 2 |
<audio src="https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3" autoplay loop> </audio> |
Đấy, rất đơn giản đúng không nào ? Anh em nào làm được rồi hoặc đang chơi trò này comment link web bên dưới xem nhé ! Có chơi mới dán, ko chơi không dán SPAM nhé !
Vẫn như thường lệ, nếu có gì thắc mắc hoặc góp ý về thủ thuật này, anh em có thể côm mềnh bên dưới nhé :v
Mẹo liên quan
- Chèn icon cảm xúc vào bình luận
- Bộ sưu tập ảnh động vui cho bình luận
- Cách nhúng game HTML5 vào WordPress
- Thêm hiệu ứng chim bay 3D vào WordPress
Hocban.vn
Latest posts by Hocban.vn (see all)
- Ngăn WordPress tự động cắt ảnh ra nhiều kích thước mà không dùng - 10/10/2017
- API là gì ? - 09/10/2017
- Xoay phần tử trong CSS với thuộc tính transform rotate - 05/10/2017