Một trong những người đăng ký đã hỏi chúng tôi liệu có thể thay đổi ngẫu nhiên màu nền của WordPress 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 trang web của bạn. 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.

Bằng cách truy cập  blog của bạn, bạn sẽ nhận thấy rằng cái sau có màu nền được biểu thị dưới dạng các sọc thay đổi khi chuyển đổi độ dốc.

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”. Hàm này thêm các lớp CSS do WordPress hoặc plugin tạo ra vào thẻ body của blog của bạn. Mỗi lớp học khác nhau tùy thuộc vào vị trí của người đó. Do đó, loại thể loại sẽ khác với loại của các kho 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.