5 thủ thuật đơn giản để tùy chỉnh Theme Twenty Twenty chỉ với CSS

Tối ưu hoá theme Twenty Twenty đẹp hơn, nhanh hơn, mượt hơn.


Tôi từng nghĩ rằng không còn gì phải làm để tùy chỉnh Theme Twenty Twenty nữa vì nó trông rất đẹp (thực ra, tôi đã hết ý tưởng), gọn nhẹ, seo rất tốt.

 Nhưng, hôm nay tôi đã vô tình truy cập Diễn đàn Twenty Twenty và tôi phát hiện ra rằng các bạn có nhiều yêu cầu thay đổi giao diện cho đẹp hơn. Và vì bộ não mang chủ nghĩa mày mò của tôi luôn mong muốn website mình hoàn thiện hơn, đây là câu trả lời của tôi mà không cần giới thiệu thêm 😊.

1.Cách xóa “Danh mục:” và “Thẻ:” khỏi các trang của kho lưu trữ.

Quá dễ, một nốt nhạc

.archive header span { display:none; }

2.Cách đặt các màu khác nhau cho phần đầu trang và chân trang

Cách đây nhiều tháng tôi đã trình bày về cách thay đổi màu hệ lục phân của chủ đề, nhưng tôi chưa bao giờ thực hiện điều này: có một màu nền cho đầu trang và một màu khác cho chân trang.

 Có một điều cần lưu ý ở đây: Chủ đề Twenty Twenty có hai phần footer, đại loại là nói;  đó là: a) khu vực phụ tùng chân trang, và b) khu vực thông tin trang web, khu vực ở dưới cùng.

Chọn Customize > Add Additional CSS, thêm đoạn mã này vào cuối:

#site-header,
#site-footer {
	background-color:#222;
}// footer 

.footer-nav-widgets-wrapper {
	background-color:#ddd;
}// khu vuc duoi cung
5 thủ thuật đơn giản để tùy chỉnh Theme Twenty Twenty chỉ với CSS

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Chuyển lên trên