미디어 라이브러리에 .ico 파일을 표시하는 방법

.icoWordPress 사이트에 MIME 유형을 추가했으며 즐겨 찾기 아이콘 파일을 업로드 할 수 있습니다. 그러나 미디어 라이브러리 default.png는 이러한 이미지의 이미지와 사용자 정의 도구 에만 표시합니다 . 미디어 라이브러리와 사용자 정의 프로그램에서 WordPress에 이러한 즐겨 찾기 아이콘 이미지를 표시하려면 어떻게해야합니까?

media-library favicon

— AlanP
소스

업데이트 : 5.0 이상에서 지원 될 것 같습니다. 티켓 # 43458 참조

기본

이것은 어떻게 파비콘 ( .ico) 파일이에 표시 미디어 그리드 보기 :

이것은 마이크로 템플릿의 해당 부분입니다.

<# } 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`필터 사용

파비콘의 MIME 유형은 image/x-icon입니다.

미디어 그리드 보기 .ico에서 파일을 다음 과 같이 표시했습니다 .

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_src으로 $icon = false무한 루프를 방지하기 위해 (기본적으로)!

그러면 파비콘이 다음과 같이 표시됩니다.

수정 된 버전 # 1

방법 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 );

그러면 다음과 같이 나타납니다.

수정 # 2

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이미지 의 예는 다음과 같습니다 .

추신 : 우리는 특히이 $response['size']예의 일부에 관심 이 있습니다.

— 처녀
소스

미디어 라이브러리에 .ico 파일을 표시하는 방법

기본

방법 1) wp_mime_type_icon필터 사용

방법 2) wp_prepare_attachment_for_js필터 사용

몇 가지 $response예 :

방법 1) `wp_mime_type_icon`필터 사용

방법 2) `wp_prepare_attachment_for_js`필터 사용

몇 가지 `$response`예 :