Cách sửa CSS trên WordPress

WordPress sử dụng kết hợp PHP, HTML và CSS để hiển thị giao diện của blog. Nếu CSS chứa mã không hợp lệ, blog sẽ không hiển thị như dự định, vì trình duyệt Web sẽ không hiểu mã được sử dụng trên trang. World Wide Web Consortium, hay W3C, có một công cụ tại chỗ, được gọi là Trình xác thực CSS, quét CSS để tìm lỗi. Bạn có thể sử dụng Trình xác thực CSS để tìm lỗi trong mã của mình, sau đó sửa CSS bằng cách sử dụng kết quả quét làm hướng dẫn.

1.

Truy cập W3.org để điều hướng đến World Wide Web Consortium. Chọn "Trình xác thực CSS" từ phần "Trình xác thực, Kỳ lân và Phần mềm khác" trong bảng điều khiển bên trái.

2.

Nhấp vào "Theo URI" và nhập địa chỉ Web liên kết đến tệp CSS hoặc nhấp vào "Tải lên tệp" và chọn tệp CSS từ ổ cứng của bạn. Bạn cũng có thể nhấp vào "Bằng cách nhập trực tiếp" và dán CSS vào hộp.

3.

Nhấp vào "Kiểm tra" để quét các lỗi WordPress CSS. Mở tệp CSS trong một chương trình như Notepad ++ hoặc vim, sau đó tìm kiếm từng lỗi bằng cách sử dụng các số dòng được liệt kê trong Trình xác thực CSS.

4.

Sử dụng các thông báo lỗi được báo cáo trong trình xác nhận để xác định cách sửa mã CSS cho WordPress. Hầu hết các thông báo lỗi là khá đơn giản. Ví dụ: một lỗi như "Không gian ô thuộc tính không tồn tại" sẽ xuất hiện nếu CSS của bạn bao gồm mã sau:

bảng {ô không gian: 0px; }

Thuộc tính "không gian di động" hợp lệ khi sử dụng HTML, nhưng thuộc tính đó không tồn tại trong CSS. Để loại bỏ không gian xung quanh bàn, bạn sẽ sử dụng "phần đệm" thay thế.

Bài ViếT Phổ BiếN