Stile di colonne personalizzate nei pannelli di amministrazione (in particolare per regolare la larghezza delle celle delle colonne)

Sto usando Wordpress come CMS per un progetto che fa largo uso di tipi di post personalizzati. Devo visualizzare le colonne nei pannelli di amministrazione per ciascun tipo di post personalizzato in modo diverso.

Ho già creato le colonne necessarie e le ho popolate. Quello che devo fare è regolare un po 'il CSS. Soprattutto sto cercando di modificare la larghezza di alcune colonne. Ad esempio, non ho bisogno di una colonna in cui l'ID del post sia largo quanto il nome del post.

Ho accodato un foglio di stile nei pannelli di amministrazione per i miei tipi di post personalizzati, ma non riesco a trovare lo stile giusto per le larghezze delle colonne.

Ho provato a regolare la larghezza massima degli elementi th o td, ma è inefficace. Da firebug vedo che lo stile CSS è lì, ma non sta facendo nulla.

Mentre ho potuto trovare molti tutorial per aggiungere / modificare colonne personalizzate, non ho raccolto molte informazioni su come modellare tali colonne. Qualche suggerimento?

Grazie!

Ho trovato una soluzione che funziona per me!

Ho lasciato cadere questo codice in 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>';
}

Grazie Nicusor: funziona alla grande. Sono stato in grado di modificare la larghezza delle colonne selezionate nel pannello Messaggi (ad es. Titolo, autore, categorie) con la soluzione come segue:

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

Dovresti essere in grado di impostare la larghezza della colonna usando CSS abbastanza facilmente. Puoi usare la .column-{name}classe per applicare gli stili alle celle della colonna (sia the che td). Per esempio:

.column-mycolumn { width:20%; }

Assicurati di non avere altri stili che prevalgono sulla larghezza della colonna a causa delle regole di specificità CSS . Inoltre, parole lunghe senza spazi o immagini di grandi dimensioni potrebbero costringere la colonna ad essere più larga di quanto specificato in alcuni browser.

Puoi provare questo risolto i tuoi problemi:

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