Yönetici panellerinde özel sütunlara stil verme (özellikle sütun hücre genişliklerini ayarlamak için)

Wordpress'i, özel yazı türlerini kapsamlı bir şekilde kullanan bir proje için CMS olarak kullanıyorum. Her özel yazı türü için yönetici panellerinde sütunları farklı bir şekilde görüntülemem gerekiyor.

Gerekli sütunları zaten oluşturdum ve doldurdum. Yapmam gereken CSS'yi biraz ayarlamak. En önemlisi, belirli sütunların genişliğini değiştirmeye çalışıyorum. Örneğin, posta adı kadar geniş olması için posta kimliğini listeleyen bir sütuna ihtiyacım yok.

Özel yazı türlerim için yönetici panellerinde bir stil sayfası sıraladım, ancak sütun genişliklerini biçimlendirmeyi doğru yapamıyorum.

Th veya td öğelerinin maksimum genişliğini ayarlamaya çalıştım, ancak etkisiz. Firebug'dan css stilinin orada olduğunu görebiliyorum, ama hiçbir şey yapmıyor.

Özel sütunları eklemek / düzenlemek için birçok öğretici bulabilirken, bu tür sütunları nasıl stilize edeceğiniz hakkında çok fazla bilgi toplayamadım. İpucu var mı?

Teşekkür ederim!

Benim için işe yarayan bir çözüm buldum!

Bu kodu function.php'de bıraktım:

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

Teşekkürler Nicusor: Harika çalışıyor. Mesajlar panelinde seçilen sütunların genişliğini (örneğin Başlık, Yazar, Kategoriler) aşağıdaki şekilde çözümünüzle değiştirebildim:

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 kullanarak sütun genişliğini kolayca ayarlayabilmeniz gerekir. .column-{name}Sütun hücrelerine (hem thve td) stil uygulamak için sınıfı kullanabilirsiniz . Örneğin:

.column-mycolumn { width:20%; }

CSS özgüllük kuralları nedeniyle sütun genişliğinizi geçersiz kılan başka stiller olmadığından emin olun . Ayrıca, boşluk veya büyük görüntü içermeyen uzun kelimeler, sütunun bazı tarayıcılarda belirtilenden daha geniş olmasına neden olabilir.

Bunu deneyerek problemlerinizi çözebilirsiniz:

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