Cách thay đổi màu nền trên WordPress

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 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. Chúng 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 của bạn.

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

Hầu như tất cả các chủ đề WordPress tiêu chuẩn đều sử dụng chức năng " Body_class 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 học khác nhau tùy thuộc vào vị trí bạn đang ở. Do đó, loại danh mục sẽ khác với loại của các 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ì bạn cần biết. Hy vọng hướng dẫn này cho phép bạn thêm các lớp tùy chỉnh vào blog WordPress của mình. 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.