Cách xóa khoảng trống giữa thanh bên widget cho WordPress

Trong WordPress, các widget cho phép bạn thêm nhiều tính năng và nội dung tùy chỉnh vào thanh bên của blog. Với các widget, bạn có thể hiển thị cho khách truy cập blog kho lưu trữ các bài đăng, thanh tìm kiếm tùy chỉnh hoặc các bài đăng Twitter mới nhất của bạn. WordPress tự động đặt một khoảng cách giữa mỗi widget với mục đích thẩm mỹ. Tuy nhiên, những khoảng trống này làm giảm lượng nội dung mà người đọc có thể nhìn thấy trên trang trước khi họ phải cuộn xuống. Thêm một dòng mã vào tệp custom.css của blog của bạn cho phép bạn loại bỏ những khoảng trống này.

Mở trình duyệt Internet của bạn và truy cập trang web WordPress của bạn. Nhập tên người dùng và mật khẩu của bạn, nếu được nhắc. Nhấp vào "Đăng nhập."

Nhấp vào "Giao diện" ở phía bên trái của màn hình. Nhấp vào "Trình chỉnh sửa".

Nhấp vào "custom.css" bên dưới tiêu đề Kiểu để xem biểu định kiểu tùy chỉnh của trang web của bạn.

Thêm dòng ".custom li.widget {margin-bottom: -10px! Important;}" vào biểu định kiểu custom.css. Loại trừ dấu ngoặc kép khi thêm dòng.

Nhấp vào "Cập nhật tệp."

Nhấp vào tên trang web của bạn ở đầu trang để xem các thay đổi. Nếu vẫn còn khoảng cách giữa các widget, hãy quay lại biểu định kiểu custom.css.

Thay đổi "-10" thành "-15." Kiểm tra trang web của bạn để thay đổi. Hãy thử các số âm lớn hơn cho đến khi hoàn toàn loại bỏ các khoảng trống.

Lời khuyên

Nếu bạn chỉ muốn loại bỏ khoảng cách giữa hai tiện ích, hãy thêm một văn bản trống giữa hai tiện ích đó. Áp dụng mã "

"vào tiện ích con văn bản, không bao gồm dấu ngoặc kép bên ngoài. Đi tới biểu định kiểu custom.css và thêm mã" .widget_space_1 {margin-bottom: 0px; } "ở cuối trang. Hãy thử thay đổi" 0 "thành một số âm, chẳng hạn như -10 hoặc -15, cho đến khi bạn nhận được kết quả mong muốn.

Cảnh báo

Hãy thận trọng khi chỉnh sửa mã trang web của bạn. Xóa hoặc thay đổi mã nhất định có thể gây ra những thay đổi không mong muốn. Cân nhắc tạo một bản sao lưu của mã trước khi thay đổi nó trong trường hợp có sự cố xảy ra.