Tính năng chủ đề WordPress Custom Backgrounds

Tính năng chủ đề hình nền tùy chỉnh của WordPress cho phép tùy chỉnh hình ảnh và màu nền của chủ đề. Nếu chủ đề đã đặt một hình nền và màu cụ thể thì tính năng nền tùy chỉnh có thể, thông qua giao diện người dùng do WordPress cung cấp, cho phép người dùng điều chỉnh chúng cho phù hợp.

Thêm hỗ trợ chủ đề

Tương tự như tiêu đề tùy chỉnh, để cung cấp và cho phép sử dụng tính năng này trong chủ đề của bạn, bạn chỉ cần gọi hàm trong chủ đề của mình . Như vậy:add_theme_support()functions.php
add_theme_support( 'custom-background' );
Với điều đó, WordPress cung cấp cho bạn một liên kết bổ sung và màn hình có nhãn “Nền” trong menu “Giao diện” chính mà từ đó bạn có thể thao tác với hình nền và màu sắc. Đương nhiên, với các tính năng như vậy, bạn sẽ cần kiểm soát chi tiết hơn một chút. Cụ thể, với những gì mà tính năng này mang lại, bạn có thể hiểu nó bằng cách coi nó như một khai báo "nền" CSS. Ở mức tối thiểu, bạn sẽ muốn xác định hình nền và màu nền.

Rõ ràng là bạn sẽ cho phép tính năng này với sự hiểu biết ngầm rằng người dùng cuối của chủ đề có thể và có khả năng sẽ thay đổi cài đặt mặc định của bạn. Người dùng cuối của chủ đề của bạn có thể quyết định những biến thể hoang dã nào cho chủ đề cử chỉ của bạn mà họ muốn áp dụng.

Đã thêm hỗ trợ cho tính năng này, hãy tiếp tục và đặt giá trị mặc định cho hình nền và màu sắc. Sửa lại hàm trên để trông giống như sau:

add_theme_support( 'custom-background', array (
  'default-color' => 'f6f6f6',
  'default-image' => get_template_directory_uri() . '/images/default-bg-image.png',
));

Khi bạn gọi hàm, WordPress sẽ tự động in một biểu định kiểu được nhúng vào để xử lý các khai báo CSS nền. Bạn chỉ cần đảm bảo rằng ngoài phần tử mà bạn đang sử dụng, tức là ở mức tối thiểu, lớp nội dung mở của bạn cần phải trông như sau:<head><body>body_class()

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

Với vị trí sẵn có, WordPress gắn các lớp CSS cần thiết vào phần tử body sẽ cho phép nhắm mục tiêu nền để tạo kiểu. ví dụ: khi sử dụng hình nền, WordPress sẽ thêm lớp CSS “nền tùy chỉnh” vào phần tử body.body_class()

Ngoài ra, để cho phép WordPress xuất ra biểu định kiểu nhúng cần thiết, bạn cần phải có ngay trước khi đóng thẻ của mình .<?php wp_head(); ?><head>