| @@ -23,9 +23,9 @@ | ||
| 23 | 23 | <span class="slider round"></span> |
| 24 | 24 | </label> |
| 25 | 25 | <label for="smush-automatically"><?php esc_html_e('Automatically compress newly-added images', 'wp-optimize');?> |
| 26 | 26 | </label> |
| 27 | - <span tabindex="0" data-tooltip="<?php echo esc_attr__('The images will be added to a background queue, which will start automatically within the next hour.', 'wp-optimize').' '.esc_attr__('This prevents the site from being slowed down during media uploads.', 'wp-optimize').' '.esc_attr__('The time taken to complete the compression will depend upon the size and quantity of the images.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 27 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr__('The images will be added to a background queue, which will start automatically within the next hour.', 'wp-optimize').' '.esc_attr__('This prevents the site from being slowed down during media uploads.', 'wp-optimize').' '.esc_attr__('The time taken to complete the compression will depend upon the size and quantity of the images.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 28 | 28 | </div> |
| 29 | 29 | |
| 30 | 30 | <div class="wpo-fieldgroup__subgroup"> |
| 31 | 31 | <label class="switch"> |
| @@ -39,9 +39,9 @@ | ||
| 39 | 39 | $message .= ' '; |
| 40 | 40 | $message .= __('But if you are using a solution other than WP-Optimize to compress your images, you can hide these metaboxes by disabling this switch.', 'wp-optimize') |
| 41 | 41 | ?> |
| 42 | 42 | </label> |
| 43 | - <span tabindex="0" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 43 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 44 | 44 | </div> |
| 45 | 45 | |
| 46 | 46 | <div class="compression_options"> |
| 47 | 47 | <h3><?php esc_html_e('Compression options', 'wp-optimize');?></h3> |
| @@ -52,13 +52,13 @@ | ||
| 52 | 52 | $message = __('Uses lossy compression to ensure maximum savings per image.', 'wp-optimize'); |
| 53 | 53 | $message .= ' '; |
| 54 | 54 | $message .= __('The resulting images are of a slightly lower quality', 'wp-optimize'); |
| 55 | 55 | ?> |
| 56 | - <span tabindex="0" data-tooltip="<?php echo esc_attr($message); ?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 56 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr($message); ?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 57 | 57 | <br> |
| 58 | 58 | <input type="radio" id="enable_lossless_compression" <?php checked($smush_options['image_quality'], 92); ?>name="compression_level" class="smush-options compression_level"> |
| 59 | 59 | <label for="enable_lossless_compression"><?php esc_html_e('Prioritize retention of detail', 'wp-optimize');?></label> |
| 60 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Uses lossless compression, which results in much better image quality but lower file size savings per image', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 60 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Uses lossless compression, which results in much better image quality but lower file size savings per image', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 61 | 61 | <br> |
| 62 | 62 | <input id="enable_custom_compression" <?php checked($custom); ?> type="radio" name="compression_level" class="smush-options compression_level"> |
| 63 | 63 | <label for="enable_custom_compression"><?php esc_html_e('Custom', 'wp-optimize');?></label> |
| 64 | 64 | <br> |
| @@ -82,9 +82,9 @@ | ||
| 82 | 82 | |
| 83 | 83 | <?php if ($does_server_allow_local_webp_conversion) : ?> |
| 84 | 84 | <input type="checkbox" id="enable_webp_conversion" name="webp_conversion" <?php checked($smush_options['webp_conversion']); ?> class="smush-options webp_conversion"> |
| 85 | 85 | <label for="enable_webp_conversion"><?php esc_html_e('Create WebP version of image', 'wp-optimize');?></label> |
| 86 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Creates WebP image format and serves it whenever possible.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 86 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Creates WebP image format and serves it whenever possible.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 87 | 87 | <br> |
| 88 | 88 | |
| 89 | 89 | <?php |
| 90 | 90 | $converters = WP_Optimize()->get_options()->get_option('webp_converters', false); |
| @@ -121,9 +121,9 @@ | ||
| 121 | 121 | <label for="smush-preserve-exif" class="smush-options preserve_exif"><?php esc_html_e('Preserve EXIF data', 'wp-optimize');?></label> |
| 122 | 122 | <br> |
| 123 | 123 | <input type="checkbox" id="smush-backup-original" class="smush-options" <?php checked($smush_options['back_up_original']); ?> > |
| 124 | 124 | <label for="smush-backup-original"><?php esc_html_e('Backup original images', 'wp-optimize');?></label> |
| 125 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('The original images are stored alongside the compressed images, you can visit the edit screen of the individual images in the Media Library to restore them.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 125 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('The original images are stored alongside the compressed images, you can visit the edit screen of the individual images in the Media Library to restore them.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 126 | 126 | <br> |
| 127 | 127 | <input type="checkbox" id="smush-backup-delete" class="smush-options" <?php checked($smush_options['back_up_delete_after']); ?> > |
| 128 | 128 | <label for="smush-backup-delete-days"><?php esc_html_e('Automatically delete image backups after', 'wp-optimize');?><input id="smush-backup-delete-days" type="number" min="1" value="<?php echo (0 !== intval($smush_options['back_up_delete_after_days'])) ? intval($smush_options['back_up_delete_after_days']) : 50; ?>"><?php esc_html_e('days', 'wp-optimize');?></label><label> — <?php esc_html_e('or', 'wp-optimize'); ?></label> <button type="button" id="wpo_smush_delete_backup_btn" class="wpo_primary_small button"><?php esc_html_e('Delete all backup images now', 'wp-optimize'); ?></button> |
| 129 | 129 | <img id="wpo_smush_delete_backup_spinner" class="display-none" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="..."> |
| @@ -137,9 +137,9 @@ | ||
| 137 | 137 | $message = __('Only the original image will be restored.', 'wp-optimize'); |
| 138 | 138 | $message .= ' '; |
| 139 | 139 | $message .= __('In order to restore the other sizes, you should use a plugin such as "Regenerate Thumbnails".', 'wp-optimize'); |
| 140 | 140 | ?> |
| 141 | - <span tabindex="0" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 141 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 142 | 142 | </div> |
| 143 | 143 | </div> |
| 144 | 144 | <div class="save-options"> |
| 145 | 145 | <img id="wpo_smush_images_save_options_spinner" class="display-none" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="..."> |
| @@ -152,9 +152,9 @@ | ||
| 152 | 152 | <h3><?php esc_html_e('Uncompressed images', 'wp-optimize');?></h3> |
| 153 | 153 | <?php if (is_multisite()) : ?> |
| 154 | 154 | <div id="wpo_uncompressed_images_sites_select_container"> |
| 155 | 155 | <label for="wpo_uncompressed_images_sites_select"><?php esc_html_e('Select site', 'wp-optimize');?> </label> |
| 156 | - <select id="wpo_uncompressed_images_sites_select"> | |
| 156 | + <select id="wpo_uncompressed_images_sites_select" class="wpo-select2"> | |
| 157 | 157 | <?php foreach ($sites as $site) : ?> |
| 158 | 158 | <option value="<?php echo esc_attr($site->blog_id); ?>"><?php echo esc_html($site->domain . $site->path); ?></option> |
| 159 | 159 | <?php endforeach; ?> |
| 160 | 160 | </select> |
