Cách chỉnh sửa chủ đề của bạn với 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ủ đề hoàn toàn tùy chỉnh cho blog Tumblr của bạn. Các 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; như vậy, thiết kế và bố cục của mã thay đổi mạnh mẽ 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ả để tìm hiểu về hệ thống, nhưng tốt nhất bạn nên có một số nền tảng trong các chủ đề trước khi chỉnh sửa hệ thống của mình. 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 bảng điều khiển Tumblr của bạn 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ủ đề bạn cảm thấy thoải mái khi chỉnh sửa, nếu bạn chưa chọn một chủ đề. Sau khi chọn, nhấp vào "Sử dụng HTML tùy chỉnh" ở dưới cùng của menu Chủ đề.

3.

Xem qua mã để có cảm nhận về cách nhà phát triển ban đầu xây dựng chủ đề. 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 bộ 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. Chẳng hạn, phần xác định bài đăng âm thanh sẽ bắt đầu "{block: Audio}" và kết thúc bằng "{/ block: audio}" và phần dành cho bài đăng trích dẫn sẽ bắt đầu {block: Trích dẫn} và kết thúc "{/ block: Trích dẫn } "giúp dễ dàng tìm thấy các loại bài đăng và phần riêng lẻ. Nếu bạn đang tìm kiếm một yếu 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 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ó ở đâu đó giữa các thẻ mở và đó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 yếu tố trong biểu định kiểu của mình khi bạn cần. Bất kỳ yếu tố nào cũng có thể được sửa đổi bằng CSS. Chẳng hạn, nếu bạn muốn đặt bất cứ thứ gì được sửa đổi với thẻ H2 là cao 22 pixel và màu xám đậm, biểu định kiểu sẽ bao gồm khối này:

h2 {cỡ chữ: 22px; màu: # A8A8A8;}

5.

Thêm bất kỳ kiểu nào vào các thành phần HTML riêng lẻ bằng cách sử dụng thẻ "style". Ví dụ: nếu bạn muốn thay đổi dấu ngoặc kép 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 dấu ngoặc của thẻ HTML. Bất kỳ CSS nào được thêm theo cách này đều hoạt động cùng với biểu định kiểu của trang của bạn.

6.

Nhấp vào "Cập nhật bản 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. Khi cuối cùng 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 cam kết chúng, hãy nhấp vào "Lưu".

tiền boa

• Thay đổi chủ đề của bạn chỉ ảnh hưởng đến trang của bạn, không phải bảng điều khiển hoặc Tumblelog của bạn.

Cảnh báo

• Hãy cẩn thận với cú pháp của bạn; bất kỳ lỗi chính tả hoặc lỗi cú pháp có thể phá vỡ toàn bộ chủ đề của bạn.
• Để quay lại các tùy chọn lựa chọn chủ đề, bạn sẽ cần chọn "Tắt HTML tùy chỉnh;" như ngụ ý, điều này loại bỏ mọi HTML tùy chỉnh bạn đã sử dụng.
• Nếu chủ đề của bạn sử dụng biểu định kiểu bên ngoài cho các thành phần chủ đề, việc thay đổi các thành phần CSS có thể khó khăn hơn.