Bỏ qua đến nội dung chính

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

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

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:

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

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.

nền WordPress ngẫu nhiê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ạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

nền hoạt hình

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.

bài đăng trên blog của lớp học

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

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

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.

Bài viết này chứa comments 2

  1. Bonjour,
    "Đoạn mã" của bạn làm tôi thích thú và tôi muốn điều chỉnh nó cho phù hợp với nhu cầu của mình.
    Đó là việc thay đổi màu sắc cứ sau 5 giây.
    Tôi đã không tìm ra cách để làm điều đó. Tôi không biết về php và việc sử dụng bộ đếm thời gian.
    Bạn có thể đưa tôi vào con đường xin vui lòng?

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
2 cổ phiếu
cổ phiếu2
tweet
Enregistrer