Обновление: похоже, что это будет поддерживаться в 5.0+. Смотрите билет # 43458
По умолчанию
Вот как файлы favicon ( .ico) отображаются в представлении Media Grid :
Это соответствующая часть микро шаблона:
<# } else if ( 'image' === data.type && data.sizes ) { #>
<div class="centered">
<img src="{{ data.size.url }}" draggable="false" alt="" />
</div>
<# } else { #>
<div class="centered">
<# if ( data.image && data.image.src && data.image.src !== data.icon ) { #>
<img src="{{ data.image.src }}" class="thumbnail" draggable="false" />
<# } else { #>
<img src="{{ data.icon }}" class="icon" draggable="false" />
<# } #>
</div>
<div class="filename">
<div>{{ data.filename }}</div>
</div>
<# } #>
где data.sizesпусто для фавиконов .
Способ 1) Использование wp_mime_type_iconфильтра
Тип пантомимы для фавиконов есть image/x-icon.
Мне удалось отобразить .icoфайлы в представлении Media Grid с помощью:
add_filter( 'wp_mime_type_icon', function( $icon, $mime, $post_id )
{
if( $src = false || 'image/x-icon' === $mime && $post_id > 0 )
$src = wp_get_attachment_image_src( $post_id );
return is_array( $src ) ? array_shift( $src ) : $icon;
}, 10, 3 );
где здесь важно сохранить третий параметр wp_get_attachment_image_srcas $icon = false(по умолчанию), чтобы избежать бесконечного цикла!
Значки отображаются затем так:
Способ 2) Использование wp_prepare_attachment_for_jsфильтра
Когда мы загружаем представление медиа-сетки, мы делаем вызов wp_ajax_query_attachmentsобработчику. Он выполняет следующий запрос вложений:
$query = new WP_Query( $query );
$posts = array_map( 'wp_prepare_attachment_for_js', $query->posts );
В этой wp_prepare_attachment_for_jsфункции к WP_Postсообщениям добавляется различная информация, которая фильтруется с помощью:
return apply_filters( 'wp_prepare_attachment_for_js', $response, $attachment, $meta );
где вывод это $responseмассив.
Мы можем использовать этот фильтр, чтобы добавить недостающие размеры для значков:
add_filter( 'wp_prepare_attachment_for_js', function( $response, $attachment, $meta )
{
if( 'image/x-icon' === $response['mime']
&& isset( $response['url'] )
&& ! isset( $response['sizes']['full'] )
)
{
$response['sizes'] = array( 'full' => array( 'url' => $response['url'] ) );
}
return $response;
}, 10, 3 );
и тогда они появятся так:
Обратите внимание, что мы устанавливаем только urlчасть, а не width, heightи orientation. Мы могли бы дополнительно расширить решение, добавив эти данные, например, с помощью wp_get_attachment_image_src()функции. Но я оставляю это на ваше усмотрение ;-)
Некоторые $responseпримеры:
Вот пример $responseмассива для favicon.icoфайла:
Array
(
[id] => 803
[title] => favicon
[filename] => favicon.ico
[url] => http://example.tld/wp-content/uploads/2015/02/favicon.ico
[link] => http://example.tld/?attachment_id=803
[alt] =>
[author] => 11
[description] =>
[caption] =>
[name] => favicon
[status] => inherit
[uploadedTo] => 0
[date] => 1423791136000
[modified] => 1423791136000
[menuOrder] => 0
[mime] => image/x-icon
[type] => image
[subtype] => x-icon
[icon] => http://example.tld/wp-includes/images/media/default.png
[dateFormatted] => February 13, 2015
[nonces] => Array
(
[update] => 4fac983f49
[delete] => efd563466d
[edit] => df266bf556
)
[editLink] => http://example.tld/wp-admin/post.php?post=803&action=edit
[meta] =>
[authorName] => someuser
[filesizeInBytes] => 1406
[filesizeHumanReadable] => 1 kB
[compat] => Array
(
[item] =>
[meta] =>
)
)
Вот пример для WordPress-Logo.jpgизображения:
Array
(
[id] => 733
[title] => WordPress-Logo
[filename] => WordPress-Logo.jpg
[url] => http://example.tld/wp-content/uploads/2015/02/WordPress-Logo.jpg
[link] => http://example.tld/2015/02/10/test/wordpress-logo/
[alt] =>
[author] => 1
[description] =>
[caption] =>
[name] => wordpress-logo
[status] => inherit
[uploadedTo] => 784
[date] => 1423314735000
[modified] => 1423571320000
[menuOrder] => 0
[mime] => image/jpeg
[type] => image
[subtype] => jpeg
[icon] => http://example.tld/wp-includes/images/media/default.png
[dateFormatted] => February 7, 2015
[nonces] => Array
(
[update] => cb6a4bca10
[delete] => 068a4d3897
[edit] => 14b7d201ff
)
[editLink] => http://example.tld/wp-admin/post.php?post=733&action=edit
[meta] =>
[authorName] => someuser
[uploadedToLink] => http://example.tld/wp-admin/post.php?post=784&action=edit
[uploadedToTitle] => 20150209021847
[filesizeInBytes] => 127668
[filesizeHumanReadable] => 125 kB
[sizes] => Array
(
[thumbnail] => Array
(
[height] => 150
[width] => 150
[url] => http://example.tld/wp-content/uploads/2015/02/WordPress-Logo-150x150.jpg
[orientation] => landscape
)
[medium] => Array
(
[height] => 184
[width] => 300
[url] => http://example.tld/wp-content/uploads/2015/02/WordPress-Logo-300x184.jpg
[orientation] => landscape
)
[full] => Array
(
[url] => http://example.tld/wp-content/uploads/2015/02/WordPress-Logo.jpg
[height] => 620
[width] => 1010
[orientation] => landscape
)
)
[height] => 620
[width] => 1010
[orientation] => landscape
[compat] => Array
(
[item] =>
[meta] =>
)
)
PS: нас особенно интересует $response['size']часть этих примеров.
