Tại sao wp_head () tạo lề trên cùng ở đầu tiêu đề chủ đề của tôi?

Tôi đang tạo một chủ đề tùy chỉnh và các yếu tố hoạt động như bình thường nhưng khi tôi đặt <?php wp_head() ?>thẻ tôi sẽ có lề trên cùng, ở đầu tiêu đề chủ đề của tôi.

Khi tôi loại bỏ <?php wp_head(); ?>các lề đi. Tôi đã ở đây một thời gian, bất kỳ sự giúp đỡ nào cũng sẽ rất tuyệt.

Khó nhìn mà không nhìn vào nó, nhưng một phỏng đoán có giáo dục:

Nhiều khả năng đó là CSS cho thanh quản trị, chỉ xuất hiện khi bạn đăng nhập. <?php wp_head() ?>Sẽ bao gồm css cho nó và <?php wp_footer(); ?>bao gồm html cho thanh quản trị.

Nếu bạn nhìn, nó thực sự phải là một lề trên được thêm vào thẻ html.

Nếu bạn cố gắng ẩn Thanh quản trị bằng cách nối vào show_admin_barbộ lọc, nhưng thực hiện việc này quá muộn ( initví dụ như ưu tiên mặc định là quá muộn), bạn sẽ nhận được lề trên 28px nhưng không có thanh quản trị ở đó.

Điều này cũng xảy ra với tôi, không gian này dành cho thanh quản trị ở đầu chủ đề của bạn sẽ được hiển thị cho người dùng đã đăng nhập.

Nếu bạn đã đăng nhập vào bảng điều khiển WordPress của mình trong cùng một trình duyệt mà bạn đang sử dụng chủ đề tùy chỉnh, thì đó là vấn đề.

Chỉ cần đăng xuất khỏi tài khoản quản trị viên WordPress và mở lại chủ đề tùy chỉnh của bạn.

Tôi cũng gặp phải vấn đề tương tự và tôi đã giải quyết nó bằng cách thêm vào đây:

html{ margin-top:0px !important;}

Đặt ở đầu tệp CSS của chủ đề của bạn.

thêm "lề-top: 0px! quan trọng" vào đầu tệp CSS của bạn thực sự sẽ hoạt động, nhưng CHỈ nếu bạn sắp xếp lại thông tin tiêu đề của mình để gọi tệp css SAU wp_head được gọi.

thuộc tính CSS thấp nhất sẽ được áp dụng, 100% thời gian.

Khối kiểu lề được xuất ra bởi _admin_bar_bump_cbhàm chạy trên wp_headhành động. Bạn có thể xóa hành động bằng cách gọi:

remove_action('wp_head', '_admin_bar_bump_cb');

Tôi đã đặt nó trong hook script enqueue của tôi và nó đã loại bỏ thành công đầu ra lề trên cùng, nhưng tôi chắc chắn rằng bạn có thể đặt nó ở bất cứ đâu trong hàm.php và nó hoạt động chính xác.

Bằng cách đó, bạn không cần ghi đè ngớ ngẩn trong css =)

Bạn sẽ thấy lớp nào đang thêm lề với fireorms hoặc một công cụ tương tự.

Thử cái này,

html { margin-top:0px; padding-top:0px; }