在编辑帖子屏幕中更改特色图像的大小

时间：2013-03-01 作者：urok93

如何更改自定义帖子类型之一的“编辑帖子”屏幕上的特色图像缩略图的大小？

请注意，我希望修改管理员“编辑帖子”屏幕中显示的图像大小，而不是我网站前端的图像大小。

目前大小由WP本身决定，我似乎没有任何办法改变它。

4 个回复

最合适的回答,由SO网友:jerclarke 整理而成

根据我过去的研究，我得出结论，没有任何明智的方法可以通过动作和过滤器影响特色图像框。我的解决方案是使用admin\\u head挂钩上插入的jQuery，在加载后更改内容。

我想要的是添加一些文本细节，概述主题将如何使用特征图像（大多数主题都应该像侧栏描述那样做，并且应该有一个过滤器）。下面是显示我所做操作的代码：

function gv_admin_featured_image_tweaks() {
    $output = "STUFF TO INSERT HERE";
    ?>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(\'#postimagediv .inside\').append("<?php echo $output; ?>");
    });
</script>
    <?php
}
add_action(\'admin_head\', \'gv_admin_featured_image_tweaks\');

不优雅但有效。您可以执行类似的操作来更改图像。而不是使用。append（）若要在元框末尾添加内容，您可以获得$（“#set post thumbnail”）（包含图像的a标记），并将其替换为将在主题中使用的特征图像版本的img标记。请注意，您不能仅仅替换现有IMG标记的SRC值，因为它还具有宽度和高度。

SO网友:SolaceBeforeDawn

感谢@SergeyBiryukov，我在以下方面取得了一些进展this trac ticket, 然而，似乎你能做的最好的事情就是显示一个全尺寸的图像，中等大小或拇指大小。我还没有破解自定义大小（例如800px宽x 200px高），我将更新my original post 如果我找到办法！

// change size of admin featured image size in edit screen 
function change_featured_image_size_in_admin_28512( $downsize, $id, $size ) {
if ( ! is_admin() || ! get_current_screen() || \'edit\' !==   get_current_screen()->parent_base ) {
return $downsize;
}

remove_filter( \'image_downsize\', __FUNCTION__, 10, 3 );

// settings can be thumbnail, medium, large, full 
$image = image_downsize( $id, \'medium\' ); 
add_filter( \'image_downsize\', __FUNCTION__, 10, 3 );

return $image;
}
add_filter( \'image_downsize\', \'change_featured_image_size_in_admin_28512\', 10, 3 );

SO网友:iamsar

通过使用调用特征图像the_post_thumbnail() 从循环内部。您可以根据“媒体设置”中可用的图像大小指定特定的图像大小。E、 g。the_post_thumbnail(\'medium\'); 将显示中等大小的图像。如果您对可用的图像大小不满意，可以在“媒体设置”下的“管理”区域更改大小，或在功能中添加其他大小。php。请确保在更新图像大小后重新加载图像，或使用插件重新生成所有图像，否则您的图片将保持相同大小。

http://codex.wordpress.org/Function_Reference/the_post_thumbnail

SO网友:Michael David

如果有人在几年后发现。。。

另一种选择是使用Add Admin CSS 将自定义样式添加到后端。一旦您这样做了，就只需使用浏览器开发工具来确定要添加的正确CSS。我用它将特色图像框拖到我的内容编辑器上方（使用高级自定义字段插件时允许），并用CSS覆盖默认缩略图大小：

#postimagediv a#set-post-thumbnail {
    width: 100% !important;
    height: auto !important;
    height: 300px !important;
    overflow: hidden !important;}

#postimagediv img.attachment-266x266, #postimagediv img.size-266x266{
    width: 100% !important; 
    min-width: 100% !important;}

对于这个特定的应用程序，这应该可以做到。

结束

小码农CODE

在编辑帖子屏幕中更改特色图像的大小

相关推荐