文件操作 - image-sizes.php

文件: /storage/v12552/jimbrandstatter/public_html/wp-content/themes/Total/inc/image-sizes.php

编辑文件内容

<?php

namespace TotalTheme;

\defined( 'ABSPATH' ) || exit;

/**
 * Add image sizes and image size settings panel.
 */
class Image_Sizes {

/**
	 * Static-only class.
	 */
	private function __construct() {}

/**
	 * Init.
	 */
	public static function init() {

// Define and add image sizes
		// Can't run earlier cause it comflicts with WooCommerce updated in v 4.5.5 from priority 1 to 40.
		\add_action( 'init', [ self::class, 'add_sizes' ], 40 );

// Prevent images from cropping when on the fly is enabled.
		if ( \get_theme_mod( 'image_resizing', true ) ) {
			\add_filter( 'intermediate_image_sizes_advanced', [ self::class, 'do_not_crop_on_upload' ] );
		}

// Admin only functions.
		if ( \wpex_is_request( 'admin' ) && \apply_filters( 'wpex_image_sizes_panel', true ) ) {
			\add_action( 'admin_menu', [ self::class, 'add_admin_submenu_page' ], 10 );
			\add_action( 'admin_init', [ self::class, 'register_settings' ] );
		}

// Disable WP responsive images.
		if ( self::disable_responsive_images_check() ) {
			\add_filter( 'wp_calculate_image_srcset', '__return_false', PHP_INT_MAX );
		}

}

/**
	 * Return array of image sizes used by the theme.
	 */
	public static function get_sizes() {
		return \apply_filters( 'wpex_image_sizes', [
			'lightbox'    => [
				'label'   => \esc_html__( 'Lightbox Images', 'total' ),
				'width'   => 'lightbox_image_width',
				'height'  => 'lightbox_image_height',
				'crop'    => 'lightbox_image_crop',
				'section' => 'other',
			],
			'search_results' => [
				'label'      => \esc_html__( 'Search', 'total' ),
				'width'      => 'search_results_image_width',
				'height'     => 'search_results_image_height',
				'crop'       => 'search_results_image_crop',
				'section'    => 'other',
			],
			'blog_entry'  => [
				'label'   => \esc_html__( 'Blog Entry', 'total' ),
				'width'   => 'blog_entry_image_width',
				'height'  => 'blog_entry_image_height',
				'crop'    => 'blog_entry_image_crop',
				'section' => 'blog',
			],
			'blog_post'   => [
				'label'   => \esc_html__( 'Blog Post', 'total' ),
				'width'   => 'blog_post_image_width',
				'height'  => 'blog_post_image_height',
				'crop'    => 'blog_post_image_crop',
				'section' => 'blog',
			],
			'blog_post_full' => [
				'label'      => \esc_html__( 'Blog Post: (Media Position Full-Width Above Content)', 'total' ),
				'width'      => 'blog_post_full_image_width',
				'height'     => 'blog_post_full_image_height',
				'crop'       => 'blog_post_full_image_crop',
				'section'    => 'blog',
			],
			'blog_related' => [
				'label'    => \esc_html__( 'Blog Post: Related', 'total' ),
				'width'    => 'blog_related_image_width',
				'height'   => 'blog_related_image_height',
				'crop'     => 'blog_related_image_crop',
				'section'  => 'blog',
			],
		] );
	}

/**
	 * Filter the image sizes automatically generated when uploading an image.
	 */
	public static function do_not_crop_on_upload( $sizes ) {
		$get_sizes = self::get_sizes();
		if ( ! empty( $get_sizes ) ) {
			foreach ( $get_sizes as $size => $args ) {
				unset( $sizes[$size] );
			}
		}
		return $sizes;
	}

/**
	 * Register image sizes in WordPress.
	 */
	public static function add_sizes() {
		$sizes = self::get_sizes();

// Loop through sizes.
		foreach ( $sizes as $size => $args ) {

// Extract args.
			\extract( $args );

// Get defaults.
			$defaults       = ! empty( $args['defaults'] ) ? $args['defaults'] : '';
			$default_width  = $defaults['width'] ?? 9999;
			$default_height = $defaults['height'] ?? 9999;
			$default_crop   = $defaults['crop'] ?? true;

// Get theme mod values.
			$width  = \get_theme_mod( $width, $default_width );
			$height = \get_theme_mod( $height, $default_height );
			$crop   = \get_theme_mod( $crop, $default_crop );

if ( ! $crop && false !== $crop ) {
				$crop = true; // Always crop images center-center as this was always the theme default.
			}

// Set crop to false depending on height value.
			if ( ! $height || ! $width || 'soft-crop' === $crop || $height >= 9999 || $width >= 9999 ) {
				$crop = false;
			}

// Turn crop into array.
			if ( $crop && is_string( $crop ) ) {
				$crop = \explode( '-', $crop );
			}

// If image resizing is disabled and a width or height is defined add image size.
			if ( $width || $height ) {
				\add_image_size( $size, $width, $height, $crop );
			}

}

/**
	 * Add sub menu page.
	 */
	public static function add_admin_submenu_page() {
		$hook_suffix = \add_submenu_page(
			\WPEX_THEME_PANEL_SLUG,
			\esc_html__( 'Image Sizes', 'total' ),
			\esc_html__( 'Image Sizes', 'total' ),
			'edit_theme_options',
			\WPEX_THEME_PANEL_SLUG . '-image-sizes',
			[ self::class, 'render_admin_page' ]
		);

\add_action( "load-{$hook_suffix}", [ self::class, 'admin_help_tab' ] );
	}

/**
	 * Add admin help tab.
	 */
	public static function admin_help_tab() {
		$screen = \get_current_screen();

if ( ! $screen ) {
			return;
		}

$screen->add_help_tab(
			[
				'id'      => 'totaltheme_image_sizes',
				'title'   => \esc_html__( 'Overview', 'total' ),
				'content' => '<p>' . \esc_html__( 'Define the exact cropping for all the featured images on your site. Leave the width and height empty to display the full image. Set any height to "9999" or empty to disable cropping and simply resize the image to the corresponding width. All image sizes defined below will be added to the list of WordPress image sizes.', 'total' ) . '</p>'
			]
		);
	}

/**
	 * Register a setting and its sanitization callback.
	 */
	public static function register_settings() {
		\register_setting(
			'wpex_image_sizes',
			'wpex_image_sizes',
			[
				'sanitize_callback' => [ self::class, 'save_options' ],
				'default' => null,
			]
		);
	}

/**
	 * Save admin options.
	 */
	public static function save_options( $options ) {
		if ( ! \is_array( $options )
			|| ! wp_verify_nonce( $_POST['totaltheme-image-sizes-admin-nonce'] ?? '', 'totaltheme-image-sizes-admin' )
			|| ! \current_user_can( 'edit_theme_options' )
		) {
			return;
		}

// Save checkboxes.
		$checkboxes = [
			'image_resizing'               => true,
			'post_thumbnail_lazy_loading'  => true,
			'retina'                       => false,
			'disable_wp_responsive_images' => false,
			'woo_dynamic_image_resizing'   => false,
		];

foreach ( $checkboxes as $theme_mod_name => $theme_mod_default ) {
			if ( isset( $options[ $theme_mod_name ] ) ) {
				if ( $theme_mod_default ) {
					\remove_theme_mod( $theme_mod_name );
				} else {
					\set_theme_mod( $theme_mod_name, 1 );
				}
			} else {
				if ( $theme_mod_default ) {
					\set_theme_mod( $theme_mod_name, 0 );
				} else {
					\remove_theme_mod( $theme_mod_name );
				}
			}
		}

// Standard options.
		foreach ( $options as $key => $value ) {
			if ( array_key_exists( $key, $checkboxes ) ) {
				continue; // checkboxes already done.
			}
			if ( ! empty( $value ) ) {
				\set_theme_mod( $key, \sanitize_text_field( $value ) );
			} else {
				\remove_theme_mod( $key );
			}
		}

}

/**
	 * Settings page output.
	 */
	public static function render_admin_page() {
		if ( ! \current_user_can( 'edit_theme_options' ) ) {
			return;
		}

\wp_enqueue_style( 'totaltheme-admin-pages' );
		\wp_enqueue_script( 'totaltheme-admin-pages' );

$sizes = self::get_sizes();

$crop_locations = \wpex_image_crop_locations();

\delete_option( 'wpex_image_sizes' ); // remove deprecated option.

<h2 class="nav-tab-wrapper wpex-panel-js-tabs" style="margin-top:20px;">
				<?php
				// Image sizes tabs
				$tabs = \apply_filters( 'wpex_image_sizes_tabs', [
					'general' => \esc_html__( 'General', 'total' ),
					'blog'    => \esc_html__( 'Blog', 'total' ),
				] );

// Add 'other' tab after filter so it's always at end
				$tabs['other'] = \esc_html__( 'Other', 'total' );

// Loop through tabs and display them
				$count = 0;
				foreach ( $tabs as $key => $val ) {
					$count++;
					$classes = 'nav-tab';
					if ( 1 === $count ) {
						$classes .=' nav-tab-active';
					}
					echo '<a href="#' . \esc_attr( $key ) . '" class="' . \esc_attr( $classes ) . '">' . \esc_html( $val ) . '</a>';
				} ?>

</h2>

<?php \settings_fields( 'wpex_image_sizes' ); ?>

<?php
					// Disable srcset
					$mod = \wp_validate_boolean( \get_theme_mod( 'disable_wp_responsive_images', false ) ); ?>
					<tr valign="top" class="wpex-tab-content wpex-general">
						<th scope="row"><label for="wpex-disable-srcset"><?php \esc_html_e( 'Disable WordPress srcset Images', 'total' ); ?></label></th>
						<td>
							<fieldset>
								<label>
									<input id="wpex-disable-srcset" type="checkbox" name="wpex_image_sizes[disable_wp_responsive_images]" <?php \checked( $mod, true ); ?>> <?php \esc_html_e( 'Disables the WordPress "wp_calculate_image_srcset" functionality which may add srcset attributes to post thumbnails.', 'total' ); ?>
								</label>
							</fieldset>
						</td>
					</tr>

<?php
					// WooCommerce Image Sizing
					if ( totaltheme_is_integration_active( 'woocommerce' )
						&& totaltheme_call_static( 'Integration\WooCommerce', 'is_advanced_mode' )
					) {

$mod = \wp_validate_boolean( \get_theme_mod( 'woo_dynamic_image_resizing', false ) ); ?>

<?php } ?>

<?php
					// Loop through all sizes.
					foreach ( $sizes as $size => $args ) :

\extract( $args );

// Label is required.
						if ( ! $label ) {
							continue;
						}

// Admin panel section.
						$section = $args['section'] ?? 'other';

// Get defaults.
						$defaults       = ! empty( $args['defaults'] ) ? $args['defaults'] : '';
						$default_width  = $defaults['width'] ?? null;
						$default_height = $defaults['height'] ?? null;
						$default_crop   = $defaults['crop'] ?? null;

// Get values.
						$width_value  = \get_theme_mod( $width, $default_width );
						$height_value = \get_theme_mod( $height, $default_height );
						$crop_value   = \get_theme_mod( $crop, $default_crop );

<tr valign="top" class="wpex-tab-content wpex-<?php echo \esc_attr( $section ); ?>">
							<th scope="row"><?php echo \strip_tags( $label ); ?></th>
							<td>
								<label for="<?php echo \esc_attr( $width ); ?>"><?php \esc_html_e( 'Width', 'total' ); ?></label>
								<input name="wpex_image_sizes[<?php echo \esc_attr( $width ); ?>]" type="number" step="1" min="0" value="<?php echo \esc_attr( $width_value ); ?>" class="small-text">
								&nbsp;
								<label for="<?php echo \esc_attr( $height ); ?>"><?php \esc_html_e( 'Height', 'total' ); ?></label>
								<input name="wpex_image_sizes[<?php echo \esc_attr( $height ); ?>]" type="number" step="1" min="0" value="<?php echo \esc_attr( $height_value ); ?>" class="small-text">
								&nbsp;
								<label for="<?php echo \esc_attr( $crop ); ?>"><?php \esc_html_e( 'Crop', 'total' ); ?></label>
								<select name="wpex_image_sizes[<?php echo \esc_attr( $crop ); ?>]">
									<?php foreach ( $crop_locations as $key => $label ) { ?>
										<option value="<?php echo \esc_attr( $key ); ?>" <?php \selected( $key, $crop_value, true ); ?>><?php echo \strip_tags( $label ); ?></option>
									<?php } ?>
								</select>

</td>
						</tr>

<?php endforeach; ?>

</table>

<?php \wp_nonce_field( 'totaltheme-image-sizes-admin', 'totaltheme-image-sizes-admin-nonce' ); ?>

<?php \submit_button(); ?>

</form>

</div>
	<?php
	}

/**
	 * Check if WP responsive images should be disabled.
	 */
	protected static function disable_responsive_images_check() {
		$check = \get_theme_mod( 'disable_wp_responsive_images', false );

/**
		 * Filters whether "wp_calculate_image_srcset" should be enabled or not.
		 *
		 * @param bool $check
		 * @todo deprecate?
		 */
		$check = (bool) \apply_filters( 'wpex_disable_wp_responsive_images', $check );

return $check;
	}

}

文件操作 - image-sizes.php

文件: /storage/v12552/jimbrandstatter/public_html/wp-content/themes/Total/inc/image-sizes.php

编辑文件内容

修改文件时间

删除文件