Hướng dẫn

Cách chỉnh sửa chủ đề của bạn bằng HTML trên Tumblr

Tumblr hỗ trợ tùy chỉnh đầy đủ cho bất kỳ chủ đề miễn phí nào bạn chọn, cũng như các chủ đề tùy chỉnh hoàn toàn cho blog Tumblr của bạn. Chủ đề trên Tumblr được thực hiện bởi nhiều nhà phát triển khác nhau, nhiều người trong số họ là người dùng Tumblr; do đó, thiết kế và bố cục của mã khác nhau đáng kể giữa các chủ đề, chỉ có các yếu tố chính chung. Mặc dù thử nghiệm là một phương tiện hiệu quả để học những kiến ​​thức sâu hơn về hệ thống, nhưng tốt nhất bạn nên có một số kiến ​​thức cơ bản về chủ đề trước khi chỉnh sửa chủ đề của bạn. Tumblr cung cấp một trang tài liệu đầy đủ về các chủ đề và biến tùy chỉnh.

1

Mở trang tùy chỉnh Tumblr của bạn tại Tumblr.com/customize; bạn cũng có thể nhấp vào tên người dùng của mình ở đầu trang tổng quan Tumblr, sau đó nhấp vào "Tùy chỉnh Giao diện" trên thanh bên.

2

Nhấp vào nút "Chủ đề". Màn hình mặc định là màn hình chọn chủ đề. Chọn một chủ đề mà bạn cảm thấy thoải mái khi chỉnh sửa, nếu bạn chưa chọn chủ đề. Sau khi được chọn, hãy nhấp vào "Sử dụng HTML tùy chỉnh" ở cuối menu Chủ đề.

3

Xem qua mã để có cảm nhận về cách nhà phát triển xây dựng chủ đề ban đầu. Chủ đề sử dụng hỗn hợp mã, bao gồm HTML, CSS và Javascript. Các chủ đề Tumblr sử dụng một tập hợp các khối tiêu chuẩn để xác định các vùng mã áp dụng cho các bài đăng và phần khác nhau của blog. Ví dụ: phần xác định bài đăng âm thanh sẽ bắt đầu bằng "{block: Audio}" và kết thúc bằng "{/ block: audio}" và phần dành cho các bài đăng trích dẫn sẽ bắt đầu bằng {block: Quote} và kết thúc "{/ block: Trích dẫn } "giúp bạn dễ dàng tìm thấy các loại và phần bài đăng riêng lẻ. Nếu bạn đang tìm kiếm một phần tử cụ thể, tính năng "tìm" của trình duyệt của bạn sẽ có thể tìm thấy các từ trong HTML chủ đề.

4

Chèn bất kỳ HTML tùy chỉnh nào mà bạn muốn. Nếu bạn muốn tạo một biểu định kiểu mới cho chủ đề của mình, bạn sẽ chèn nó vào đâu đó giữa thẻ mở và thẻ đóng cho phần đầu của tài liệu. Biểu định kiểu được định dạng là

Bạn có thể bao gồm nhiều phần tử trong biểu định kiểu của mình nếu bạn cần. Bất kỳ phần tử nào cũng có thể được sửa đổi bằng cách sử dụng CSS. Ví dụ: nếu bạn muốn đặt bất kỳ thứ gì được sửa đổi với thẻ H2 là cao 22 pixel và màu xám đậm, thì biểu định kiểu sẽ bao gồm khối này:

h2 {font-size: 22px; màu: # A8A8A8;}

5

Thêm bất kỳ kiểu nào vào các phần tử HTML riêng lẻ bằng thẻ "style". Ví dụ: nếu bạn muốn thay đổi trích dẫn trên trang của mình để có bóng văn bản màu xám nhạt, bạn sẽ tìm thấy HTML sửa đổi trích dẫn của bạn và thêm vào bên trong dấu ngoặc của thẻ HTML. Bất kỳ CSS nào được thêm vào theo cách này đều hoạt động ngoài biểu định kiểu trên trang của bạn.

6

Nhấp vào "Cập nhật Xem trước" để xem các thay đổi đối với blog Tumblr của bạn trong bản xem trước mà không lưu bất kỳ thay đổi nào. Cuối cùng khi bạn đã thực hiện các thay đổi mong muốn cho blog Tumblr của mình và sẵn sàng thực hiện chúng, hãy nhấp vào "Lưu".

$config[zx-auto] not found$config[zx-overlay] not found