Styl niestandardowych kolumn w panelach administracyjnych (szczególnie w celu dostosowania szerokości komórek kolumny)

Używam Wordpress jako CMS dla projektu, który szeroko wykorzystuje niestandardowe typy postów. Muszę wyświetlać kolumny w panelach administracyjnych dla każdego niestandardowego typu postu w inny sposób.

Utworzyłem już niezbędne kolumny i wypełniłem je. Muszę trochę dostosować CSS. Co najważniejsze, próbuję dostosować szerokość niektórych kolumn. Na przykład nie potrzebuję, aby kolumna zawierająca identyfikator posta była tak szeroka jak nazwa postu.

Umieściłem arkusz stylów w panelach administracyjnych dla moich niestandardowych typów postów, ale nie mogę go poprawnie stylizować szerokości kolumn.

Próbowałem dostosować maksymalną szerokość elementów th lub td, ale jest to nieskuteczne. Z Firebuga widzę, że jest tam styl css, ale nic nie robi.

Chociaż mogłem znaleźć wiele samouczków do dodawania / edytowania niestandardowych kolumn, tak naprawdę nie zebrałem zbyt wielu informacji o tym, jak stylizować takie kolumny. Jakaś wskazówka?

Dziękuję Ci!

Znalazłem rozwiązanie, które działa dla mnie!

Upuściłem ten kod w 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>';
}

Dzięki Nicusor: Działa świetnie. Udało mi się zmienić szerokość wybranych kolumn w panelu Posty (np. Tytuł, Autor, Kategorie) w następujący sposób:

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>';
}

Powinieneś być w stanie dość łatwo ustawić szerokość kolumny za pomocą CSS. Możesz użyć tej .column-{name}klasy do zastosowania stylów do komórek kolumny (zarówno thi td). Na przykład:

.column-mycolumn { width:20%; }

Upewnij się, że nie masz innych stylów zastępujących szerokość kolumny z powodu reguł specyficzności CSS . Ponadto długie słowa bez spacji lub dużych obrazów mogą wymusić, że kolumna będzie szersza niż określona w niektórych przeglądarkach.

Możesz spróbować rozwiązać ten problem:

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;
}