# wp-ultimate-post-grid/2.6.0/addons/custom-templates/templates/post/image.php

WP Ultimate Post Grid, version 2.6.0. 179 lines.

- Page: https://pluginprobe.com/plugins/wp-ultimate-post-grid/2.6.0/code/addons/custom-templates/templates/post/image.php
- Raw: https://pluginprobe.com/plugins/wp-ultimate-post-grid/2.6.0/raw/addons/custom-templates/templates/post/image.php
- Modified: 2017-10-30T10:29:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wp-ultimate-post-grid/2.6.0/code/addons/custom-templates/templates/post/image.php#L10-L20`.

```php
<?php

class WPUPG_Template_Post_Image extends WPUPG_Template_Block {

    public $editorField = 'postImage';
    public $thumbnail;
    public $crop = false;

    public function __construct( $type = 'post-image' )
    {
        parent::__construct( $type );
    }

    public function thumbnail( $thumbnail )
    {
        $this->thumbnail = $thumbnail;
        return $this;
    }

    public function crop( $crop )
    {
        $this->crop = $crop;
        return $this;
    }

    public function output( $post, $args = array() )
    {
        if( !$this->output_block( $post, $args ) ) return '';
        if( !isset( $this->thumbnail ) ) $this->thumbnail = 'full';

        // Post Image ID
        $custom_image_id = get_post_meta( $post->ID, 'wpupg_custom_image_id', true );
        if( $custom_image_id && get_post_type( $custom_image_id ) == 'attachment' ) {
            $post_image_id = $custom_image_id;
        } else {
            $post_image_id = $post->post_type == 'attachment' ? $post->ID : get_post_thumbnail_id( $post->ID );
        }

        $thumb = $this->get_thumb( $post, $post_image_id, $this->thumbnail );
        if(!$thumb) return ''; // No recipe image found

        $image_url = $thumb[0];
        if( is_null( $image_url ) ) return '';
        $img_size_attributes = '';

        // Check image size unless a specific thumbnail was specified
        if( is_array( $this->thumbnail ) ) {
            $new_width = $this->thumbnail[0];
            $new_height = $this->thumbnail[1];

            if( $thumb[1] && $thumb[2] ) { // Use image size if passed along
                $width = $thumb[1];
                $height = $thumb[2];
            } else { // Or look it up for ourselves otherwise
                $size = getimagesize( $image_url );
                $width = $size[0];
                $height = $size[1];
            }

            // Don't distort the image
            $undistored_height = floor( $new_width * ( $height / $width ) );
            $this->add_style( 'height', $undistored_height.'px' );

            // Get correct thumbnail size
            $correct_thumb = array(
                $new_width,
                $undistored_height
            );

            $img_size_attributes = ' width="' . $new_width . '" height="' . $undistored_height . '"';

            $thumb = $this->get_thumb( $post, $post_image_id, $correct_thumb );
            $image_url = $thumb[0];

            // Cropping the image
            if( $this->crop ) {
                $this->add_style( 'overflow', 'hidden', 'outer' );
                $this->add_style( 'max-width', $new_width.'px', 'outer' );
                $this->add_style( 'max-height', $new_height.'px', 'outer' );

                if( $new_height < $undistored_height ) {
                    $margin = -1 * ( 1 - $new_height / $undistored_height ) * 100/2;
                    $this->add_style( 'margin-top', $margin.'%' );
                    $this->add_style( 'margin-bottom', $margin.'%' );

                    $this->add_style( 'width', '100%' );
                    $this->add_style( 'height', 'auto' );
                } elseif ( $new_height > $undistored_height ) {
                    // We need a larger image
                    $larger_width = $new_height * ($new_width / $undistored_height);
                    $larger_thumb = array(
                        $larger_width,
                        $new_height
                    );

                    $thumb = $this->get_thumb( $post, $post_image_id, $larger_thumb );
                    $image_url = $thumb[0];

                    $margin = ( $new_width - $larger_width ) / 2;
                    $this->add_style( 'margin-left', $margin.'px' );
                    $this->add_style( 'margin-right', $margin.'px' );
                    $this->add_style( 'width', $larger_width.'px' );
                    $this->add_style( 'max-width', $larger_width.'px' );
                    $this->add_style( 'height', $new_height.'px' );
                }

                $img_size_attributes = ' width="' . $new_width . '" height="' . $new_height . '"';
            }
        } else if( $this->thumbnail == 'full' ) {
            // Get better thumbnail size based on max possible block size
            $height = $args['max_height'] == 9999 ? 0 : $args['max_height'];
            $correct_thumb = array(
                $args['max_width'],
                $height,
            );

            $thumb = $this->get_thumb( $post, $post_image_id, $correct_thumb );

            if( isset( $thumb[1] ) && $thumb[1] >= $args['max_width'] ) {
                $image_url = $thumb[0];
            } else {
                $correct_thumb = array(
                    $args['max_width'],
                    $args['max_height'],
                );

                $thumb = $this->get_thumb( $post, $post_image_id, $correct_thumb );

                if( isset( $thumb[1] ) && $thumb[1] >= $args['max_width'] ) {
                    $image_url = $thumb[0];
                }
            }
        }

        $args['desktop'] = $args['desktop'] && $this->show_on_desktop;

        $output = $this->before_output();

        ob_start();
?>
<div<?php echo $this->style( 'outer' ); ?>>
    <img src="<?php echo $image_url; ?>" alt="<?php echo esc_attr( get_post_meta( $post_image_id, '_wp_attachment_image_alt', true) ); ?>"<?php echo $img_size_attributes . $this->style(); ?> />
</div>
<?php
        $output .= ob_get_contents();
        ob_end_clean();

        return $this->after_output( $output, $post );
    }

    private function get_thumb( $post, $image_id, $size )
    {
        if( isset( $post->term ) && $post->term ) {
            $custom_image = get_term_meta( $post->ID, 'wpupg_custom_image', true );

            if( $custom_image ) {
                $thumb = wp_get_attachment_image_src( intval( $custom_image ), $size );
            } else {
                $thumb = false;
            }
        } else {
            $custom_image_url = get_post_meta( $post->ID, 'wpupg_custom_image', true );
            $custom_image_size = $custom_image_url ? @getimagesize( $custom_image_url ) : array();

            if( isset( $custom_image_size[0] ) && is_int( $custom_image_size[0] ) && isset( $custom_image_size[1] ) && is_int( $custom_image_size[1] ) ) {
                $thumb = array(
                    $custom_image_url,
                    $custom_image_size[0],
                    $custom_image_size[1],
                    false,
                );
            } else {
                $thumb = wp_get_attachment_image_src( $image_id, $size );
            }
        }

        return $thumb;
    }
}
```