WordPress后台文章列表免插件新增缩略图显示

2023-02-14
953次阅读
没有评论

某些网站后台文章列表需要显示缩略图,在不使用插件的情况下,实现效果代码如下:

WordPress后台文章列表免插件新增缩略图显示

www.v8gb.com Mac破解资源下载

// 设置缩略图尺寸
add_image_size('stiap_admin-featured-image', 45, 45, false);

// 添加文章和页面筛选器. 函数一样.
add_filter('manage_posts_columns', 'stiap_add_thumbnail_column', 2);
add_filter('manage_pages_columns', 'stiap_add_thumbnail_column', 2);
function stiap_add_thumbnail_column($stiap_columns)
{
    $stiap_columns['stiap_thumb'] = __('Image');
    return $stiap_columns;
}

// 添加特色图像到WP管理表中.
add_action('manage_posts_custom_column', 'stiap_show_thumbnail_column', 5, 2);
add_action('manage_pages_custom_column', 'stiap_show_thumbnail_column', 5, 2);
function stiap_show_thumbnail_column($stiap_columns, $stiap_id)
{
    switch ($stiap_columns) {
        case 'stiap_thumb':
            if (function_exists('the_post_thumbnail'))
                echo the_post_thumbnail('stiap_admin-featured-image');
            break;
    }
}

// 把缩略图放到第一栏.
add_filter('manage_posts_columns', 'stiap_column_order');
function stiap_column_order($columns)
{
    $n_columns = array();
    $move = 'stiap_thumb'; // which column to move
    $before = 'title'; // move before this column

    foreach ($columns as $key => $value) {
        if ($key == $before) {
            $n_columns[$move] = $move;
        }
        $n_columns[$key] = $value;
    }
    return $n_columns;
}

//对缩略图大小进行样式化
add_action('admin_head', 'stiap_add_admin_styles');
function stiap_add_admin_styles()
{
    echo '<style>.column-stiap_thumb {width: 60px;}.column-stiap_thumb img {box-shadow: 0 0 5px 1px rgba(0,0,0,.2);border-radius: 10px;}</style>';
}

如果想对自定义文章类型添加缩略图的话,仅需添加如下代码即可:

// 自定义类型文章缩略图
add_filter('manage_{post_type}_columns', 'stiap_add_thumbnail_column', 2);
add_action('manage_{post_type}_custom_column', 'stiap_show_thumbnail_column', 5, 2);

其中{post_type}为自定义文章类型名。如果自定义文章类型为book,那么{post_type}就是book。

正文完
要饭中,多少给点吧(支付宝)
post-qrcode
 
评论(没有评论)
验证码