source

margin-top 삭제 방법: 32px!중요한 것은 12부터입니다.

ittop 2023. 3. 23. 23:08
반응형

margin-top 삭제 방법: 32px!중요한 것은 12부터입니다.

나는 스물한 두 개의 테마에서 마진 톱 속성을 제거하고 싶다.이것은 워드프레스에서 제공하는 기본 테마입니다.파이어버그의 도움으로 찾은 코드 샘플입니다.

html{
     margin-top: 32px !important;
    }
function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'remove_admin_login_header');

이를 위한 더 나은 방법은 "return false" 콜백을 사용하여 관리 바에 대한 테마 지원을 추가하는 것입니다. 그러면 Wordpress는 다음 명령을 트리거하지 않습니다._admin_bar_bump_cb에 추가하는 것을 담당하는 액션margin-top:32px.

add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) );

다음 기능을 기능에 추가합니다.php 파일

function my_function_admin_bar(){ return false; }
add_filter( 'show_admin_bar' , 'my_function_admin_bar');

테마 폴더 내의 함수 파일로 이동합니다.

기능들.php

add_action('get_header', 'remove_admin_login_header');

function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}

다음과 같은 필터를 사용할 수 있습니다.

add_filter('show_admin_bar', '__return_false');

워드프레스 계정에 로그인하고 있고 32px 공간이 페이지 맨 위에 있는 검은색 메뉴 라인에 해당하기 때문이라고 생각합니다. 로그아웃 후 페이지를 새로 고치고 다른 브라우저에서 웹 사이트를 여십시오.

style.css 줄 #1645는 body.site {로 위아래에 패딩이 있습니다.

body .site {
    padding: 0 40px;
    padding: 0 2.857142857rem;
    margin-top: 48px;
    margin-top: 3.428571429rem;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

시험해 보세요...

html.k-webkit.k-webkit78 {마진톱: 0!important;}

사이드바의 대시보드에서 Users -> Profile로 이동하고 프로파일에서 Show Toolbar when view site를 선택 취소합니다.변경 내용을 업데이트하면 마진 상단이 사라집니다.거기서 마진이 나옵니다.

h1 - h6 요소에서 여백을 제거합니다.WP에는 디폴트 마진이 있기 때문에 32px가 표시됩니다.인라인 HTML 코드에서 중요합니다.

저도 같은 문제가 있었어요.제거했다

wp_head();

문제가 해결되었습니다.

템플릿 내의 html 태그 식별자를 지정하여 margin-top으로 설정할 수 있습니다.중요: 0!

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

언급URL : https://stackoverflow.com/questions/25491619/how-to-delete-margin-top-32px-important-from-twenty-twelve

반응형