Using WordPress ‘post-html-upload-ui’ PHP action

The post-html-upload-ui WordPress action fires after the upload button in the media upload interface.

Usage

add_action('post-html-upload-ui', 'your_custom_function');
function your_custom_function() {
    // your custom code here
}

Parameters

  • None

More information

See WordPress Developer Resources: post-html-upload-ui

Examples

Add a custom message after the upload button

Add a custom message to inform users about the accepted file types.

add_action('post-html-upload-ui', 'add_custom_message_after_upload_button');
function add_custom_message_after_upload_button() {
    // Add your message after the upload button
    echo '<p><strong>Accepted file types:</strong> jpg, png, gif, pdf, docx</p>';
}

Display a terms and conditions checkbox

Require users to accept terms and conditions before uploading media.

add_action('post-html-upload-ui', 'display_terms_conditions_checkbox');
function display_terms_conditions_checkbox() {
    // Display a checkbox for terms and conditions
    echo '<label><input type="checkbox" name="terms_conditions" required> I accept the terms and conditions</label>';
}

Add a custom notice for file size limitations

Inform users about the maximum file size allowed for uploads.

add_action('post-html-upload-ui', 'add_file_size_limit_notice');
function add_file_size_limit_notice() {
    // Add a notice for file size limit
    echo '<p><strong>Maximum file size:</strong> 5MB</p>';
}

Insert additional form fields

Add extra form fields for users to provide more information about the uploaded media.

add_action('post-html-upload-ui', 'add_additional_form_fields');
function add_additional_form_fields() {
    // Add extra form fields
    echo '<label for="media_description">Media Description:</label>';
    echo '<input type="text" name="media_description" id="media_description" required>';
}

Add custom styling to the upload interface

Apply custom CSS styles to the media upload interface.

add_action('post-html-upload-ui', 'apply_custom_css_to_upload_interface');
function apply_custom_css_to_upload_interface() {
    // Apply custom CSS to the upload interface
    echo '<style>
        .upload-interface {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 5px;
        }
    </style>';
}