Colocar columnas personalizadas en los paneles de administración (especialmente para ajustar los anchos de celda de columna)

14

Estoy usando Wordpress como CMS para un proyecto que hace uso extensivo de tipos de publicaciones personalizadas. Necesito mostrar las columnas en los paneles de administración para cada tipo de publicación personalizada de una manera diferente.

Ya he creado las columnas necesarias y las he completado. Lo que necesito hacer es ajustar el CSS un poco. Lo más importante es que estoy tratando de ajustar el ancho de ciertas columnas. Por ejemplo, no necesito una columna que incluya la ID de la publicación para que sea tan ancha como el nombre de la publicación.

Puse una hoja de estilo en cola en los paneles de administración para mis tipos de publicaciones personalizadas, pero no puedo hacer el correcto estilo de los anchos de columna.

Intenté ajustar el ancho máximo de los elementos th o td, pero no es efectivo. Desde firebug puedo ver que el estilo css está ahí, pero no está haciendo nada.

Aunque pude encontrar una gran cantidad de tutoriales para agregar / editar columnas personalizadas, realmente no reuní mucha información sobre el estilo de estas columnas. ¿Alguna pista?

¡Gracias!

    
pregunta unfulvio 16.11.2011 - 13:10

4 respuestas

25

¡Encontré una solución que me funciona!

Solté este código en 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>';
}
    
respondido por el Nicusor Dumbrava 14.04.2012 - 05:10
7

Gracias Nicusor: Funciona genial. Pude cambiar el ancho de las columnas seleccionadas en el panel Publicaciones (por ejemplo, Título, Autor, Categorías) con su solución de la siguiente manera:

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

Debería poder establecer el ancho de columna usando CSS con bastante facilidad. Puede usar la clase .column-{name} para aplicar estilos a las celdas de la columna (tanto th como td ). Por ejemplo:

.column-mycolumn { width:20%; }

Asegúrese de no tener otros estilos que anulen el ancho de su columna debido a las reglas de especificidad de CSS . Además, las palabras largas sin espacios o imágenes grandes podrían hacer que la columna sea más ancha de lo especificado en algunos navegadores.

    
respondido por el Geert 16.11.2011 - 13:32
4

Puedes intentar esto solucionando tus 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;
}
    
respondido por el Gaurang P 20.08.2015 - 13:56

Lea otras preguntas en las etiquetas