1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
<?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="inline"
<?php echo checked('inline' === $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="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>
|