使后端媒体部分中的缩略图更大

时间：2012-07-21 作者：Tom J Nowell

所以我上传了很多外观相似的照片，并上传了一两张副本。

我进入媒体面板的后端，但遗憾的是，每一行都有一个小缩略图，这使得找出哪些是重复的，或者只是区分它们非常耗时。

我该如何使图像更大？目前它是60x60，但128x128会更好，甚至更大！

我只是想澄清一下，我说的是管理领域，而不是前端/主题

3 个回复
最合适的回答,由SO网友:brasofilo 整理而成

我看不出有什么办法牵扯进来。遵循wp_get_attachment_image 无处可去。。。

// wp-admin/includes/class-wp-media-list-table.php
// line 200

case \'icon\':
    $attributes = \'class="column-icon media-icon"\' . $style;
?>
    <td <?php echo $attributes ?>><?php
        if ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) {
            if ( $this->is_trash || ! $user_can_edit ) {
                echo $thumb;
            } else {
?>
            <a href="<?php echo get_edit_post_link( $post->ID, true ); ?>" title="<?php echo esc_attr( sprintf( __( \'Edit &#8220;%s&#8221;\' ), $att_title ) ); ?>">
                <?php echo $thumb; ?>
            </a>

<?php           }
        }
<小时>

enter image description here

通过检查输出，我们可以看到图像正在被强制调整大小，因此可以选择操纵DOM。

add_action( \'admin_head-upload.php\', \'wpse_59182_bigger_media_thumbs\' );

function wpse_59182_bigger_media_thumbs() 
{
    ?>
    <script type="text/javascript">
        jQuery(document).ready( function($) {
            $(\'.wp-list-table img\').each(function(){
                $(this).removeAttr(\'width\').css(\'max-width\',\'100%\');
                $(this).removeAttr(\'height\').css(\'max-height\',\'100%\');
            });
            $(\'.column-icon\').css(\'width\', \'130px\');
        });     
    </script>
    <?php
}

edit by Question asker ( Tom ):

我在这个问题上应用了解决方案，结果如下：

result of jquery in upload screen

SO网友:zeniph

在brasofilo解决方案的基础上进行扩展，我使用下面的内容来放大媒体上传器/图库中的缩略图

这还远远不够完美，需要花费更多的时间——最明显的是，在使用时，活动的可拖动区域与之前的区域保持不变——但如果你正在处理一篇帖子上10张类似的图片，我发现这是一个巨大的帮助。

add_action( \'admin_head-media-upload-popup\', \'make_media_thumbs_bigger\' );

function make_media_thumbs_bigger() 
{
    ?>
    <script type="text/javascript">
        jQuery(document).ready( function($) {

            $(\'#media-upload img\').each(function(){
                $(this).removeAttr(\'width\').css(\'max-width\',\'100%\');
                $(this).removeAttr(\'height\').css(\'max-height\',\'100%\');
            });

            $(\'#media-upload .media-item\').each(function(){
                $(this).removeAttr(\'style\');
            });

            $(\'#media-upload .media-item \').css(\'height\', \'96px\');

            $(\'#media-upload a.describe-toggle-on, #media-upload a.describe-toggle-off\').click(function() {
                     $(this).parent().removeAttr(\'style\');
                     $(this).next(\'TABLE.slidetoggle\').find(\'IMG\').removeAttr(\'style\'); 
            });

            $(\'#media-upload a.describe-toggle-off\').click(function() {
                     $(this).parent().css(\'height\', \'96px\');
            });


        });     
    </script>
    <?php
}

SO网友:Jeremy Jared

你问的不是“简单的”修复。如果你真的想长大拇指，我会先看看wp-admin/class-wp-media-list-table.php 文件，或在PHPXref site （绕第203行）。您可以检查代码以查看它是如何生成的，并决定如何从那里进行调整

结束
标签： admin   media-library   小码农  

相关推荐

将群发操作添加到wp-admin/users.php

我对我的Wordpress进行了大量修改，你能用Wordpress的钩子、动作做什么真是太神奇了。。但我无法找到如何为用户添加大规模操作。假设我选择了5个用户，我想给他们分配一些user\\u元值。