Categories WordPress

Cách chèn nhạc vào WordPress (từ YouTube, NhacCuaTui, SoundCloud…)

cách chèn nhạc vào WordPress

Trong bài viết này mình sẽ hướng dẫn các bạn chèn nhạc vào WordPress từ các trang âm nhạc phổ biến ở Việt Nam hiện nay, bao gồm:

Mình bắt đầu luôn nhé.


Tổng quan

Về bản chất, bạn chỉ cần lấy code nhúng rồi đưa vào trang WordPress của bạn là xong.

Các trang web khác nhau có thao tác lấy mã nhúng rất tương tự nhau, thường nằm ở nút chia sẻ, nếu chịu khó tìm một chút thì bất kỳ trang chia sẻ nhạc nào dù chưa quen dùng bạn cũng sẽ tìm được mã nhúng thôi, nên nhớ là nó sẽ bắt đầu bằng đoạn mã như thế này: <iframe

Cuối cùng chỉ là copy và paste. Nếu thích thì bạn điều chỉnh thêm kích cỡ khung nhạc nữa mà thôi. Kích cỡ nhỏ thì chiều rộng cỡ 300px chiếm được khoảng nửa màn hình khi xem trên laptop, còn 600 – 800 px thường là full khi xem trên laptop.


Chèn nhạc vào WordPress từ YouTube

Bước 1: Copy mã nhúng

Giả sử mình muốn chèn bài hát Mặt Trời Của Em của Phương Ly, link: https://www.youtube.com/watch?v=t0WFOnwp3MM

Tại bài hát đó bạn nhấn vào nút CHIA SẺ:

mặt trời của em - youtube

Một cửa sổ bật ra, bạn nhấn vào NHÚNG:

nhấn vào nhúng trên Youtube

Cửa sổ khác bật ra tiếp, bạn chọn Bắt đầu tại 0:00 (để video được nhúng bắt đầu chạy từ đầu), rồi click vào SAO CHÉP:

sao chép mã nhúng

Thao tác click vào SAO CHÉP giúp bạn copy được mã để nhúng bài hát đó vào WordPress.

Bước 2: Nhúng vào WordPress

Tại giao diện biên tập bài viết của WordPress, bạn click vào Văn bản/Text:

Phiên bản tiếng Việt:

click chọn văn bản wordpress

Phiên bản tiếng Anh:

text wordpress

Bạn sẽ thấy bài viết của bạn giờ trông hơi lạ như thế này, với một số ký tự mà bạn chưa bao giờ thấy:

mã code bài viết

Nhưng bạn đừng lo lắng, bạn không cần quan tâm đến nó, chỉ cần paste (nhấn tổ hợp phím Ctrl + V) đoạn mã nhúng bạn vừa copy được bên YouTube xuống phần cuối còn trống của bài.

Sau đó bạn nhấn sang tab Trực quan/Visual ngay bên cạnh nút Văn bản/Text, bạn sẽ thấy video hiện ra như bên dưới.

Kết quả:


Chèn nhạc vào WordPress từ Nhạc Của Tui

Bước 1: Copy mã nhúng

Thao tác copy mã nhúng bên Nhạc Của Tui khá giống với YouTube, bạn làm như hình dưới đây, click vào Chia sẻ, rồi chọn Bình thường (đừng chọn Tự động play vì nó có thể gây khó chịu cho người nghe):

copy mã nhúng Nhạc Của Tui

Tiếp theo bạn copy mã nhúng ở ô Embed (nhấn Ctrl + A để chọn tất mã, rồi Ctrl + C để copy đoạn mã).

Bước 2: Nhúng vào WordPress

Làm tương tự như Bước 2 ở phần YouTube, chẳng khác chút nào luôn đâu.

Kết quả:


Chèn nhạc vào WordPress từ SoundCloud

Bước 1: Copy mã nhúng

Tại bài hát trên Sound Cloud, bạn cũng nhấn vào nút Share:

Nhấn vào Share trên Sound Cloud

Một cửa sổ bật ra, bạn chọn Embed, rồi click vào ô dưới chữ code để copy mã nhúng (Ctrl + A, rồi Ctrl + C). Bạn có thể điều chỉnh chiều cao ở cột Height nếu muốn, nhưng mình nghĩ mặc định 300px của nó là ổn rồi:

mã nhúng của Sound Coud

Bước 2: Nhúng vào WordPress

Làm tương tự như Bước 2 ở phần YouTube, chẳng khác chút nào cả.

Kết quả:


Chèn nhạc vào WordPress từ MP3 Zing

Bước 1: Copy mã nhúng

Tại bài hát trên MP3 Zing, bạn nhấn vào nút Chia sẻ:

Chia sẻ trên MP3 Zing

Tiếp theo bạn chọn như hình bên dưới (bỏ chọn Tự động play & nếu thích hãy sửa đổi kích thước mà bạn muốn, nếu không có gì đặc biệt thì mặc định 640 x 180 của nó cũng ổn):

MP3 Zing mã nhúng

Bạn click chuột dưới ô Mã nhúng, nhấn Ctrl + A để chọn tất mã, rồi Ctrl + C để copy đoạn mã.

Bước 2: Nhúng vào WordPress

Làm tương tự như Bước 2 ở phần YouTube, chẳng khác chút nào.

Kết quả:


Chèn nhạc vào WordPress từ Nhac.vn

Bước 1: Copy mã nhúng

Tại bài hát trên Nhac.vn, bạn nhấn vào biểu tượng bánh răng cưa như hình bên dưới:

cách lấy mã nhúng trên nhac.vn

Một cửa sổ như bên dưới sẽ bật ra, bạn click vào Mã nhúng:

chọn mã nhúng

Cửa sổ mới bật ra, bạn copy đoạn mã trong khung (Ctrl + A rồi Ctrl + C):

copy mã nhúng nhac.vn

Bước 2: Nhúng vào WordPress

Làm tương tự như Bước 2 ở phần YouTube, chẳng khác chút nào.

Kết quả:

Mình không show kết quả với mã nhúng của nhac.vn vì nó không có tùy chọn tắt auto play.

Bật tự động làm mình khó chịu vì nó can thiệp vào quyền mình có muốn nghe hay không. Cho nên phần này hướng dẫn để bạn biết vậy chứ không khuyến khích dùng để chèn nhạc (tất nhiên trừ những ai mà tính năng auto-play không gây phiền hà).


Chèn nhạc vào WordPress từ MixCloud

Bước 1: Copy mã nhúng

Tại bài hát trên MixCloud, bạn nhấn vào nút Share như hình bên dưới:

click vào nút chia sẻ trên MixCloud

Một cửa sổ bật ra, bạn chọn các bước như trong hình:

lấy mã nhúng theo từng bước

Ở thao tác thứ 3, bạn chỉ cần nhấn vào ô đó là nó tự động copy.

Bước 2: Nhúng vào WordPress

Làm tương tự như Bước 2 ở phần YouTube, chẳng khác chút nào.

Kết quả:

Video hướng dẫn

Xin chào & hẹn gặp lại.

Bài tiếp theo: Quản lý ảnh trong WordPress.

Back to Top