"; _e( "JetPack's Photon module breaks features built in WP Retina 2x (as Photos moves the files away). A common and better alternative to Photon is to use MaxCDN (very popular), CloudFlare or Fastly.", 'wp-retina-2x' ); echo "

"; } } static function activate() { global $wp_rewrite; $wp_rewrite->flush_rules(); } static function deactivate() { remove_filter( 'generate_rewrite_rules', array( 'Meow_WR2X_Admin', 'generate_rewrite_rules' ) ); global $wp_rewrite; $wp_rewrite->flush_rules(); } static function generate_rewrite_rules( $wp_rewrite, $flush = false ) { global $wp_rewrite; $method = get_option( "wr2x_method" ); if ( $method == "Retina-Images" ) { // MODIFICATION: docwhat // get_home_url() -> trailingslashit(site_url()) // REFERENCE: http://wordpress.org/support/topic/plugin-wp-retina-2x-htaccess-generated-with-incorrect-rewriterule // MODIFICATION BY h4ir9 // .*\.(jpg|jpeg|gif|png|bmp) -> (.+.(?:jpe?g|gif|png)) // REFERENCE: http://wordpress.org/support/topic/great-but-needs-a-little-update $handlerurl = str_replace( trailingslashit( site_url()), '', plugins_url( 'wr2x_image.php', __FILE__ ) ); add_rewrite_rule( '(.+.(?:jpe?g|gif|png))', $handlerurl, 'top' ); } if ( $flush == true ) { $wp_rewrite->flush_rules(); } } function common_url( $file ) { return trailingslashit( plugin_dir_url( __FILE__ ) ) . 'common/' . $file; } function app_menu() { // SUBMENU > Settings add_submenu_page( 'meowapps-main-menu', 'Retina', 'Retina', 'manage_options', 'wr2x_settings-menu', array( $this, 'admin_settings' ) ); // SUBMENU > Settings > Basic Settings add_settings_section( 'wr2x_settings', null, null, 'wr2x_settings-menu' ); add_settings_field( 'wr2x_ignore_sizes', __( "Disabled Sizes", 'wp-retina-2x' ), array( $this, 'admin_ignore_sizes_callback' ), 'wr2x_settings-menu', 'wr2x_settings' ); add_settings_field( 'wr2x_method', __( "Method", 'wp-retina-2x' ), array( $this, 'admin_method_callback' ), 'wr2x_settings-menu', 'wr2x_settings' ); add_settings_field( 'wr2x_full_size', __( "Full Size Retina", 'wp-retina-2x' ) . "
(Pro)", array( $this, 'admin_full_size_callback' ), 'wr2x_settings-menu', 'wr2x_settings' ); // add_settings_field( 'wr2x_method', __( "Method", 'wp-retina-2x' ), // array( $this, 'admin_method_callback' ), // 'wr2x_settings-menu', 'wr2x_settings' ); add_settings_field( 'wr2x_quality', __( "Retina Quality", 'wp-retina-2x' ), array( $this, 'admin_quality_callback' ), 'wr2x_settings-menu', 'wr2x_settings' ); //// Default Disabled Sizes $defaults = array (); $sizes = $this->core->get_image_sizes(); $large_w = 1600; $large_h = 1200; foreach ( $sizes as $name => $details ) { $w = isset($details['width']) ? $details['width'] : 0; $h = isset($details['height']) ? $details['height'] : 0; if ( $w >= $large_w || $h >= $large_h ) $defaults[$name] = 1; } register_setting( 'wr2x_settings', 'wr2x_ignore_sizes', array ( 'default' => $defaults ) ); register_setting( 'wr2x_settings', 'wr2x_auto_generate' ); register_setting( 'wr2x_settings', 'wr2x_full_size' ); register_setting( 'wr2x_settings', 'wr2x_method' ); register_setting( 'wr2x_settings', 'wr2x_quality' ); // SUBMENU > Settings > Advanced Settings add_settings_section( 'wr2x_advanced_settings', null, null, 'wr2x_advanced_settings-menu' ); add_settings_field( 'wr2x_auto_generate', __( "Auto Generate", 'wp-retina-2x' ), array( $this, 'admin_auto_generate_callback' ), 'wr2x_advanced_settings-menu', 'wr2x_advanced_settings' ); add_settings_field( 'wr2x_regenerate_thumbnails', __( "Regenerate Thumbnails", 'wp-retina-2x' ), array( $this, 'admin_regenerate_thumbnails_callback' ), 'wr2x_advanced_settings-menu', 'wr2x_advanced_settings' ); add_settings_field( 'wr2x_disable_medium_large', __( "Disable Medium Large", 'wp-retina-2x' ), array( $this, 'admin_disable_medium_large_callback' ), 'wr2x_advanced_settings-menu', 'wr2x_advanced_settings' ); add_settings_field( 'wr2x_over_http_check', __( "Over HTTP Check", 'wp-retina-2x' ) . "
(Pro)", array( $this, 'admin_over_http_check_callback' ), 'wr2x_advanced_settings-menu', 'wr2x_advanced_settings' ); add_settings_field( 'wr2x_debug', __( "Debug", 'wp-retina-2x' ), array( $this, 'admin_debug_callback' ), 'wr2x_advanced_settings-menu', 'wr2x_advanced_settings' ); add_settings_field( 'wr2x_disable_responsive', __( "

Disable Responsive", 'wp-retina-2x' ), array( $this, 'admin_disable_responsive_callback' ), 'wr2x_advanced_settings-menu', 'wr2x_advanced_settings' ); add_settings_field( 'wr2x_cdn_domain', __( "Custom CDN Domain", 'wp-retina-2x' ) . "
(Pro)", array( $this, 'admin_cdn_domain_callback' ), 'wr2x_advanced_settings-menu', 'wr2x_advanced_settings' ); register_setting( 'wr2x_advanced_settings', 'wr2x_auto_generate' ); register_setting( 'wr2x_advanced_settings', 'wr2x_regenerate_thumbnails' ); register_setting( 'wr2x_advanced_settings', 'wr2x_disable_responsive' ); register_setting( 'wr2x_advanced_settings', 'wr2x_disable_medium_large' ); register_setting( 'wr2x_advanced_settings', 'wr2x_cdn_domain' ); register_setting( 'wr2x_advanced_settings', 'wr2x_over_http_check' ); register_setting( 'wr2x_advanced_settings', 'wr2x_debug' ); // SUBMENU > Settings > PictureFill add_settings_section( 'wr2x_picturefill_settings', null, null, 'wr2x_picturefill_settings-menu' ); add_settings_field( 'wr2x_picturefill_keep_src', "Keep IMG SRC", array( $this, 'admin_picturefill_keep_src_callback' ), 'wr2x_picturefill_settings-menu', 'wr2x_picturefill_settings' ); add_settings_field( 'wr2x_picturefill_lazysizes', "Lazy Retina
(Pro)", array( $this, 'admin_picturefill_lazysizes_callback' ), 'wr2x_picturefill_settings-menu', 'wr2x_picturefill_settings' ); add_settings_field( 'wr2x_picturefill_css_background', "CSS Background
(Pro)", array( $this, 'admin_picturefill_css_background_callback' ), 'wr2x_picturefill_settings-menu', 'wr2x_picturefill_settings' ); add_settings_field( 'wr2x_picturefill_noscript', "Polyfill Script", array( $this, 'admin_picturefill_noscript_callback' ), 'wr2x_picturefill_settings-menu', 'wr2x_picturefill_settings' ); register_setting( 'wr2x_picturefill_settings', 'wr2x_picturefill_keep_src' ); register_setting( 'wr2x_picturefill_settings', 'wr2x_picturefill_lazysizes' ); register_setting( 'wr2x_picturefill_settings', 'wr2x_picturefill_css_background' ); register_setting( 'wr2x_picturefill_settings', 'wr2x_picturefill_noscript' ); // SUBMENU > Settings > Admin UI add_settings_section( 'wr2x_ui_settings', null, null, 'wr2x_ui_settings-menu' ); add_settings_field( 'wr2x_hide_retina_column', __( "Retina Column", 'wp-retina-2x' ), array( $this, 'admin_hide_retina_column_callback' ), 'wr2x_ui_settings-menu', 'wr2x_ui_settings' ); add_settings_field( 'wr2x_hide_retina_dashboard', __( "Retina Dashboard", 'wp-retina-2x' ), array( $this, 'admin_hide_retina_dashboard_callback' ), 'wr2x_ui_settings-menu', 'wr2x_ui_settings' ); add_settings_field( 'wr2x_hide_pro', __( "Pro Information", 'wp-retina-2x' ), array( $this, 'admin_hide_pro_callback' ), 'wr2x_ui_settings-menu', 'wr2x_ui_settings' ); register_setting( 'wr2x_ui_settings', 'wr2x_hide_retina_column' ); register_setting( 'wr2x_ui_settings', 'wr2x_hide_retina_dashboard' ); register_setting( 'wr2x_ui_settings', 'wr2x_hide_pro' ); } function admin_settings() { $method = get_option( 'wr2x_method', 'Picturefill' ); $quality = get_option( 'wr2x_quality', 90 ); if ( $quality > 100 || $quality < 0 ) update_option( 'wr2x_quality', 90, false ); ?>
display_title( "WP Retina 2x" ); ?>
" . __( "Current method:", 'wp-retina-2x' ) . " " . __( "None", 'wp-retina-2x' ) . "."; if ( $method == 'HTML Rewrite' ) echo "

" . __( "Current method:", 'wp-retina-2x' ) . " " . __( "HTML Rewrite", 'wp-retina-2x' ) . "."; if ( $method == 'retina.js' ) echo "

" . __( "Current method:", 'wp-retina-2x' ) . " " . __( "Retina.js", 'wp-retina-2x' ) . "."; if ( $method == 'Picturefill' ) echo "

" . __( "Current method:", 'wp-retina-2x' ) . " " . __( "PictureFill", 'wp-retina-2x' ) . "."; if ( $method == 'Responsive' ) echo "

" . __( "Current method:", 'wp-retina-2x' ) . " " . __( "Responsive Images", 'wp-retina-2x' ) . "."; if ( $method == 'Retina-Images' ) { echo "

" . __( "Current method:", 'wp-retina-2x' ) . " " . __( "HTML Rewrite", 'wp-retina-2x' ) . "."; if ( defined( 'MULTISITE' ) && MULTISITE == true ) { if ( get_site_option( 'ms_files_rewriting' ) ) { // MODIFICATION: Craig Foster // 'ms_files_rewriting' support echo " " . __( "By the way, you are using a WordPress Multi-Site installation! You must edit your .htaccess manually and add 'RewriteRule ^files/(.+) wp-content/plugins/wp-retina-2x/wr2x_image.php?ms=true&file=$1 [L]' as the first RewriteRule if you want the server-side to work.", 'wp-retina-2x' ) . ""; } else echo " " . __( "By the way, you are using a WordPress Multi-Site installation! You must edit your .htaccess manually and add 'RewriteRule ^(wp-content/.+\.(png|gif|jpg|jpeg|bmp|PNG|GIF|JPG|JPEG|BMP)) wp-content/plugins/wp-retina-2x/wr2x_image.php?ms=true&file=$1 [L]' as the first RewriteRule if you want the server-side to work.", 'wp-retina-2x' ) . ""; } echo "

"; if ( !get_option('permalink_structure') ) echo "

" . __( "The permalinks are not enabled. They need to be enabled in order to use the server-side method.", 'wp-retina-2x' ) . ""; } ?>

How to use

tutorial.', 'wp-retina-2x' ) ?>

Basic Settings

Advanced Settings

display_serialkey_box( "https://meowapps.com/wp-retina-2x/" ); ?>

PictureFill

Admin UI

core->get_image_sizes(); $sizes = array(); $html = ""; foreach ( $wpsizes as $name => $attr ) { $html .= '' . sprintf( " (Normal: %dx%d, Retina: %dx%d)", MeowApps_Admin::size_shortname( $name ), $name, $attr['width'], $attr['height'], $attr['width'] * 2, $attr['height'] * 2 ) . '
'; } $html .= '
' . __( 'The selected sizes will not have their retina equivalent generated. It is recommended to disable the sizes for which Normal superior to 1200.', 'wp-retina-2x' ) . ''; echo $html; } function admin_auto_generate_callback( $args ) { $value = get_option( 'wr2x_auto_generate', null ); $html = ''; $html .= '
Generate the Retina thumbnails on new upload and thumbnails creation. The Disabled Sizes will be skipped.'; echo $html; } function admin_regenerate_thumbnails_callback( $args ) { $value = get_option( 'wr2x_regenerate_thumbnails', false ); $html = ''; $html .= '
On each Generate action, all standard thumbnails will be regenerated (exactly the same function as Regenerate Thumbnail), and only then the Retina thumbnails will be created (depending on the Auto Generate option).'; echo $html; } function admin_disable_responsive_callback( $args ) { $value = get_option( 'wr2x_disable_responsive', null ); $html = '

'; $html .= '
Get back control over your HTML if you need.'; echo $html; } function admin_disable_medium_large_callback( $args ) { $value = get_option( 'wr2x_disable_medium_large', null ); $html = ''; $html .= '
You probably don\'t need this.'; echo $html; } function admin_method_callback( $args ) { $value = get_option( 'wr2x_method', 'none' ); $html = '
' . __( 'In all cases (including "None"), Retina support will be added to the Responsive Images. Check the Retina Methods page if you want to know more about those methods.', 'wp-retina-2x' ) . ''; echo $html; } function admin_full_size_callback( $args ) { $value = get_option( 'wr2x_full_size', null ); $html = 'is_registered(), false, false ) . ' type="checkbox" id="wr2x_full_size" name="wr2x_full_size" value="1" ' . checked( 1, get_option( 'wr2x_full_size' ), false ) . '/>'; $html .= '
Checks for retina for full-size will be enabled and upload features made available in the Retina Dashboard.'; echo $html; } function admin_quality_callback( $args ) { $value = get_option( 'wr2x_quality', 90 ); $html = ''; $html .= __( '
Sets image compression quality on a 1-100% scale as an integer (1-100). Default is 90. Only for JPG.', 'wp-retina-2x' ); echo $html; } function admin_debug_callback( $args ) { $value = get_option( 'wr2x_debug', null ); $html = ''; $html .= __( '
Displays retina and creates a log file in the plugin folder.', 'wp-retina-2x' ); echo $html; } function admin_cdn_domain_callback( $args ) { $value = get_option( 'wr2x_cdn_domain', null ); $html = 'is_registered(), false, false ) . ' type="text" id="wr2x_cdn_domain" name="wr2x_cdn_domain" value="' . $value . '" />'; $html .= __( '
If not empty, your site domain will be replaced with this CDN domain (PictureFill and HTML Rewrite only).', 'wp-retina-2x' ); echo $html; } function admin_over_http_check_callback( $args ) { $value = get_option( 'wr2x_over_http_check', null ); $html = 'is_registered(), false, false ) . ' type="checkbox" id="wr2x_over_http_check" name="wr2x_over_http_check" value="1" ' . checked( 1, get_option( 'wr2x_over_http_check' ), false ) . '/>'; $html .= __( '
Normally, the plugin checks if the Retina files exists through your filesystem. With this option, it will check using HTTP requests, that will enable Retina on exotic WordPress installs and also for images hosted on different servers.', 'wp-retina-2x' ); echo $html; } function admin_picturefill_keep_src_callback( $args ) { $value = get_option( 'wr2x_picturefill_keep_src', null ); $html = ''; $html .= __( '
With PictureFill, src tags are replaced by src-set tags and consequently search engines might not be able to find and reference those images. This option is better for SEO, but Retina devices will download both normal and retina. Lazy Retina option is recommended with this.', 'wp-retina-2x' ); echo $html; } function admin_picturefill_lazysizes_callback( $args ) { $value = get_option( 'wr2x_picturefill_lazysizes', null ); $html = 'is_registered(), false, false ) . ' type="checkbox" id="wr2x_picturefill_lazysizes" name="wr2x_picturefill_lazysizes" value="1" ' . checked( 1, get_option( 'wr2x_picturefill_lazysizes' ), false ) . '/>'; $html .= __( '
Retina images will not be loaded until the visitor gets close to them. HTML will be rewritten and the lazysizes script will be also loaded. ', 'wp-retina-2x' ); echo $html; } function admin_picturefill_noscript_callback( $args ) { $value = get_option( 'wr2x_picturefill_noscript', null ); $html = ''; $html .= __( '
Only the browsers with src-set support will display Retina images. You can also choose this if you want to load the Picturefill Polyfill script manually or if it is already loaded by your theme.', 'wp-retina-2x' ); echo $html; } function admin_picturefill_css_background_callback( $args ) { $value = get_option( 'wr2x_picturefill_css_background', null ); $html = 'is_registered(), false, false ) . ' type="checkbox" id="wr2x_picturefill_css_background" name="wr2x_picturefill_css_background" value="1" ' . checked( 1, get_option( 'wr2x_picturefill_css_background' ), false ) . '/>'; $html .= __( '
In your HTML, inline CSS Background will be replaced by the Retina version of the image.', 'wp-retina-2x' ); echo $html; } function admin_hide_retina_column_callback( $args ) { $value = get_option( 'wr2x_hide_retina_column', null ); $html = ''; $html .= __( '
Hide the Retina Column in the Media Library.', 'wp-retina-2x' ); echo $html; } function admin_hide_retina_dashboard_callback( $args ) { $value = get_option( 'wr2x_hide_retina_dashboard', null ); $html = ''; $html .= __( '
Disable Retina Dashboard menu and tools.', 'wp-retina-2x' ); echo $html; } function admin_hide_pro_callback( $args ) { $value = get_option( 'wr2x_hide_pro', null ); $html = ''; $html .= __( '
Hide information about Pro version.', 'wp-retina-2x' ); echo $html; } } ?>