bạn có thể sửa màu mặc định của khối mã trong trình soạn thảo Gutenberg của WordPress bằng cách thay đổi hoặc thêm mã CSS tùy chỉnh cho toàn bộ trang web hoặc chủ đề WordPress. Dưới đây là cách bạn có thể thực hiện điều này:
- Trong trình soạn thảo WordPress, điều hướng đến “Giao diện” (Appearance) » “Tùy chỉnh” (Customize).
- Trong tùy chỉnh chủ đề của bạn, điều hướng đến phần “Tùy chỉnh bổ sung” (Additional CSS) hoặc một phần tương tự có tên khác.
- Thêm mã CSS tùy chỉnh để sửa đổi màu nền của khối mã. Ví dụ:
/* Sửa màu nền mặc định cho khối mã */
.wp-block-code {
background-color: #000000;
color: #ffffff;
}Trong mã CSS trên, .wp-block-code là lớp mặc định được sử dụng cho khối mã trong Gutenberg. Bạn có thể thay đổi giá trị background-color thành màu bạn muốn.
- **Nhấn nút “Xác nhận và xuất bản” hoặc “Lưu và có thể xem trước” để lưu thay đổi CSS tùy chỉnh.
- Kiểm tra kết quả trên trang web của bạn.
Lưu ý rằng việc sửa đổi CSS tùy chỉnh có thể thay đổi màu nền cho toàn bộ khối mã trên trang web của bạn. Nếu bạn muốn sửa đổi màu nền của khối mã chỉ trong một số trang hoặc bài viết cụ thể, bạn có thể sử dụng plugin hoặc trình soạn thảo Gutenberg để thực hiện điều này cho từng trang hoặc bài viết riêng lẻ.
