Nhúng file MP3 vào HTML website WordPress

Author By Tunlamweb 17/02/2025 0 Bình luận 3K lượt xem

Bạn có thể nhúng tệp MP3 vào website WordPress theo nhiều cách khác nhau. Dưới đây là một số phương pháp phổ biến:

1. Sử dụng Gutenberg Block (Cách đơn giản nhất)

WordPress có sẵn khối Audio giúp bạn chèn file MP3 dễ dàng:

Nhúng file MP3 vào HTML website WordPress
Nhúng file MP3 vào HTML website WordPress

Cách làm:

  1. Mở Bài viết hoặc Trang cần chèn file MP3.
  2. Nhấn vào biểu tượng (+) Thêm khối mới.
  3. Chọn khối Âm thanh (Audio).
  4. Nhấn Tải lên để tải file MP3 lên hoặc Thư viện phương tiện để chọn file có sẵn.
  5. Lưu và đăng bài.

Ưu điểm: Dễ sử dụng, không cần cài plugin.

2. Sử dụng Shortcode (Cách nhanh gọn)

Bạn có thể dùng shortcode để nhúng trình phát nhạc vào bài viết hoặc trang.

Cách làm:

Chèn đoạn code này vào bài viết hoặc trang:

Thay thế https://yourwebsite.com/path/to/audio.mp3 bằng đường dẫn file MP3 của bạn.
Thuộc tính:

  • autoplay="true" → Tự động phát.
  • loop="true" → Phát lặp lại.

Ưu điểm: Nhanh chóng, không cần plugin.

3. Sử dụng HTML (Tùy chỉnh nâng cao)

Bạn có thể nhúng trình phát nhạc bằng thẻ <audio> trong trình chỉnh sửa HTML của WordPress.

Nhúng file MP3 vào HTML website WordPress
Nhúng file MP3 vào HTML website WordPress

Cách làm:

Chuyển sang chế độ Chỉnh sửa HTML trong trình soạn thảo và chèn:

Ưu điểm: Kiểm soát hoàn toàn giao diện, dễ tùy chỉnh bằng CSS.

4. Sử dụng Plugin (Nếu cần tính năng nâng cao)

Nếu bạn muốn có giao diện đẹp hơn, playlist, hoặc chức năng nâng cao, hãy sử dụng plugin.

Gợi ý plugin tốt nhất:

  • AudioIgniter (Miễn phí) – Tạo playlist chuyên nghiệp.
  • MP3 Music Player by Sonaar – Hỗ trợ hiển thị đẹp, tương thích WooCommerce.
  • Seriously Simple Podcasting – Tốt cho podcasting.

Ưu điểm: Nhiều tính năng, dễ dùng.
Nhược điểm: Cần cài thêm plugin.

Kết luận – Cách nào phù hợp với bạn?

  • Nếu chỉ muốn nhúng MP3 đơn giản: Dùng Gutenberg block hoặc Shortcode.
  • Nếu muốn tùy chỉnh giao diện: Dùng HTML + CSS.
  • Nếu cần chức năng nâng cao (playlist, giao diện đẹp): Dùng Plugin.

Bạn cần hỗ trợ chi tiết về cách làm nào không?

Xem thêm: Tạo shortcode button nhập tên nút và link

Theo dỗi tên trên Fanpage và Youtube của mình nhé.

Thích 0
Bình thường 0
Kết nối với mình qua

Tunlamweb.com - Blog chia sẻ WordPress, bạn có thể dễ dàng tiếp cận và học hỏi mọi khía cạnh của WordPress, từ cơ bản đến chuyên sâu, giúp bạn xây dựng và phát triển website một cách chuyên nghiệp và hiệu quả. Hướng dẫn về cách chọn, cài đặt, và tùy chỉnh các theme WordPress để tạo nên giao diện độc đáo cho website. Một số bài viết cũng đề cập đến việc tự thiết kế theme cho riêng mình. Nếu bạn đang tìm kiếm một nguồn tài liệu phong phú để học hỏi, cập nhật kiến thức mới nhất về WordPress và cách làm, thì Blog Tunlamweb.com là một nơi lý tưởng để khám phá. Chúc bạn ngày mới tốt lành.

0 0 votes
Đánh giá bài viết
Subscribe
Notify of
guest

0 Góp ý
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x