問題描述

我目前正在使用 WordPress 內建的 Custom Headers 來獲取我的網站主頁上的幻燈片影像。在很大程度上，這是按照意圖工作的; 它允許我上傳一組影像，並讓客戶端視覺化發生了什麼。

但是，我發現一些不理想的東西。當您上傳標題影像然後裁剪時，您在原始影像上設定的”meta data”(即名稱，描述等) 不會轉移到新裁剪的影像 (與原始影像分開儲存) 。這給人的印象是，當您新增標題影像時，”meta data” 未儲存。然後更新”meta data” 的唯一方法是轉到媒體庫，並從那裡進行編輯。你可以看到，它不是一個非常直觀的 UX，可能會導致混亂。

我可以想到的最好的解決方案是以某種方式掛鉤到 WordPress 事件中，並將原始影像中的”meta data” 傳輸到裁剪的影像。儘管我可以告訴你，沒有辦法做到這一點，所以我想聽聽你的想法。

我對所有的想法和解決方案都開放。

這是對我正在描述的更直觀的表示：

最佳解決方案

這是一個想法，可能需要進一步測試：

/**
 * Cropped header image with the same description/caption as the original image
 */
add_filter( 'wp_create_file_in_uploads', function( $cropped, $attachment_id )
{
    add_filter( 'wp_insert_attachment_data', function( $data ) use ( $attachment_id)
    {
        if( doing_action( 'wp_ajax_custom-header-crop' ) && is_array( $data ) )
        {
            // Copy the original description to the cropped image
            $data['post_content'] = get_post_field( 'post_content', $attachment_id, 'db' );
            // Copy the original caption to the cropped image
            $data['post_excerpt'] = get_post_field( 'post_excerpt', $attachment_id, 'db' );
        }
        return $data;
    } );
    return $cropped;
}, 10, 2 );

這裡我們透過 wp_create_file_in_uploads 和 wp_insert_attachment_data 濾鏡從原始影像複製 description 和 caption 。要限制它在自定義標題 ajax 裁剪的上下文中，我們檢查它：

 doing_action('wp_ajax_custom-header-crop')`

在這裡，我們還將原始影像的 $attachment_id 傳遞給使用 use 關鍵字的關閉。

如果我們需要複製影像元素，那麼我們可以透過 wp_header_image_attachment_metadata 過濾器使用類似的方法：

/**
 * Cropped header image with the same image meta as the original one
 */
add_filter( 'wp_create_file_in_uploads', function( $cropped, $attachment_id )
{
    add_filter( 'wp_header_image_attachment_metadata', function( $metadata ) use ( $attachment_id )
    {
        if( doing_action( 'wp_ajax_custom-header-crop' ) && isset( $metadata['image_meta'] ) )
        {
            // Fetch the image meta of the original image
            $original_metadata = wp_get_attachment_metadata( $attachment_id );
            // Copy the original image meta data for the cropped image
            if( is_array( $original_metadata['image_meta'] ) )
                $metadata['image_meta'] = $original_metadata['image_meta'];
        }       
        return $metadata;
    } );
    return $cropped;
}, 10, 2 );

希望可以根據您的需要進行調整。

參考文獻

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。