How to Add a Custom Field to the WordPress Media Screen (Image/Gallery)?

This simple code snippet allows you to add a custom field to media attachments in the WordPress Media Library, where you can input and save additional information (like styles or notes) for each media file.

// Function to add a custom media field
function ts_custom_media_add_media_custom_field( $form_fields, $post ) {
    $field_value = get_post_meta( $post->ID, 'custom_media_style', true );

    $form_fields['custom_media_style'] = array(
        'value' => $field_value ? $field_value : '',
        'label' => __( 'Style' ),
        'helps' => __( 'Enter your style' ),
        'input'  => 'textarea'
    );

    return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'ts_custom_media_add_media_custom_field', null, 2 );

// Save your custom media field
function ts_custom_media_save_attachment( $attachment_id ) {
    if ( isset( $_REQUEST['attachments'][ $attachment_id ]['custom_media_style'] ) ) {
        $custom_media_style = $_REQUEST['attachments'][ $attachment_id ]['custom_media_style'];
        update_post_meta( $attachment_id, 'custom_media_style', $custom_media_style );
    }
}
add_action( 'edit_attachment', 'ts_custom_media_save_attachment' );