Một trong những người đăng ký của chúng tôi đã hỏi chúng tôi rằng liệu có thể thay đổi màu nền của WordPress một cách ngẫu nhiên hay không. Màu nền đóng một vai trò quan trọng đối với khán giả của bạn. Họ có thể thay đổi cách người dùng tương tác với website. trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thay đổi ngẫu nhiên màu nền của blog WordPress.

Phương pháp 1: Cách thêm màu ngẫu nhiên theo cách thủ công

Phương pháp này dành cho các nhà phát triển. Nó sẽ yêu cầu bạn thêm một phần mã vào các plugin hoặc chủ đề của mình. Hãy nhớ rằng bạn đã được hiển thị Cách tạo plugin WordPress.

Tất cả những gì bạn phải làm là thêm đoạn mã sau vào plugin hoặc trong tệp “functions.php” của chủ đề.

chức năng bpc_bg () {$ rand = array ( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'b', 'c', 'd', 'e', ​​'f'); $ Màu = '#'. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)] $ rand [rand (0,15)] $ rand [rand (0,15)] .. echo $ màu; }

Hàm này chỉ hiển thị các màu thập lục phân mà nó tạo ra trước đó.

Do đó, bạn sẽ cần phải sửa đổi tệp header.php của chủ đề của mình, nơi thẻ cậu bé được đặt như trong hình ảnh sau:

>

Bạn phải thay thế nó bằng mã sau:

style = "background-color: ">>

Lưu tệp của bạn và làm mới trang của bạn, bạn sẽ nhận thấy rằng có sự thay đổi màu sắc mỗi lần.

Bạn không có giới hạn về màu sắc bạn có thể chọn. Thậm chí có thể làm điều tương tự với các màu mà bạn đã xác định trước.

Phương pháp 2: Cách thay đổi màu nền bằng plugin

kết xuất của phương pháp này tốt hơn. Bởi vì nó cho phép bạn hiển thị nhiều màu cùng lúc và linh hoạt. Tất cả những gì bạn phải làm là cài đặt và kích hoạt plugin màu nền faboulous. Bạn có thể đọc hướng dẫn của chúng tôi về cài đặt và kích hoạt các plugin WordPress.

Khi truy cập blog của bạn, bạn sẽ nhận thấy rằng nó có màu nền được biểu thị dưới dạng các sọc thay đổi trong quá trình chuyển đổi gradient.

Phương thức 3: Cách thêm màu tùy chỉnh bằng cách chơi với các lớp CSS

Bài học cũ Chủ đề WordPress tiêu chuẩn sử dụng chức năng " Body_class từ WordPress trên thẻ “body”. Chức năng này thêm các lớp CSS được tạo bởi WordPress hoặc các plugin trên thẻ body của blog của bạn. Mỗi lớp khác nhau tùy thuộc vào vị trí của lớp đó. Do đó, hạng mục sẽ khác với hạng của tài liệu lưu trữ hoặc tác giả.

Ví dụ: nếu bạn có một blog với một danh mục gọi là " nhiếp ảnh“, Sau đó bạn có thể tìm thấy lớp tương ứng trong trang lưu trữ blog.

Từ thời điểm này, bạn có thể áp dụng một kiểu cụ thể cho thẻ này.

body.category-photography {background-color: #faebd7; }

Tương tự, bạn có thể áp dụng một mã cụ thể cho một danh mục cụ thể

body.postid-65 {background-color: #faebd7; }

Đó là tất cả những gì cần biết. Tôi hy vọng hướng dẫn này sẽ cho phép bạn thêm các lớp tùy chỉnh trên blog WordPress. Hãy chia sẻ bài viết này với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.