Colunas personalizadas de estilo nos painéis admin (especialmente para ajustar as larguras das células da coluna)

14

Estou usando o Wordpress como um CMS para um projeto que faz uso extensivo de tipos de postagem personalizados. Preciso exibir colunas em painéis de administrador para cada tipo de postagem personalizada de uma maneira diferente.

Eu já criei as colunas necessárias e as preenchai. O que eu preciso fazer é ajustar o CSS um pouco. Mais importante, estou tentando ajustar a largura de certas colunas. Por exemplo, não preciso de uma coluna listando o ID do post para ser tão grande quanto o nome do post.

Eu enfileirei uma folha de estilo nos painéis do administrador para meus tipos de postagem personalizados, mas não consigo acertar para estilizar as larguras das colunas.

Eu tentei ajustar a largura máxima dos elementos th ou td, mas é ineficaz. Do firebug eu posso ver que o estilo css está lá, mas não está fazendo nada.

Embora eu pudesse encontrar muitos tutoriais para adicionar / editar colunas personalizadas, eu realmente não reuni muitas informações sobre como estilizar essas colunas. Alguma dica?

Obrigado!

    
por unfulvio 16.11.2011 / 13:10

4 respostas

25

Encontrei uma solução que funciona para mim!

Larguei este código em 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>';
}
    
por Nicusor Dumbrava 14.04.2012 / 05:10
7

Obrigado Nicusor: Funciona bem. Consegui alterar a largura das colunas selecionadas no painel Postagens (por exemplo, Título, Autor, Categorias) com sua solução da seguinte forma:

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>';
}
    
por Charles Borden 08.02.2013 / 10:33
4

Você deve ser capaz de definir a largura da coluna usando CSS com bastante facilidade. Você pode usar a classe .column-{name} para aplicar estilos às células da coluna ( th e td ). Por exemplo:

.column-mycolumn { width:20%; }

Certifique-se de que você não tem outros estilos anulando a largura de sua coluna devido às regras de especificidade CSS . Além disso, palavras longas sem espaços ou imagens grandes podem forçar a coluna a ser mais ampla do que o especificado em alguns navegadores.

    
por Geert 16.11.2011 / 13:32
4

Você pode tentar resolver seus problemas:

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;
}
    
por Gaurang P 20.08.2015 / 13:56