Version Description
- Admin Redesign
Download this release
Release Info
| Developer | wp_media |
| Plugin | |
| Version | 1.4.4 |
| Comparing to | |
| See all releases | |
Code changes from version 1.4.3 to 1.4.4
- admin/admin.php +66 -29
- assets/css/admin.css +186 -27
- assets/img/logo.png +0 -0
- assets/img/logo@2x.png +0 -0
- assets/img/play.png +0 -0
- assets/img/wprocket.png +0 -0
- assets/img/wprocket@2x.png +0 -0
- readme.txt +4 -1
- rocket-lazy-load.php +2 -2
admin/admin.php
CHANGED
|
@@ -51,6 +51,18 @@ add_action( 'admin_init', 'rocket_lazyload_settings_init' );
|
|
| 51 |
function rocket_lazyload_options_output() {
|
| 52 |
global $wp_version;
|
| 53 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 54 |
// check user capabilities.
|
| 55 |
if ( ! current_user_can( 'manage_options' ) ) {
|
| 56 |
return;
|
|
@@ -62,7 +74,7 @@ function rocket_lazyload_options_output() {
|
|
| 62 |
<<?php echo $heading_tag; ?> class="screen-reader-text"><?php echo esc_html( get_admin_page_title() ); ?></<?php echo $heading_tag; ?>>
|
| 63 |
<div class="rocket-lazyload-header">
|
| 64 |
<div>
|
| 65 |
-
<p class="rocket-lazyload-title"
|
| 66 |
<p class="rocket-lazyload-subtitle"><?php _e( 'Settings', 'rocket-lazyload' ); ?></p>
|
| 67 |
</div>
|
| 68 |
<?php $rocket_lazyload_rate_url = 'https://wordpress.org/support/plugin/rocket-lazy-load/reviews/?rate=5#postform'; ?>
|
|
@@ -78,41 +90,66 @@ function rocket_lazyload_options_output() {
|
|
| 78 |
<div class="rocket-lazyload-body">
|
| 79 |
<form action="options.php" class="rocket-lazyload-form" method="post">
|
| 80 |
<fieldset>
|
| 81 |
-
<legend><?php _e( 'Lazyload', 'rocket-lazyload' ); ?></legend>
|
| 82 |
<p><?php _e( 'LazyLoad displays images, iframes and videos on a page only when they are visible to the user.', 'rocket-lazyload' ); ?></p>
|
| 83 |
<p><?php _e( 'This mechanism reduces the number of HTTP requests and improves the loading time.', 'rocket-lazyload' ); ?></p>
|
| 84 |
-
<ul>
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
<label for="lazyload-images"><span class="screen-reader-text"><?php _e( 'Images', 'rocket-lazyload' ); ?></span></label>
|
| 88 |
-
<span id="describe-lazyload-images" class="rocket-lazyload-label-description"><?php _e( 'Images', 'rocket-lazyload' ); ?></span>
|
| 89 |
-
</li>
|
| 90 |
-
<li class="rocket-lazyload-option">
|
| 91 |
-
<input type="checkbox" value="1" id="lazyload-iframes" name="rocket_lazyload_options[iframes]" <?php checked( rocket_lazyload_get_option( 'iframes', 0 ), 1 ); ?> aria-describedby="describe-lazyload-iframes">
|
| 92 |
-
<label for="lazyload-iframes"><span class="screen-reader-text"><?php _e( 'Iframes & Videos', 'rocket-lazyload' ); ?></span></label>
|
| 93 |
-
<span id="describe-lazyload-iframes" class="rocket-lazyload-label-description"><?php _e( 'Iframes & Videos', 'rocket-lazyload' ); ?></span>
|
| 94 |
-
</li>
|
| 95 |
<li class="rocket-lazyload-option">
|
| 96 |
-
<input type="checkbox" value="1" id="lazyload
|
| 97 |
-
<label for="lazyload
|
| 98 |
-
|
|
|
|
| 99 |
</li>
|
|
|
|
|
|
|
|
|
|
| 100 |
</ul>
|
| 101 |
</fieldset>
|
| 102 |
-
<?php
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 106 |
</form>
|
| 107 |
-
<div class="rocket-lazyload-cross-sell">
|
| 108 |
-
<h2 class="rocket-lazyload-cross-sell-title"><?php _e( 'Need To Boost Your Speed Even More?', 'rocket-lazyload' ); ?></h2>
|
| 109 |
-
<div class="rocket-lazyload-ads">
|
| 110 |
-
<a href="https://wp-rocket.me?utm_source=wp_plugin&utm_medium=rocket_lazyload"><img src="<?php echo ROCKET_LL_ASSETS_URL; ?>img/wp-rocket@2x.jpg" alt="WP Rocket" width="393" height="180"></a>
|
| 111 |
-
<?php if ( ! is_plugin_active( 'imagify/imagify.php' ) ) : ?>
|
| 112 |
-
<a href="https://imagify.io?utm_source=wp_plugin&utm_medium=rocket_lazyload"><img src="<?php echo ROCKET_LL_ASSETS_URL; ?>img/imagify@2x.jpg" alt="Imagify" width="393" height="180"></a>
|
| 113 |
-
<?php endif; ?>
|
| 114 |
-
</div>
|
| 115 |
-
</div>
|
| 116 |
</div>
|
| 117 |
</div>
|
| 118 |
<?php
|
| 51 |
function rocket_lazyload_options_output() {
|
| 52 |
global $wp_version;
|
| 53 |
|
| 54 |
+
$options = array(
|
| 55 |
+
'images' => array(
|
| 56 |
+
'label' => __( 'Images', 'rocket-lazyload' ),
|
| 57 |
+
),
|
| 58 |
+
'iframes' => array(
|
| 59 |
+
'label' => __( 'Iframes & Videos', 'rocket-lazyload' ),
|
| 60 |
+
),
|
| 61 |
+
'youtube' => array(
|
| 62 |
+
'label' => __( 'Replace Youtube videos by thumbnail', 'rocket-lazyload' ),
|
| 63 |
+
),
|
| 64 |
+
);
|
| 65 |
+
|
| 66 |
// check user capabilities.
|
| 67 |
if ( ! current_user_can( 'manage_options' ) ) {
|
| 68 |
return;
|
| 74 |
<<?php echo $heading_tag; ?> class="screen-reader-text"><?php echo esc_html( get_admin_page_title() ); ?></<?php echo $heading_tag; ?>>
|
| 75 |
<div class="rocket-lazyload-header">
|
| 76 |
<div>
|
| 77 |
+
<p class="rocket-lazyload-title"><img src="<?php echo ROCKET_LL_ASSETS_URL; ?>img/logo.png" srcset="<?php echo ROCKET_LL_ASSETS_URL; ?>img/logo@2x.png 2x" alt="<?php echo esc_attr( get_admin_page_title() ); ?>" width="216" height="59"></p>
|
| 78 |
<p class="rocket-lazyload-subtitle"><?php _e( 'Settings', 'rocket-lazyload' ); ?></p>
|
| 79 |
</div>
|
| 80 |
<?php $rocket_lazyload_rate_url = 'https://wordpress.org/support/plugin/rocket-lazy-load/reviews/?rate=5#postform'; ?>
|
| 90 |
<div class="rocket-lazyload-body">
|
| 91 |
<form action="options.php" class="rocket-lazyload-form" method="post">
|
| 92 |
<fieldset>
|
| 93 |
+
<legend class="screen-reader-text"><?php _e( 'Lazyload', 'rocket-lazyload' ); ?></legend>
|
| 94 |
<p><?php _e( 'LazyLoad displays images, iframes and videos on a page only when they are visible to the user.', 'rocket-lazyload' ); ?></p>
|
| 95 |
<p><?php _e( 'This mechanism reduces the number of HTTP requests and improves the loading time.', 'rocket-lazyload' ); ?></p>
|
| 96 |
+
<ul class="rocket-lazyload-options">
|
| 97 |
+
<?php foreach ( $options as $slug => $infos ) { ?>
|
| 98 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 99 |
<li class="rocket-lazyload-option">
|
| 100 |
+
<input type="checkbox" value="1" id="lazyload-<?php echo $slug; ?>" name="rocket_lazyload_options[<?php echo $slug; ?>]" <?php checked( rocket_lazyload_get_option( $slug, 0 ), 1 ); ?> aria-labelledby="describe-lazyload-<?php echo $slug; ?>">
|
| 101 |
+
<label for="lazyload-<?php echo $slug; ?>">
|
| 102 |
+
<span id="describe-lazyload-<?php echo $slug; ?>" class="rocket-lazyload-label-description"><?php echo $infos['label']; ?></span>
|
| 103 |
+
</label>
|
| 104 |
</li>
|
| 105 |
+
|
| 106 |
+
<?php } ?>
|
| 107 |
+
|
| 108 |
</ul>
|
| 109 |
</fieldset>
|
| 110 |
+
<?php settings_fields( 'rocket_lazyload' ); ?>
|
| 111 |
+
|
| 112 |
+
<?php if ( ! is_plugin_active( 'wp-rocket/wp-rocket.php' ) ) { ?>
|
| 113 |
+
<div class="rocket-lazyload-upgrade">
|
| 114 |
+
|
| 115 |
+
<div class="rocket-lazyload-upgrade-cta">
|
| 116 |
+
<p class="rocket-lazyload-subtitle"><?php _e( 'We recommend for you', 'rocket-lazyload' ); ?></p>
|
| 117 |
+
<p class="rocket-lazyload-bigtext">
|
| 118 |
+
<?php _e( 'Go Premium with', 'rocket-lazyload' ); ?>
|
| 119 |
+
<img class="rocket-lazyload-rocket-logo" src="<?php echo ROCKET_LL_ASSETS_URL; ?>img/wprocket.png" srcset="<?php echo ROCKET_LL_ASSETS_URL; ?>img/wprocket@2x.png" width="232" height="63" alt="WP Rocket">
|
| 120 |
+
</p>
|
| 121 |
+
|
| 122 |
+
<div class="rocket-lazyload-cta-block">
|
| 123 |
+
<?php $promo = __( 'Get %s OFF%s Now', 'rocket-lazyload' ); ?>
|
| 124 |
+
<?php /*<span class="rocket-lazyload-cta-promo">
|
| 125 |
+
<?php printf( $promo, '<strong>20%', '</strong>' ); ?>
|
| 126 |
+
</span>*/ ?>
|
| 127 |
+
<a class="button button-primary" href="https://wp-rocket.me/?utm_source=wp_plugin&utm_medium=rocket_lazyload"><?php _e( 'Get WP Rocket Now!', 'rocket-lazyload' ); ?></a>
|
| 128 |
+
</div>
|
| 129 |
+
</div><!-- .rocket-lazyload-upgrade-cta -->
|
| 130 |
+
|
| 131 |
+
<div class="rocket-lazyload-upgrade-arguments">
|
| 132 |
+
<ul>
|
| 133 |
+
<li class="rll-upgrade-item"><?php printf( __( '%sMultiple new features%s to further improve your load time', 'rocket-lazyload' ), '<strong>', '</strong>' ) ?></li>
|
| 134 |
+
<li class="rll-upgrade-item"><?php printf( __( 'All you need to %simprove your Google PageSpeed%s score', 'rocket-lazyload' ), '<strong>', '</strong>' ) ?></li>
|
| 135 |
+
<li class="rll-upgrade-item"><?php printf( __( '%sBoost your SEO%s by preloading your cache page for Google’s bots', 'rocket-lazyload' ), '<strong>', '</strong>' ) ?></li>
|
| 136 |
+
<li class="rll-upgrade-item"><?php printf( __( 'Watch your conversion rise with the %s100%% WooCommerce compatibility%s', 'rocket-lazyload' ), '<strong>', '</strong>' ) ?></li>
|
| 137 |
+
<li class="rll-upgrade-item"><?php printf( __( 'Minimal configuration, %sImmediate results%s', 'rocket-lazyload' ), '<strong>', '</strong>' ) ?></li>
|
| 138 |
+
<li class="rll-upgrade-item"><?php printf( __( 'Set up takes %s5 minutes flat%s', 'rocket-lazyload' ), '<strong>', '</strong>' ) ?></li>
|
| 139 |
+
<li class="rll-upgrade-item"><?php printf( __( '%s24/7 support%s', 'rocket-lazyload' ), '<strong>', '</strong>' ) ?></li>
|
| 140 |
+
</ul>
|
| 141 |
+
</div><!-- .rocket-lazyload-upgrade-arguments -->
|
| 142 |
+
|
| 143 |
+
</div><!-- .rocket-lazyload-upgrade -->
|
| 144 |
+
<?php } ?>
|
| 145 |
+
|
| 146 |
+
<p class="submit">
|
| 147 |
+
<button type="submit" class="button button-primary">
|
| 148 |
+
<span class="text"><?php _e( 'Save changes', 'rocket-lazyload' ); ?></span>
|
| 149 |
+
<span class="icon">✓</span>
|
| 150 |
+
</button>
|
| 151 |
+
</p>
|
| 152 |
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 153 |
</div>
|
| 154 |
</div>
|
| 155 |
<?php
|
assets/css/admin.css
CHANGED
|
@@ -1,50 +1,95 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
.rocket-lazyload-settings {
|
| 2 |
max-width: 880px;
|
| 3 |
}
|
| 4 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 5 |
.rocket-lazyload-settings a {
|
| 6 |
-
color: #
|
| 7 |
}
|
| 8 |
|
| 9 |
-
.rocket-lazyload-settings a:hover
|
| 10 |
-
|
|
|
|
| 11 |
}
|
| 12 |
|
| 13 |
.rocket-lazyload-header.rocket-lazyload-header {
|
|
|
|
|
|
|
| 14 |
display: flex;
|
| 15 |
-
flex-wrap: wrap;
|
| 16 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 17 |
justify-content: space-between;
|
| 18 |
-
padding: 28px
|
| 19 |
font-size: 23px;
|
| 20 |
-
background: #
|
| 21 |
color: #FFF;
|
| 22 |
}
|
| 23 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 24 |
.rocket-lazyload-title {
|
| 25 |
-
margin: 0 0 18px;
|
| 26 |
color: #EAEAEA;
|
| 27 |
font-size: 23px;
|
| 28 |
font-weight: bold;
|
| 29 |
text-transform: uppercase;
|
| 30 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 31 |
|
| 32 |
.rocket-lazyload-subtitle {
|
| 33 |
-
color: #F7A933;
|
| 34 |
font-weight: 600;
|
| 35 |
-
|
|
|
|
| 36 |
text-transform: uppercase;
|
| 37 |
}
|
| 38 |
|
| 39 |
.rocket-lazyload-rate-us {
|
| 40 |
text-align: right;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 41 |
}
|
| 42 |
|
| 43 |
.rocket-lazyload-rate-us .stars {
|
|
|
|
|
|
|
| 44 |
text-decoration: none;
|
| 45 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 46 |
|
| 47 |
.rocket-lazyload-body {
|
|
|
|
| 48 |
background-color: #FFFFFF;
|
| 49 |
border: 1px solid #D9D9D9;
|
| 50 |
}
|
|
@@ -62,15 +107,23 @@
|
|
| 62 |
color: #23282D;
|
| 63 |
}
|
| 64 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 65 |
.rocket-lazyload-option {
|
| 66 |
-
|
| 67 |
-
|
|
|
|
| 68 |
}
|
| 69 |
|
| 70 |
/* Custom checkboxes in CSS */
|
| 71 |
.rocket-lazyload-form [type="checkbox"]:not(:checked),
|
| 72 |
.rocket-lazyload-form [type="checkbox"]:checked {
|
| 73 |
opacity: 0.01;
|
|
|
|
|
|
|
|
|
|
| 74 |
}
|
| 75 |
.rocket-lazyload-form [type="checkbox"]:not(:checked):focus,
|
| 76 |
.rocket-lazyload-form [type="checkbox"]:checked:focus {
|
|
@@ -136,37 +189,143 @@
|
|
| 136 |
|
| 137 |
.rocket-lazyload-label-description {
|
| 138 |
display: inline-block;
|
| 139 |
-
margin:
|
|
|
|
| 140 |
color: #666666;
|
| 141 |
font-weight: 600;
|
| 142 |
}
|
| 143 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 144 |
.rocket-lazyload-form .submit {
|
| 145 |
padding: 28px 0 32px 24px;
|
| 146 |
-
background-color: #FCFBF0;
|
| 147 |
}
|
| 148 |
|
| 149 |
-
.rocket-lazyload-form .submit
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 153 |
border: none;
|
|
|
|
|
|
|
|
|
|
| 154 |
border-radius: 3px;
|
| 155 |
font-weight: bold;
|
| 156 |
text-shadow: none;
|
| 157 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 158 |
|
| 159 |
-
.rocket-lazyload-
|
| 160 |
-
|
| 161 |
}
|
| 162 |
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
|
|
|
|
|
|
| 166 |
}
|
| 167 |
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 172 |
}
|
| 1 |
+
/**
|
| 2 |
+
* Colors Palette:
|
| 3 |
+
* orange: #F56640; (link, subtitle, button primary)
|
| 4 |
+
* orange: #FC8665; (hover)
|
| 5 |
+
* black: #0E1B23;
|
| 6 |
+
* gray: #71787D;
|
| 7 |
+
* green: #39CE9A;
|
| 8 |
+
*/
|
| 9 |
.rocket-lazyload-settings {
|
| 10 |
max-width: 880px;
|
| 11 |
}
|
| 12 |
|
| 13 |
+
.rocket-lazyload-settings a,
|
| 14 |
+
.rocket-lazyload-settings button {
|
| 15 |
+
transition: all .275s;
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
.rocket-lazyload-settings a {
|
| 19 |
+
color: #F56640;
|
| 20 |
}
|
| 21 |
|
| 22 |
+
.rocket-lazyload-settings a:hover,
|
| 23 |
+
.rocket-lazyload-settings a:focus {
|
| 24 |
+
color: #FC8665;
|
| 25 |
}
|
| 26 |
|
| 27 |
.rocket-lazyload-header.rocket-lazyload-header {
|
| 28 |
+
display: -webkit-box;
|
| 29 |
+
display: -ms-flexbox;
|
| 30 |
display: flex;
|
| 31 |
+
-ms-flex-wrap: wrap;
|
| 32 |
+
flex-wrap: wrap;
|
| 33 |
+
-webkit-box-align: center;
|
| 34 |
+
-ms-flex-align: center;
|
| 35 |
+
align-items: center;
|
| 36 |
+
-webkit-box-pack: justify;
|
| 37 |
+
-ms-flex-pack: justify;
|
| 38 |
justify-content: space-between;
|
| 39 |
+
padding: 28px 38px;
|
| 40 |
font-size: 23px;
|
| 41 |
+
background: #F56640;
|
| 42 |
color: #FFF;
|
| 43 |
}
|
| 44 |
|
| 45 |
+
.rocket-lazyload-header a {
|
| 46 |
+
color: #FFF;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
.rocket-lazyload-header p {
|
| 50 |
+
margin: 0;
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
.rocket-lazyload-title {
|
|
|
|
| 54 |
color: #EAEAEA;
|
| 55 |
font-size: 23px;
|
| 56 |
font-weight: bold;
|
| 57 |
text-transform: uppercase;
|
| 58 |
}
|
| 59 |
+
.rocket-lazyload-title img {
|
| 60 |
+
margin-left: -7px;
|
| 61 |
+
margin-bottom: -5px;
|
| 62 |
+
}
|
| 63 |
|
| 64 |
.rocket-lazyload-subtitle {
|
|
|
|
| 65 |
font-weight: 600;
|
| 66 |
+
font-size: 14px;
|
| 67 |
+
letter-spacing: 2px;
|
| 68 |
text-transform: uppercase;
|
| 69 |
}
|
| 70 |
|
| 71 |
.rocket-lazyload-rate-us {
|
| 72 |
text-align: right;
|
| 73 |
+
font-size: 15px;
|
| 74 |
+
line-height: 1.7;
|
| 75 |
+
}
|
| 76 |
+
|
| 77 |
+
.rocket-lazyload-rate-us a {
|
| 78 |
+
font-weight: bold;
|
| 79 |
}
|
| 80 |
|
| 81 |
.rocket-lazyload-rate-us .stars {
|
| 82 |
+
display: inline-block;
|
| 83 |
+
margin-top: 7px;
|
| 84 |
text-decoration: none;
|
| 85 |
}
|
| 86 |
+
.rocket-lazyload-rate-us .stars span {
|
| 87 |
+
font-size: 17px;
|
| 88 |
+
margin: 0 3px;
|
| 89 |
+
}
|
| 90 |
|
| 91 |
.rocket-lazyload-body {
|
| 92 |
+
padding-top: 25px;
|
| 93 |
background-color: #FFFFFF;
|
| 94 |
border: 1px solid #D9D9D9;
|
| 95 |
}
|
| 107 |
color: #23282D;
|
| 108 |
}
|
| 109 |
|
| 110 |
+
.rocket-lazyload-options {
|
| 111 |
+
margin-top: 22px;
|
| 112 |
+
}
|
| 113 |
+
|
| 114 |
.rocket-lazyload-option {
|
| 115 |
+
position: relative;
|
| 116 |
+
min-height: 32px;
|
| 117 |
+
margin: 0 0 12px 42px;
|
| 118 |
}
|
| 119 |
|
| 120 |
/* Custom checkboxes in CSS */
|
| 121 |
.rocket-lazyload-form [type="checkbox"]:not(:checked),
|
| 122 |
.rocket-lazyload-form [type="checkbox"]:checked {
|
| 123 |
opacity: 0.01;
|
| 124 |
+
position: absolute;
|
| 125 |
+
left: 0;
|
| 126 |
+
top: 0;
|
| 127 |
}
|
| 128 |
.rocket-lazyload-form [type="checkbox"]:not(:checked):focus,
|
| 129 |
.rocket-lazyload-form [type="checkbox"]:checked:focus {
|
| 189 |
|
| 190 |
.rocket-lazyload-label-description {
|
| 191 |
display: inline-block;
|
| 192 |
+
margin: 0 0 0 20px;
|
| 193 |
+
vertical-align: -7px;
|
| 194 |
color: #666666;
|
| 195 |
font-weight: 600;
|
| 196 |
}
|
| 197 |
|
| 198 |
+
/* Upgrade Block */
|
| 199 |
+
.rocket-lazyload-upgrade {
|
| 200 |
+
display: -webkit-box;
|
| 201 |
+
display: -ms-flexbox;
|
| 202 |
+
display: flex;
|
| 203 |
+
-webkit-box-align: center;
|
| 204 |
+
-ms-flex-align: center;
|
| 205 |
+
align-items: center;
|
| 206 |
+
margin: -10px 20px 20px 20px;
|
| 207 |
+
padding: 26px;
|
| 208 |
+
background: #F6F6F6;
|
| 209 |
+
border-radius: 4px;
|
| 210 |
+
}
|
| 211 |
+
|
| 212 |
+
.rocket-lazyload-upgrade-cta {
|
| 213 |
+
-ms-flex-preferred-size: 250px;
|
| 214 |
+
flex-basis: 250px;
|
| 215 |
+
padding-right: 38px;
|
| 216 |
+
}
|
| 217 |
+
.rocket-lazyload-cta-block {
|
| 218 |
+
margin-top: 1.75em;
|
| 219 |
+
}
|
| 220 |
+
.rocket-lazyload-cta-promo {
|
| 221 |
+
display: block;
|
| 222 |
+
padding: 15px;
|
| 223 |
+
border: 2px dashed #F56640;
|
| 224 |
+
border-bottom: 0;
|
| 225 |
+
border-radius: 3px 3px 0 0;
|
| 226 |
+
font-size: 26px;
|
| 227 |
+
font-weight: bold;
|
| 228 |
+
color: #F56640;
|
| 229 |
+
}
|
| 230 |
+
.rocket-lazyload-cta-promo strong {
|
| 231 |
+
color: #0E1B23;
|
| 232 |
+
}
|
| 233 |
+
.rocket-lazyload-cta-block.rocket-lazyload-cta-block .button-primary {
|
| 234 |
+
width: 100%;
|
| 235 |
+
text-align: center;
|
| 236 |
+
font-size: 13px;
|
| 237 |
+
}
|
| 238 |
+
.rll-upgrade-item {
|
| 239 |
+
position: relative;
|
| 240 |
+
margin: 1.5em auto;
|
| 241 |
+
padding-left: 35px;
|
| 242 |
+
font-size: 13px;
|
| 243 |
+
color: #71787D;
|
| 244 |
+
}
|
| 245 |
+
.rll-upgrade-item:before {
|
| 246 |
+
content: "✓";
|
| 247 |
+
position: absolute;
|
| 248 |
+
top: 0;
|
| 249 |
+
left: 0;
|
| 250 |
+
font-size: 1.7em;
|
| 251 |
+
color: #39CE9A;
|
| 252 |
+
font-weight: normal;
|
| 253 |
+
}
|
| 254 |
+
.rll-upgrade-item strong {
|
| 255 |
+
color: #39CE9A;
|
| 256 |
+
font-weight: bold;
|
| 257 |
+
}
|
| 258 |
+
.rocket-lazyload-upgrade p {
|
| 259 |
+
margin: 0;
|
| 260 |
+
}
|
| 261 |
+
.rocket-lazyload-upgrade .rocket-lazyload-subtitle {
|
| 262 |
+
margin-bottom: 8px;
|
| 263 |
+
font-size: 14px;
|
| 264 |
+
letter-spacing: 1px;
|
| 265 |
+
color: #F56640;
|
| 266 |
+
}
|
| 267 |
+
.rocket-lazyload-bigtext {
|
| 268 |
+
font-size: 28px;
|
| 269 |
+
font-weight: bold;
|
| 270 |
+
color: #0E1B23;
|
| 271 |
+
}
|
| 272 |
+
.rocket-lazyload-rocket-logo {
|
| 273 |
+
display: block;
|
| 274 |
+
margin-top: 12px;
|
| 275 |
+
}
|
| 276 |
+
|
| 277 |
.rocket-lazyload-form .submit {
|
| 278 |
padding: 28px 0 32px 24px;
|
|
|
|
| 279 |
}
|
| 280 |
|
| 281 |
+
.rocket-lazyload-form .submit {
|
| 282 |
+
margin: 0;
|
| 283 |
+
padding: 34px 45px;
|
| 284 |
+
background: #F6F6F6;
|
| 285 |
+
}
|
| 286 |
+
|
| 287 |
+
.rocket-lazyload-form .button-primary {
|
| 288 |
+
padding: 11px 20px;
|
| 289 |
+
height: auto;
|
| 290 |
+
background-color: #F56640;
|
| 291 |
+
box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
|
| 292 |
border: none;
|
| 293 |
+
font-size: 15px;
|
| 294 |
+
text-transform: uppercase;
|
| 295 |
+
letter-spacing: .04em;
|
| 296 |
border-radius: 3px;
|
| 297 |
font-weight: bold;
|
| 298 |
text-shadow: none;
|
| 299 |
}
|
| 300 |
+
.rocket-lazyload-form .button-primary:hover,
|
| 301 |
+
.rocket-lazyload-form .button-primary:focus {
|
| 302 |
+
text-shadow: none;
|
| 303 |
+
background: #FC8665;
|
| 304 |
+
transform: translateY(-3px);
|
| 305 |
+
}
|
| 306 |
|
| 307 |
+
.rocket-lazyload-form .button-primary .icon {
|
| 308 |
+
margin-left: 8px;
|
| 309 |
}
|
| 310 |
|
| 311 |
+
@media (max-width: 820px) {
|
| 312 |
+
.rocket-lazyload-header .rocket-lazyload-rate-us {
|
| 313 |
+
margin: 1.5em 0 0;
|
| 314 |
+
text-align: left;
|
| 315 |
+
}
|
| 316 |
}
|
| 317 |
|
| 318 |
+
|
| 319 |
+
@media (max-width: 650px) {
|
| 320 |
+
.rocket-lazyload-upgrade {
|
| 321 |
+
-ms-flex-wrap: wrap;
|
| 322 |
+
flex-wrap: wrap;
|
| 323 |
+
}
|
| 324 |
+
.rocket-lazyload-option {
|
| 325 |
+
margin-left: 25px;
|
| 326 |
+
}
|
| 327 |
+
.rocket-lazyload-form [type="checkbox"]:not(:checked) + label,
|
| 328 |
+
.rocket-lazyload-form [type="checkbox"]:checked + label {
|
| 329 |
+
padding-left: 0;
|
| 330 |
+
}
|
| 331 |
}
|
assets/img/logo.png
ADDED
|
Binary file
|
assets/img/logo@2x.png
ADDED
|
Binary file
|
assets/img/play.png
CHANGED
|
Binary file
|
assets/img/wprocket.png
ADDED
|
Binary file
|
assets/img/wprocket@2x.png
ADDED
|
Binary file
|
readme.txt
CHANGED
|
@@ -3,7 +3,7 @@ Contributors: creativejuiz, tabrisrp, wp_media
|
|
| 3 |
Tags: lazyload, lazy load, images, iframes, thumbnail, thumbnails, smiley, smilies, avatar, gravatar
|
| 4 |
Requires at least: 3.0
|
| 5 |
Tested up to: 4.8
|
| 6 |
-
Stable tag: 1.4.
|
| 7 |
|
| 8 |
The tiny Lazy Load script for WordPress without jQuery, works for images and iframes.
|
| 9 |
|
|
@@ -64,6 +64,9 @@ Some plugins are not compatible without lazy loading. Please open a support thre
|
|
| 64 |
|
| 65 |
== Changelog ==
|
| 66 |
|
|
|
|
|
|
|
|
|
|
| 67 |
= 1.4.3 =
|
| 68 |
* Plugin is compatible again with PHP < 5.4
|
| 69 |
|
| 3 |
Tags: lazyload, lazy load, images, iframes, thumbnail, thumbnails, smiley, smilies, avatar, gravatar
|
| 4 |
Requires at least: 3.0
|
| 5 |
Tested up to: 4.8
|
| 6 |
+
Stable tag: 1.4.4
|
| 7 |
|
| 8 |
The tiny Lazy Load script for WordPress without jQuery, works for images and iframes.
|
| 9 |
|
| 64 |
|
| 65 |
== Changelog ==
|
| 66 |
|
| 67 |
+
= 1.4.4 =
|
| 68 |
+
* Admin Redesign
|
| 69 |
+
|
| 70 |
= 1.4.3 =
|
| 71 |
* Plugin is compatible again with PHP < 5.4
|
| 72 |
|
rocket-lazy-load.php
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
* Plugin Name: Lazy Load by WP Rocket
|
| 4 |
* Plugin URI: http://wordpress.org/plugins/rocket-lazy-load/
|
| 5 |
* Description: The tiny Lazy Load script for WordPress without jQuery or others libraries.
|
| 6 |
-
* Version: 1.4.
|
| 7 |
* Author: WP Media
|
| 8 |
* Author URI: https://wp-rocket.me
|
| 9 |
* Text Domain: rocket-lazy-load
|
|
@@ -26,7 +26,7 @@
|
|
| 26 |
*/
|
| 27 |
defined( 'ABSPATH' ) || die( 'Cheatin\' uh?' );
|
| 28 |
|
| 29 |
-
define( 'ROCKET_LL_VERSION', '1.4.
|
| 30 |
define( 'ROCKET_LL_PATH', realpath( plugin_dir_path( __FILE__ ) ) . '/' );
|
| 31 |
define( 'ROCKET_LL_3RD_PARTY_PATH', ROCKET_LL_PATH . '3rd-party/' );
|
| 32 |
define( 'ROCKET_LL_ASSETS_URL', plugin_dir_url( __FILE__ ) . 'assets/' );
|
| 3 |
* Plugin Name: Lazy Load by WP Rocket
|
| 4 |
* Plugin URI: http://wordpress.org/plugins/rocket-lazy-load/
|
| 5 |
* Description: The tiny Lazy Load script for WordPress without jQuery or others libraries.
|
| 6 |
+
* Version: 1.4.4
|
| 7 |
* Author: WP Media
|
| 8 |
* Author URI: https://wp-rocket.me
|
| 9 |
* Text Domain: rocket-lazy-load
|
| 26 |
*/
|
| 27 |
defined( 'ABSPATH' ) || die( 'Cheatin\' uh?' );
|
| 28 |
|
| 29 |
+
define( 'ROCKET_LL_VERSION', '1.4.4' );
|
| 30 |
define( 'ROCKET_LL_PATH', realpath( plugin_dir_path( __FILE__ ) ) . '/' );
|
| 31 |
define( 'ROCKET_LL_3RD_PARTY_PATH', ROCKET_LL_PATH . '3rd-party/' );
|
| 32 |
define( 'ROCKET_LL_ASSETS_URL', plugin_dir_url( __FILE__ ) . 'assets/' );
|
