관리자 패널에서 맞춤 열 스타일 지정 (특히 열 셀 너비 조정)

사용자 정의 게시물 유형을 광범위하게 사용하는 프로젝트의 CMS로 Wordpress를 사용하고 있습니다. 각 사용자 정의 게시물 유형마다 다른 방식으로 관리자 패널에 열을 표시해야합니다.

이미 필요한 열을 만들어 채웠습니다. 내가해야 할 일은 CSS를 약간 조정하는 것입니다. 가장 중요한 것은 특정 열의 너비를 조정하려고합니다. 예를 들어 게시물 ID를 나열하는 열이 게시물 이름만큼 넓을 필요는 없습니다.

사용자 정의 게시물 유형에 대해 관리자 패널에서 스타일 시트를 대기열에 넣었지만 열 너비의 스타일을 올바르게 지정할 수는 없습니다.

th 또는 td 요소의 최대 너비를 조정하려고 시도했지만 효과가 없습니다. 방화범에서 CSS 스타일이 있음을 알 수 있지만 아무것도하지 않습니다.

맞춤 열을 추가 / 편집 할 수있는 많은 자습서를 찾을 수 있었지만 실제로 이러한 열의 스타일을 지정하는 방법에 대한 많은 정보는 수집하지 않았습니다. 힌트가 있습니까?

감사합니다!

나에게 맞는 솔루션을 찾았습니다!

이 코드를 functions.php에 삭제했습니다.

add_action('admin_head', 'my_column_width');

function my_column_width() {
    echo '<style type="text/css">';
    echo '.column-mycolumn { text-align: center; width:60px !important; overflow:hidden }';
    echo '</style>';
}

감사합니다 Nicusor : 잘 작동합니다. 게시물 패널에서 선택한 열의 너비 (예 : 제목, 작성자, 카테고리)를 솔루션으로 다음과 같이 변경할 수있었습니다.

add_action('admin_head', 'my_admin_column_width');
function my_admin_column_width() {
    echo '<style type="text/css">
        .column-title { text-align: left; width:200px !important; overflow:hidden }
        .column-author { text-align: left; width:100px !important; overflow:hidden }
        .column-categories { text-align: left; width:100px !important; overflow:hidden }
    </style>';
}

CSS를 사용하여 열 너비를 매우 쉽게 설정할 수 있어야합니다. .column-{name}클래스를 사용하여 스타일을 열 셀 ( th및 모두 td) 에 적용 할 수 있습니다 . 예를 들면 다음과 같습니다.

.column-mycolumn { width:20%; }

CSS 특정 규칙으로 인해 열 너비를 제어하는 ​​다른 스타일이 없는지 확인하십시오 . 또한 공백이나 큰 이미지가없는 긴 단어는 일부 브라우저에서 지정된 것보다 열이 더 넓어 질 수 있습니다.

이 문제를 해결하려고 시도 할 수 있습니다.

add_action('admin_head', 'my_admin_custom_styles');
function my_admin_custom_styles() {
    $output_css = '<style type="text/css">
        .column-date { display: none }
        .column-tags { display: none }
        .column-author { width:30px !important; overflow:hidden }
        .column-categories { width:30px !important; overflow:hidden }
        .column-title a { font-size:30px !important }
    </style>';
    echo $output_css;
}