通过管理面板获取所有大小图像的URL

时间:2015-08-29 作者:MikeiLL

我们想使用wordpress来托管我们将在电子邮件新闻稿中使用的图像。

为此,我们可以通过Admin中的媒体面板上传图像,右键单击图像并获取URL或输入Library and click the image 查看详细信息区域中的URL。

然后,我们可以根据主题/设置手动添加缩略图大小:

a_full_url/image.150x150.ext
当然,我们可以将中型或大型图像添加到帖子或页面中,然后右键单击)。

有没有一种更简单的方法,管理员可以通过GUI查看/获取图像的各种大小?

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

这是个好主意。感谢您建议使用它。:)

您可以向媒体库中添加一列以输出路径。这会把他们全都吐出来。当然,您可以过滤它,只显示您实际需要的大小。加入functions.php 或类似。

// Adds a "Sizes" column
function sizes_column( $cols ) {
        $cols["sizes"] = "Sizes";
        return $cols;
}

// Fill the Sizes column
function sizes_value( $column_name, $id ) {
    if ( $column_name == "sizes" ) {
        // Including the direcory makes the list much longer 
        // but required if you use /year/month for uploads
        $up_load_dir =  wp_upload_dir();
        $dir = $up_load_dir[\'url\'];

        // Get the info for each media item
        $meta = wp_get_attachment_metadata($id);

        // and loop + output
        foreach ( $meta[\'sizes\'] as $name=>$info) {
            // could limit which sizes are output here with a simple if $name ==
            echo "<strong>" . $name . "</strong><br>";
            echo "<small>" . $dir . "/" . $info[\'file\'] . " </small><br>";
        }
    }
}

// Hook actions to admin_init
function hook_new_media_columns() {
    add_filter( \'manage_media_columns\', \'sizes_column\' );
    add_action( \'manage_media_custom_column\', \'sizes_value\', 10, 2 );
}
add_action( \'admin_init\', \'hook_new_media_columns\' )
使用<small> 作为一种快速而肮脏的黑客,可以控制长URL的大小。在制作中,我可能会把这个<dl> 并通过站点插件添加一些管理CSS来调整其显示。

enter image description here

SO网友:Ignat B.

事实上,基本的WP功能不会为您提供一个面板来管理这些大小和检索媒体链接。

您可以继续使用a_full_url/image.150x150.ext, 或:

1) 通过管理面板转到任何帖子/页面实体。使用“添加图像”功能

2) 选择所需的特定大小并应用图像

Wordpress Attachment Details

3) 转到同一帖子的“文本”编辑器模式并查找<img scr="YOUR_IMAGE_URL_OF_SPECIFIC_SIZE" />. 复制该内容,并在取消更改后离开编辑器。

复杂且不友好的解决方案,但这是您仅使用UI即可实现的,无需第三方插件。

相关推荐

Images with overlay

我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {