Cách thay đổi kích thước danh sách phát nhạc của bạn cho Tumblr

Mặc dù bạn không thể thay đổi giao diện của trình phát âm thanh trên bảng điều khiển Tumblr, nhưng bạn có thể thay đổi giao diện của trình phát âm thanh trên blog của riêng bạn bằng cách sử dụng các tùy chọn tùy chỉnh và chủ đề của Tumblr. Bạn sẽ cần phải có một số kinh nghiệm với HTML và CSS, vì bạn phải sửa đổi chủ đề Tumblr của mình để thay đổi kích thước của trình phát âm thanh. Chính xác cách trình phát âm thanh được sửa đổi sẽ hơi khác nhau giữa các chủ đề, vì mỗi nhà phát triển viết các chủ đề Tumblr khác nhau. Tuy nhiên, các biến Tumblr cho các bài đăng âm thanh luôn giống nhau, điều này giúp đơn giản hóa quá trình tìm CSS phải được sửa đổi.

Mở trang tùy chỉnh cho chủ đề Tumblr của bạn. Nhấp vào liên kết "Chỉnh sửa HTML"; cái này nằm ở bên phải của hình thu nhỏ chủ đề Tumblr của bạn, ngay bên dưới tên của chủ đề.

Nhấn "Ctrl-F" để bắt đầu tìm kiếm và nhập "{block: audio}". Điều này sẽ đưa bạn đến một phần của chủ đề nơi người sáng tạo đã nhập cài đặt cho các bài đăng âm thanh. Xác định lớp CSS mà nhà phát triển đã sử dụng để kích thước trình phát âm thanh. Ví dụ: nếu bài đăng nằm trong phần tử div, bạn sẽ thấy thuộc tính 'class = "audio-player",' trong đó "audio-player" là tên của lớp.

Tìm kiếm tên lớp có dấu chấm ở phía trước, ví dụ: ".máy nghe nhạc". Dấu chấm trước tên là cách biểu định kiểu CSS xác định một lớp. Tìm kiếm này sẽ đưa bạn đến phần bên phải của biểu định kiểu để chỉnh sửa. Nó sẽ trông giống như thế này, với các dấu ngoặc được điền đầy đủ CSS:

.máy nghe nhạc {}

Một số chủ đề sử dụng các bảng định kiểu được liên kết bên ngoài mà bạn không thể chỉnh sửa. Chúng trông giống như:

Nếu đây là trường hợp của chủ đề của bạn, hãy thêm thuộc tính "style" vào thẻ sửa đổi trình phát âm thanh. Điều này cho phép bạn thêm CSS của riêng mình mà không cần sửa đổi biểu định kiểu hiện có. Thẻ có thể có cả thuộc tính "class" và thuộc tính "style". Điều này sẽ trông giống như sau:

Nhập thuộc tính "width:" vào lớp trong biểu định kiểu hoặc vào thuộc tính kiểu cho thẻ chứa. Nếu biểu định kiểu đã có thuộc tính "width", hãy sửa đổi điều đó; không thêm cái thứ hai. Bạn cũng có thể xác định chiều cao bằng thuộc tính "height". Nếu bạn đang sửa đổi biểu định kiểu, CSS của bạn sẽ trông giống như sau:

.audio-player {width: 100px; chiều cao: 25px; }

Nếu bạn đã thêm các thay đổi đối với thuộc tính "style" vào thẻ, thì cú pháp là:

Nhấp vào "Cập nhật Xem trước" để xem những thay đổi đó ảnh hưởng như thế nào đến chủ đề của bạn. Chủ đề có thể phức tạp và các thay đổi có thể không xuất hiện theo cách bạn mong đợi. Có thể mất vài lần thử để trình phát âm thanh chính xác theo cách bạn muốn.

Nhấp vào "Lưu" khi bạn đã sẵn sàng thực hiện các thay đổi chủ đề cho blog của mình.

Lời khuyên

Khi đăng nhạc từ một nguồn khác, chẳng hạn như danh sách phát Soundcloud, bạn có thể thay đổi kích thước của trình phát âm thanh trong mã đó; nó không bị sửa đổi bởi cài đặt Tumblr của bạn.

Cảnh báo

Bài viết này đề cập đến các tùy chọn chủ đề đã có vào tháng 1 năm 2014; các tùy chọn có thể thay đổi với các bản cập nhật trong tương lai cho trang web Tumblr.