管理面板中的自定义列(特别是调整列单元格宽度)
管理面板中的自定义列(特别是调整列单元格宽度)
提问于 2011-11-16 12:10:48
我正在使用Wordpress作为一个CMS项目，它广泛使用自定义的post类型。我需要在管理面板中以不同的方式显示每种自定义post类型的列。
我已经创建了必要的列并填充了它们。我需要做的就是稍微调整一下CSS。最重要的是，我试图调整某些列的宽度。例如，我不需要列出post ID的列才能像post名称那样宽。
我在管理面板中为我的自定义post类型排队一个样式表，但是我无法正确地设置列宽的样式。
我试图调整th或td元素的最大宽度，但这是无效的。从firebug中我可以看到css样式在那里，但是它什么也没做。
虽然我可以找到很多教程来添加/编辑自定义列，但我并没有真正收集到关于如何对此类列进行样式设置的很多信息。有什么暗示吗？
谢谢!
回答 3
WordPress Development用户
回答已采纳
发布于 2012-04-14 03:10:57
我找到了一个对我有用的解决方案！
我在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>';
}WordPress Development用户
发布于 2013-02-08 09:33:21
谢谢，尼库索:效果很好。通过如下解决方案，我能够更改Posts面板上选定列的宽度(例如标题、作者、类别)：
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>';
}WordPress Development用户
发布于 2011-11-16 12:32:30
您应该能够很容易地使用CSS设置列的宽度。可以使用.column-{name}类将样式应用于列单元格( th和td)。例如：
.column-mycolumn { width:20%; }确保您没有其他样式因为CSS特异性规则而凌驾于您的列宽。此外，没有空格或大图像的长词可能会迫使列比某些浏览器中指定的更宽。
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://wordpress.stackexchange.com/questions/33885
复制相关文章
相似问题
腾讯云开发者
