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ẻ.
Xin chào,
Bài viết này sử dụng AI ChatGPT để viết sau đó được lựa chọn, biên tập lại nội dung, chỉ một phần nhỏ các bài là tôi tự viết. Nội dung thể hiện ý chí cá nhân về các vấn đề, giải pháp. Tôi lưu tại website này để học, tra cứu và chia sẻ.
Tôi là Minh, sống tại Hà Nội, kỹ sư phần mềm với hơn 20 năm kinh nghiệm. Các ngôn ngữ yêu thích của tôi là Swift, Objective-C, Java, Kotlin, .NET, HTML, JavaScript, CSS, Bootstrap, jQuery, AngularJS, Angular…
Các bạn có thể tải app của tôi trên App Store hoặc Google Play:
QuestionBank-Ôn thi vào 10: phiên bản iOS, phiên bản Android
TypingTest by QuestionBank: phiên bản iOS, phiên bản Android
Xin cảm ơn,
Minh