WordPress 管理面板中的样式自定义列 (特别是调整列单元格宽度)

问题描述

我正在使用 Wordpress 作为一个项目的 CMS，广泛使用自定义的职位类型。我需要在管理面板中以不同的方式显示每个自定义帖子类型的列。

我已经创建了必要的列并填充它们。我需要做的是调整 CSS 一点。最重要的是我试图调整某些列的宽度。例如，我不需要列出与标题一样宽的列的列。

我在管理面板中为我的自定义帖子类型排队了一个样式表，但是我无法正确地对列宽进行样式化。

我试图调整 th 或 td 元素的 max-width，但它是无效的。从 firebug 我可以看到 css 风格在那里，但它什么都不做。

虽然我可以找到很多教程来添加/编辑自定义列，但我并没有真正收集有关如何对这些列进行样式的信息。任何提示？

谢谢！

最佳解决方案

我找到了一个适合我的解决方案！

我把这个代码放在 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>';
}

次佳解决方案

谢谢尼科斯：工作很棒。我可以使用您的解决方案更改「帖子」面板上的所选列的宽度 (例如标题，作者，类别)，如下所示：

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 specificity 规则，请确保您没有其他样式会推翻您的列宽。而且，没有空格或大图像的长字可能会迫使列比某些浏览器中的列宽。

参考文献

Style custom columns in admin panels (especially to adjust column cell widths)

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。

WordPress 管理面板中的样式自定义列 (特别是调整列单元格宽度)