Складіть користувацькі стовпці на панелях адміністратора (особливо для налаштування ширини комірок стовпця)

Я використовую Wordpress як CMS для проекту, який широко використовує спеціальні типи публікацій. Мені потрібно відображати стовпці на панелях адміністратора для кожного користувальницького типу публікації по-різному.

Я вже створив необхідні стовпці і заповнив їх. Що мені потрібно зробити, це трохи скорегувати CSS. Найголовніше, що я намагаюся підкрутити ширину певних стовпців. Наприклад, мені не потрібна стовпець із зазначенням ідентифікатора публікації, щоб бути такою ж широкою, як назва публікації.

Я запустив таблицю стилів на панелях адміністратора для моїх спеціальних типів публікацій, але я не можу правильно встановити стиль ширини стовпців.

Я намагався регулювати максимальну ширину елементів th або td, але це малоефективно. З Firebug я бачу, що стиль css є, але він нічого не робить.

Хоча я міг знайти багато навчальних посібників для додавання / редагування спеціальних стовпців, я дійсно не збирав багато інформації про те, як створити такі стовпці. Будь-який натяк?

Дякую!

Я знайшов рішення, яке працює для мене!

Я скинув цей код у function.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>';
}

Спасибі Нікосор: Чудово працює. Я зміг змінити ширину вибраних стовпців на панелі "Повідомлення" (наприклад, Назва, Автор, Категорії) за допомогою вашого рішення таким чином:

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