| @@ -15,9 +15,9 @@ | ||
| 15 | 15 | <?php checked($wpo_minify_options['disable_google_fonts_processing']); ?> |
| 16 | 16 | > |
| 17 | 17 | <?php esc_html_e('Disable Google Fonts processing', 'wp-optimize'); ?> |
| 18 | 18 | </label> |
| 19 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('If enabled, stylesheets from Google Fonts will bypass WP-Optimize processing, allowing standard WordPress processing to be used instead.', 'wp-optimize');?> <?php esc_attr_e('This can be helpful if you are using other plugins that work with Google Fonts and experience conflicts with WP-Optimize.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 19 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('If enabled, stylesheets from Google Fonts will bypass WP-Optimize processing, allowing standard WordPress processing to be used instead.', 'wp-optimize');?> <?php esc_attr_e('This can be helpful if you are using other plugins that work with Google Fonts and experience conflicts with WP-Optimize.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 20 | 20 | </div> |
| 21 | 21 | <?php if (WP_OPTIMIZE_SHOW_MINIFY_ADVANCED) : ?> |
| 22 | 22 | <div class="wpo-fieldgroup__subgroup show-if-enabled"> |
| 23 | 23 | <label for="merge_google_fonts"> |
| @@ -30,9 +30,9 @@ | ||
| 30 | 30 | <?php checked($wpo_minify_options['merge_google_fonts']); ?> |
| 31 | 31 | > |
| 32 | 32 | <?php esc_html_e('Merge fonts from Google Fonts into one request', 'wp-optimize'); ?> |
| 33 | 33 | </label> |
| 34 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('This improves speed when loading multiple fonts from Google Fonts.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 34 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('This improves speed when loading multiple fonts from Google Fonts.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 35 | 35 | </div> |
| 36 | 36 | <?php endif; ?> |
| 37 | 37 | <div class="wpo-fieldgroup__subgroup show-if-enabled"> |
| 38 | 38 | <label for="remove_googlefonts"> |
| @@ -45,9 +45,9 @@ | ||
| 45 | 45 | <?php checked($wpo_minify_options['remove_googlefonts']); ?> |
| 46 | 46 | > |
| 47 | 47 | <?php esc_html_e('Do not load Google Fonts', 'wp-optimize'); ?> |
| 48 | 48 | </label> |
| 49 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('If enabled, stylesheets from Google Fonts will not be loaded on the site and system fallback fonts will be used instead.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 49 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('If enabled, stylesheets from Google Fonts will not be loaded on the site and system fallback fonts will be used instead.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 50 | 50 | </div> |
| 51 | 51 | <div class="wpo-fieldgroup__subgroup show-if-enabled"> |
| 52 | 52 | <label for="enable_display_swap"> |
| 53 | 53 | <input |
| @@ -59,9 +59,9 @@ | ||
| 59 | 59 | <?php checked($wpo_minify_options['enable_display_swap']); ?> |
| 60 | 60 | > |
| 61 | 61 | <?php esc_html_e('Add "display=swap" to Google Fonts requests', 'wp-optimize'); ?> |
| 62 | 62 | </label> |
| 63 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('This feature of Google Fonts is encouraged for better accessibility, but may result in a visible font change.', 'wp-optimize'); ?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 63 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('This feature of Google Fonts is encouraged for better accessibility, but may result in a visible font change.', 'wp-optimize'); ?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 64 | 64 | </div> |
| 65 | 65 | <div class="wpo-fieldgroup__subgroup"> |
| 66 | 66 | <label for="host_local_google_fonts"> |
| 67 | 67 | <input |
| @@ -73,10 +73,10 @@ | ||
| 73 | 73 | disabled |
| 74 | 74 | > |
| 75 | 75 | <?php esc_html_e('Host Google Fonts locally', 'wp-optimize'); ?> |
| 76 | 76 | </label> |
| 77 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('If enabled, stylesheet and font files from Google Fonts will be hosted locally.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span> | |
| 78 | - <div id="wpo_fonts_cache_size_information"> | |
| 77 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('If enabled, stylesheet and font files from Google Fonts will be hosted locally.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span> | |
| 78 | + <div class="wpo-inline-advertise"> | |
| 79 | 79 | <a class="" href="https://teamupdraft.com/wp-optimize/pricing/?utm_source=wpo-plugin&utm_medium=referral&utm_campaign=paac&utm_creative_format=overlay&utm_content=host-local-google-fonts" target="_blank"><?php esc_html_e('Upgrade to WP-Optimize Premium to unlock Host Google Fonts feature.', 'wp-optimize'); ?></a> |
| 80 | 80 | </div> |
| 81 | 81 | </div> |
| 82 | 82 | </fieldset> |
| @@ -94,9 +94,9 @@ | ||
| 94 | 94 | <?php checked('inherit' === $wpo_minify_options['gfonts_method']); ?> |
| 95 | 95 | > |
| 96 | 96 | <?php esc_html_e('Inherit from the CSS settings', 'wp-optimize'); ?> |
| 97 | 97 | </label> |
| 98 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('The stylesheets will be merged or inlined.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 98 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('The stylesheets will be merged or inlined.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 99 | 99 | </div> |
| 100 | 100 | <div class="wpo-fieldgroup__subgroup"> |
| 101 | 101 | <label> |
| 102 | 102 | <input |
| @@ -107,9 +107,9 @@ | ||
| 107 | 107 | <?php checked('inline' === $wpo_minify_options['gfonts_method']); ?> |
| 108 | 108 | > |
| 109 | 109 | <?php esc_html_e('Inline google font CSS files', 'wp-optimize'); ?> |
| 110 | 110 | </label> |
| 111 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('The stylesheets will be inlined.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 111 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('The stylesheets will be inlined.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 112 | 112 | </div> |
| 113 | 113 | <div class="wpo-fieldgroup__subgroup"> |
| 114 | 114 | <label> |
| 115 | 115 | <input |
| @@ -120,9 +120,9 @@ | ||
| 120 | 120 | <?php checked('async' === $wpo_minify_options['gfonts_method']); ?> |
| 121 | 121 | > |
| 122 | 122 | <?php esc_html_e('Asynchronously load CSS files from Google Fonts', 'wp-optimize'); ?> |
| 123 | 123 | </label> |
| 124 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Will use \'preload\' with LoadCSS polyfill', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 124 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Will use \'preload\' with LoadCSS polyfill', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 125 | 125 | </div> |
| 126 | 126 | <div class="wpo-fieldgroup__subgroup"> |
| 127 | 127 | <label> |
| 128 | 128 | <input |
| @@ -133,9 +133,9 @@ | ||
| 133 | 133 | <?php checked('exclude' === $wpo_minify_options['gfonts_method']); ?> |
| 134 | 134 | > |
| 135 | 135 | <?php esc_html_e('Asynchronously load fonts from Google Fonts using JavaScript', 'wp-optimize'); ?> |
| 136 | 136 | </label> |
| 137 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Use if you want to exclude the CSS from Google Fonts from performance tests.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 137 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Use if you want to exclude the CSS from Google Fonts from performance tests.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 138 | 138 | </div> |
| 139 | 139 | </fieldset> |
| 140 | 140 | </div> |
| 141 | 141 | |
| @@ -153,9 +153,9 @@ | ||
| 153 | 153 | <?php checked('inherit' === $wpo_minify_options['fawesome_method']); ?> |
| 154 | 154 | > |
| 155 | 155 | <?php esc_html_e('Inherit from the CSS settings', 'wp-optimize'); ?> |
| 156 | 156 | </label> |
| 157 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('The stylesheets will be merged or inlined.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 157 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('The stylesheets will be merged or inlined.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 158 | 158 | </div> |
| 159 | 159 | <div class="wpo-fieldgroup__subgroup"> |
| 160 | 160 | <label><input |
| 161 | 161 | type="radio" |
| @@ -175,9 +175,9 @@ | ||
| 175 | 175 | <?php checked('async' === $wpo_minify_options['fawesome_method']); ?> |
| 176 | 176 | > |
| 177 | 177 | <?php esc_html_e('Asynchronously load the Font Awesome CSS file', 'wp-optimize'); ?> |
| 178 | 178 | </label> |
| 179 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Will use \'preload\' with LoadCSS polyfill', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 179 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Will use \'preload\' with LoadCSS polyfill', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 180 | 180 | </div> |
| 181 | 181 | <div class="wpo-fieldgroup__subgroup"> |
| 182 | 182 | <label><input |
| 183 | 183 | type="radio" |
| @@ -186,20 +186,16 @@ | ||
| 186 | 186 | <?php checked('exclude' === $wpo_minify_options['fawesome_method']); ?> |
| 187 | 187 | > |
| 188 | 188 | <?php esc_html_e('Asynchronously load the Font Awesome stylesheet using JavaScript', 'wp-optimize'); ?> |
| 189 | 189 | </label> |
| 190 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Use if you want to exclude Font Awesome from page speed tests (PageSpeed Insights, GTMetrix...)', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 190 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Use if you want to exclude Font Awesome from page speed tests (PageSpeed Insights, GTMetrix...)', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span><br> | |
| 191 | 191 | </div> |
| 192 | 192 | </fieldset> |
| 193 | 193 | </div> |
| 194 | 194 | |
| 195 | - <p class="submit"> | |
| 196 | - <input | |
| 197 | - class="wp-optimize-save-minify-settings button button-primary" | |
| 198 | - type="submit" | |
| 199 | - value="<?php esc_attr_e('Save settings', 'wp-optimize'); ?>" | |
| 200 | - > | |
| 195 | + <div class="wpo-save-btn-container"> | |
| 196 | + <input class="wp-optimize-save-minify-settings button button-primary" type="submit" value="<?php esc_attr_e('Save settings', 'wp-optimize'); ?>"> | |
| 201 | 197 | <img class="wpo_spinner" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="..."> |
| 202 | 198 | <span class="save-done dashicons dashicons-yes display-none"></span> |
| 203 | - </p> | |
| 199 | + </div> | |
| 204 | 200 | </form> |
| 205 | 201 | </div> |
