Active theme responds to theme change request to alert user

3 Views

I’m trying to intercept the install themes routine in order to alert the user from the active theme. I’m cobbling together a crude javascript alert below. What are some other options? 

if ( is_admin() && $pagenow == 'theme-install.php' && $_GET['tab']=="upload"){
?>
<script type="text/javascript">
    alert('Message here');
</script>
<?php
}

The reason for this is to make sure that the user is not attempting to install my theme’s upgrader.zip upgrade file as a theme (which results in a broken theme).

Post Views: 3

Related posts

Leave a Reply

2 comments

  1. I’m usually a fan of doing this kind of work on the server-side since it’s far too easy to circumvent JavaScript on the client-side with modern debugging tools, but this is a unique problem and this may fit your use case (depending on who your audience is).

    Using pure JavaScript, you can do this:

    • Create a JavaScript file in the root of your theme directory and name it “upload.js”

    • Add the following code to it (and be sure to read the comments):

      (function($) {
    $(function() {

    // Check to verify that we're on the "Install Themes" page
    var $upload = $('#install-theme-submit');
    if($upload.length > 0) {

        // Watch for the user to click on the upload button
        $upload.click(function(evt) {

            // When they do, get the name of the file they've uploaded
            var sFilePath = $('input[type=file]').val();
            var aFilePath = sFilePath.split('');
            sFilePath = aFilePath[aFilePath.length - 1];

            // If it's equal to updated, let them know:
            if(sFilePath.toLowerCase() === 'upgrader.zip') {

                // Create a WordPress-style notification and add it to the screen
                $('h4').before(
                    $('<div />')
                        .append(
                            $('<p />')
                                .text("Do not upload this file.")
                        ).attr('class', 'updated')
                );

                // Stop the upload
                evt.preventDefault();

            } // end if

        });

    } // end if

});
})(jQuery);

    • Add the following to your theme’s functions.php. This will load the script into your theme:

      function custom_upload_script() {

    wp_register_script('admin-upload-script', get_template_directory_uri() . '/upload.js');
    wp_enqueue_script('admin-upload-script');

} // end custom_upload_script
add_action('admin_enqueue_scripts', 'custom_upload_script');

    If you’re looking to go pure server-side, there’s no hook for managing the theme activation action; however, you may be able to take advantage of the switch_theme action. This is pure speculation but once the action fires you may be able to read some information from within the file then revert back to the previously used theme.

  2. Late answer

    There’re two (nearly unknown) hooks for this in core:

    • Theme activation hook: 'after_switch_theme'

    • Theme de-activation hook: 'switch_theme'