| 1 |
<?php |
| 2 |
/** |
| 3 |
* Explain what CCSS is (visible if no API key is stored). |
| 4 |
*/ |
| 5 |
|
| 6 |
/** |
| 7 |
* Actual function that explains. |
| 8 |
*/ |
| 9 |
function ao_ccss_render_explain() { |
| 10 |
?> |
| 11 |
<style> |
| 12 |
.ao_settings_div {background: white;border: 1px solid #ccc;padding: 1px 15px;margin: 15px 10px 10px 0;} |
| 13 |
.ao_settings_div .form-table th {font-weight: normal;} |
| 14 |
</style> |
| 15 |
<script>document.title = "Autoptimize: <?php _e( 'Critical CSS', 'autoptimize' ); ?> " + document.title;</script> |
| 16 |
<ul id="explain-panel"> |
| 17 |
<div class="ao_settings_div"> |
| 18 |
<?php |
| 19 |
$ccss_explanation = ''; |
| 20 |
|
| 21 |
if ( apply_filters( 'autoptimize_filter_ccss_rules_without_api', true ) ) { |
| 22 |
$_transient = 'ao3_ccss_explain'; |
| 23 |
$_explain_html = 'https://misc.optimizingmatters.com/autoptimize_ccss_explain_ao30_i18n.html?ao_ver='; |
| 24 |
} else { |
| 25 |
$_transient = 'ao_ccss_explain'; |
| 26 |
$_explain_html = 'https://misc.optimizingmatters.com/autoptimize_ccss_explain_i18n.html?ao_ver='; |
| 27 |
} |
| 28 |
|
| 29 |
// get the HTML with the explanation of what critical CSS is. |
| 30 |
if ( apply_filters( 'autoptimize_settingsscreen_remotehttp', true ) ) { |
| 31 |
$ccss_explanation = get_transient( $_transient ); |
| 32 |
if ( empty( $ccss_explanation ) ) { |
| 33 |
$ccss_expl_resp = wp_remote_get( $_explain_html . AUTOPTIMIZE_PLUGIN_VERSION ); |
| 34 |
if ( ! is_wp_error( $ccss_expl_resp ) ) { |
| 35 |
if ( '200' == wp_remote_retrieve_response_code( $ccss_expl_resp ) ) { |
| 36 |
$ccss_explanation = wp_kses_post( wp_remote_retrieve_body( $ccss_expl_resp ) ); |
| 37 |
set_transient( 'ao3_ccss_explain', $ccss_explanation, WEEK_IN_SECONDS ); |
| 38 |
} |
| 39 |
} |
| 40 |
} |
| 41 |
} |
| 42 |
|
| 43 |
// placeholder text in case HTML is empty. |
| 44 |
if ( empty( $ccss_explanation ) ) { |
| 45 |
$ccss_explanation = __( '<h2>Fix render-blocking CSS!</h2><p>Significantly improve your first-paint times by making CSS non-render-blocking.</p><p>The next step is to sign up at <a href="https://criticalcss.com/?aff=1" target="_blank">https://criticalcss.com</a> (this is a premium service, priced 2 GBP/month for membership and 5 GBP/month per domain) <strong>and get the API key, which you can copy from <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">the API-keys page</a></strong> and paste below.</p><p>If you have any questions or need support, head on over to <a href="https://wordpress.org/support/plugin/autoptimize" target="_blank">our support forum</a> and we\'ll help you get up and running in no time!</p>', 'autoptimize' ); |
| 46 |
} else { |
| 47 |
// we were able to fetch the explenation, so add the JS to show correct language. |
| 48 |
$ccss_explanation .= "<script>jQuery('.ao_i18n').hide();d=document;lang=d.getElementsByTagName('html')[0].getAttribute('lang').substring(0,2);if(d.getElementById(lang)!= null){jQuery('#'+lang).show();}else{jQuery('#default').show();}</script>"; |
| 49 |
} |
| 50 |
|
| 51 |
// and echo it. |
| 52 |
echo $ccss_explanation; |
| 53 |
?> |
| 54 |
</div> |
| 55 |
</ul> |
| 56 |
<?php |
| 57 |
} |
| 58 |
|
