oont-contents/plugins/wp-rocket/views/cpcss/activate-cpcss-mobile.php
2025-02-08 15:10:23 +01:00

42 lines
1.8 KiB
PHP

<?php
/**
* Activate CPCSS mobile template.
*
* @since 3.6
*/
defined( 'ABSPATH' ) || exit;
?>
<div id="wpr-mobile_cpcss_view" class="wpr-tools">
<div class="wpr-tools-col">
<div class="wpr-title3 wpr-tools-label wpr-icon-stack"><?php esc_html_e( 'Load CSS asynchronously for mobile', 'rocket' ); ?></div>
<div class="wpr-field-description wpr-hide-on-click"><?php esc_html_e( 'Your website currently uses the same Critical Path CSS for both desktop and mobile.', 'rocket' ); ?></div>
<div class="wpr-field-description wpr-hide-on-click"><?php esc_html_e( 'Click the button to enable mobile-specific CPCSS for your site.', 'rocket' ); ?></div>
<div class="wpr-field-description wpr-hide-on-click">
<?php
printf(
// translators: %1$s = opening link tag, %2$s = closing link tag.
esc_html__( 'This is a one-time action and this button will be removed afterwards. %1$sMore info%2$s', 'rocket' ),
'<a href="' . esc_url( $data['beacon']['url'] ) . '" data-beacon-article="' . esc_attr( $data['beacon']['id'] ) . '" target="_blank" rel="noopener noreferrer">',
'</a>'
);
?>
</div>
<div class="wpr-field-description wpr-field wpr-isHidden wpr-show-on-click">
<?php
printf(
// translators: %1$s = opening link tag, %2$s = closing link tag.
esc_html__( 'Your site is now using mobile-specific critical path CSS. %1$sMore info%2$s', 'rocket' ),
'<a href="' . esc_url( $data['beacon']['url'] ) . '" data-beacon-article="' . esc_attr( $data['beacon']['id'] ) . '" target="_blank" rel="noopener noreferrer">',
'</a>'
);
?>
</div>
</div>
<div class="wpr-tools-col">
<button id="wpr-action-rocket_enable_mobile_cpcss" class="wpr-button wpr-button--icon wpr-button--small wpr-button--purple wpr-icon-refresh">
<?php esc_html_e( 'Generate Mobile Specific CPCSS', 'rocket' ); ?>
</button>
</div>
</div>