wordpressでログインしてサイトを見ると、管理バーの高さのマージントップが32pxほどhtmlに追加されるのでマージンを消してレイアウトが崩れを解消する方法

お巡りさん。コイツです。
このmargin-top:32pxです。しかも!important。

その高さ分レイアウトが崩れるのです。

フロントのjsにhtmlのスタイルを追加します。

$(function () {
    if($("#wpadminbar").length){
        $("html").css({"cssText": "margin-top:0!important;"});
    }
});

#wpadminbarをlengthであるかどうか判別して、あればhtmlタグにmargin-top:0!importantを追加してレイアウト崩れを解消できました。

作って学ぶ　WordPress ブロックテーマ [ エビスコム ]

楽天ブックス

Amazon

楽天