bibhamrokhanpin/wp-content/__plugins/wp-optimize/templates/minify/font-settings-tab.php

147 lines
6.2 KiB
PHP
Raw Normal View History

2024-04-10 12:01:06 +00:00
<?php if (!defined('WPO_VERSION')) die('No direct access allowed'); ?>
<div class="wpo_section wpo_group">
<form>
<div id="wpo_settings_warnings"></div>
<h3><?php _e('Google Fonts', 'wp-optimize'); ?></h3>
<div class="wpo-fieldgroup">
<fieldset>
<?php if (WP_OPTIMIZE_SHOW_MINIFY_ADVANCED) : ?>
<label for="merge_google_fonts">
<input
name="merge_google_fonts"
type="checkbox"
id="merge_google_fonts"
value="1"
<?php echo checked($wpo_minify_options['merge_google_fonts']); ?>
>
<?php _e('Merge fonts from Google Fonts into one request', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php _e('This improves speed when loading multiple fonts from Google Fonts.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span>
</label>
<?php endif; ?>
<label for="remove_googlefonts">
<input
name="remove_googlefonts"
type="checkbox"
id="remove_googlefonts"
value="1"
<?php echo checked($wpo_minify_options['remove_googlefonts']); ?>
>
<?php _e('Do not load Google Fonts', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php _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>
</label>
<label for="enable_display_swap">
<input
name="enable_display_swap"
type="checkbox"
id="enable_display_swap"
value="1"
<?php echo checked($wpo_minify_options['enable_display_swap']); ?>
>
<?php _e('Add "display=swap" to Google Fonts requests', 'wp-optimize'); ?>
<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>
</label>
</fieldset>
<p class="wpo_min-bold-green wpo_min-rowintro">
<?php _e('Choose how to include fonts from Google Fonts on your pages, when available:', 'wp-optimize'); ?>
</p>
<fieldset>
<label>
<input
type="radio"
name="gfonts_method"
value="inherit"
<?php echo checked('inherit' === $wpo_minify_options['gfonts_method']); ?>
>
<?php _e('Inherit from the CSS settings', 'wp-optimize'); ?>
<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>
</label>
<label>
<input
type="radio"
name="gfonts_method"
value="inline"
<?php echo checked('inline' === $wpo_minify_options['gfonts_method']); ?>
>
<?php _e('Inline google font CSS files', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php esc_attr_e('The stylesheets will be inlined.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span>
</label>
<label>
<input
type="radio"
name="gfonts_method"
value="async"
<?php echo checked('async' === $wpo_minify_options['gfonts_method']); ?>
>
<?php _e('Asynchronously load CSS files from Google Fonts', 'wp-optimize'); ?>
<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>
</label>
<label>
<input
type="radio"
name="gfonts_method"
value="exclude"
<?php echo checked('exclude' === $wpo_minify_options['gfonts_method']); ?>
>
<?php _e('Asynchronously load fonts from Google Fonts using JavaScript', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php _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>
</label>
</fieldset>
</div>
<h3><?php _e('Font Awesome', 'wp-optimize'); ?></h3>
<div class="wpo-fieldgroup">
<p class="wpo_min-bold-green wpo_min-rowintro">
<?php _e('Choose how to include Font Awesome (only available if it has \'font-awesome\' in the url):', 'wp-optimize'); ?>
</p>
<fieldset>
<label><input
type="radio"
name="fawesome_method"
value="inherit"
<?php echo checked('inherit' === $wpo_minify_options['fawesome_method']); ?>
>
<?php _e('Inherit from the CSS settings', 'wp-optimize'); ?>
<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>
</label>
<label><input
type="radio"
name="fawesome_method"
value="inline"
<?php echo checked('inline' === $wpo_minify_options['fawesome_method']); ?>
>
<?php _e('Inline the Font Awesome CSS file', 'wp-optimize'); ?>
</label>
<label>
<input
type="radio"
name="fawesome_method"
value="async"
<?php echo checked('async' === $wpo_minify_options['fawesome_method']); ?>
>
<?php _e('Asynchronously load the Font Awesome CSS file', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php _e('Will use \'preload\' with LoadCSS polyfill', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span>
</label>
<label><input
type="radio"
name="fawesome_method"
value="exclude"
<?php echo checked('exclude' === $wpo_minify_options['fawesome_method']); ?>
>
<?php _e('Asynchronously load the Font Awesome stylesheet using JavaScript', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php _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>
</label>
</fieldset>
</div>
<p class="submit">
<input
class="wp-optimize-save-minify-settings button button-primary"
type="submit"
value="<?php esc_attr_e('Save settings', 'wp-optimize'); ?>"
>
<img class="wpo_spinner" src="<?php echo esc_attr(admin_url('images/spinner-2x.gif')); ?>" alt="...">
<span class="save-done dashicons dashicons-yes display-none"></span>
</p>
</form>
</div>