Hướng dẫn làm thay đổi màu nền ngẫu nhiên trong WordPress

Thay đổi màu nền ngẫu nhiên là một trong những thủ thuật giúp bạn có được mẫu website như ý và góp phần thêm phần sống động cho website của bạn. Chúng ta cùng xem thủ thuật này nhé

Cách 1: Thêm màu nền ngẫu nhiên trong WordPress bằng cách sử dụng mã.

Phương thức này yêu cầu bạn thêm mã vào các tệp WordPress của bạn. Hãy thử phương pháp này chỉ khi bạn đã rành về wordpress.

Thay đổi màu nền hiển thị ngẫu nhiên trong WordPress

Trước tiên, bạn cần phải thêm mã này vào tệp functions.php trong theme của bạn.

function wpb_bg() { 
     $rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
     $color ='#'.$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 $color;
}

Hàm này chỉ tạo ra một giá trị màu hex ngẫu nhiên và lặp lại nó.

Bây giờ bạn cần chỉnh sửa tệp header.php của chủ đề. Xác định vị trí <body> dòng thẻ, nó sẽ trông như thế này:

<body <?php body_class(); ?>>

Thay thế bằng dòng này:

<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>

Lưu các thay đổi của bạn và sau đó truy cập trang web của bạn để xem mã đang hoạt động.

Cách 2: Thêm các sọc màu ngẫu nhiên sử dụng màu nền tuyệt vời.

Phương pháp này dễ dàng hơn và được khuyến khích cho người mới bắt đầu không muốn chỉnh sửa các tệp chủ đề WordPress của họ.

Đầu tiên, bạn cần phải cài đặt và kích hoạt plugin Fabulous Background Colors.

Bây giờ bạn có thể truy cập trang web của mình và bạn sẽ thấy các sọc đầy màu sắc làm màu nền trên trang web của mình. Những sọc này sẽ mờ dần và thay đổi màu sắc thanh lịch sau mỗi 5 giây.

Cách 3: Sử dụng CSS để thêm màu nền không ngẫu nhiên trong WordPress

Hầu như tất cả các chủ đề WordPress tuân thủ chuẩn đều sử dụng body_class() chức năng trong thẻ body. Thẻ này thêm một số lớp CSS vào thẻ body trong chủ đề của bạn. Các lớp CSS được tạo mặc định của WordPress này có thể được sử dụng để tạo kiểu cho từng bài đăng, danh mục, thẻ, v.v.

Ví dụ: nếu blog của bạn có danh mục được gọi là nhiếp ảnh, thì bạn có thể tìm thấy các lớp CSS này trong thẻ body của trang lưu trữ danh mục.

Bạn có thể thay đổi màu nền của danh mục cụ thể đó bằng cách thêm CSS này vào chủ đề WordPress của bạn hoặc bằng cách sử dụng plugin css tùy chỉnh.

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

Tương tự, bạn cũng sẽ tìm thấy lớp ID bài đăng cho từng bài đăng trong lớp nội dung. Bạn có thể sử dụng nó để tạo kiểu cho mỗi bài đăng WordPress khác nhau.

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

Mình hy vọng bài viết này đã giúp bạn tìm hiểu cách thay đổi màu nền ngẫu nhiên trong WordPress.

Leave a Reply

Your email address will not be published. Required fields are marked *

arrow