自定义帖子类型列表视图列高和宽

【问题标题】：Custom Post Type List View Column Height & Width自定义帖子类型列表视图列高和宽
【发布时间】：2014-06-30 10:26:58
【问题描述】：

我创建了一个自定义帖子类型，用于在 wordpress 中创建不同类型的图表。并创建了一个列表视图列来预览在每个帖子类型中创建的图表。一切正常，但预览图表以原始大小显示。我需要把它弄成小尺寸来显示预览。

请在此处查看屏幕截图：http://s14.postimg.org/szyowvzqp/screenshot_33.png

如何使图表预览变小？

更新详情：

我用 new 包裹图表以设置高度和宽度 100 像素。这是屏幕截图：http://s14.postimg.org/gcixkdktt/screenshot_35.png 不幸的是，这切断了图表，而不是在设置画布高度和宽度时使图表变小。结果如下：http://s14.postimg.org/8iibyzd0x/screenshot_34.png

【问题讨论】：

能否请您添加代码的jsfiddle。
你好@JPrakash 我正在 Wordpresss 管理面板中执行此操作。我不知道如何使用jsfiddle。只是在我的问题中添加了一些内容。请看一看。谢谢

标签： php css wordpress

【解决方案1】：

这样做的一种方法是向 wp admin 添加自定义样式。要么将它们放入<head>，要么将它们正确地加入队列（我猜这是首选方式）：

add_action( 'admin_enqueue_scripts', 'load_admin_styles' );

function load_admin_styles() {
    wp_enqueue_style( 'admin_css_foo', get_template_directory_uri() . '/admin-style-foo.css' );
    wp_enqueue_style( 'admin_css_bar', get_template_directory_uri() . '/admin-style-bar.css' );
}

然后您可以为保存图表的列指定max-height，例如：

.chart {
    max-height: 50px;
}

【讨论】：

我已经做了类似的事情，并用新的
包装图表以设置高度和 100px。这是屏幕截图：s14.postimg.org/gcixkdktt/screenshot_35.png 不幸的是，这切断了图表，而不是在设置画布高度和宽度时使图表变小。结果如下：s14.postimg.org/8iibyzd0x/screenshot_34.png
从图表中移除内联样式。这就是阻止canvas 元素正确缩放的原因。