# ultimate-post/5.0.28/blocks/Image.php

Post Grid Gutenberg Blocks – PostX, version 5.0.28. 160 lines.

- Page: https://pluginprobe.com/plugins/ultimate-post/5.0.28/code/blocks/Image.php
- Raw: https://pluginprobe.com/plugins/ultimate-post/5.0.28/raw/blocks/Image.php
- Modified: 2026-06-22T12:08:44+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/ultimate-post/5.0.28/code/blocks/Image.php#L10-L20`.

```php
<?php
namespace ULTP\blocks;

defined( 'ABSPATH' ) || exit;

class Image {

	public function __construct() {
		add_action( 'init', array( $this, 'register' ) );
	}
	public function get_attributes() {
		return array(
			'blockId'        => '',
			'previewImg'     => '',
			// Image Settings
			'imageUpload'    => (object) array(
				'id'  => '999999',
				'url' => ULTP_URL . 'assets/img/ultp-placeholder.jpg',
			),
			'darkImgEnable'  => false,
			'darkImage'      => (object) array(
				'id'  => '999999',
				'url' => ULTP_URL . 'assets/img/ultp-placeholder.jpg',
			),
			'linkType'       => 'link',
			'imgLink'        => '',
			'linkTarget'     => '_blank',
			'imgAlt'         => 'Image',
			'imgAlignment'   => array( 'lg' => 'left' ),
			'imgCrop'        => 'full',
			'imgAnimation'   => 'none',
			'imgMargin'      => (object) array( 'lg' => '' ),
			'imgOverlay'     => false,
			'imgOverlayType' => 'default',
			'imgSrcset'      => false,
			'imgLazy'        => false,
			// Heading Setting/Style
			'headingText'    => 'This is a Image Example',
			'headingEnable'  => false,
			'alignment'      => array( 'lg' => 'left' ),
			// Button Settings
			'buttonEnable'   => false,
			'btnText'        => 'Free Download',
			'btnLink'        => '#',
			'btnTarget'      => '_blank',
			'btnPosition'    => 'centerCenter',
			// Style

			'advanceId'      => '',
			'advanceZindex'  => '',
			'hideExtraLarge' => false,
			'hideTablet'     => false,
			'hideMobile'     => false,
			'advanceCss'     => '',
		);
	}

	public function register() {
		register_block_type(
			'ultimate-post/image',
			array(
				'editor_script'   => 'ultp-blocks-editor-script',
				'editor_style'    => 'ultp-blocks-editor-css',
				'render_callback' => array( $this, 'content' ),
			)
		);
	}

	public function content( $attr, $noAjax ) {
		$attr = wp_parse_args( $attr, $this->get_attributes() );

		// Dynamic Content
		if ( ultimate_post()->is_dc_active( $attr ) ) {

			// Dark Image
			$dark_image_content_src = $attr['dc']['darkImage']['contentSrc'];
			$dark_image_post_id     = $attr['dc']['darkImage']['postId'];

			if ( is_string( $dark_image_content_src ) && $attr['dcEnabled']['darkImage'] ) {
				$attr['darkImage']['url'] = \ULTP\DCService::get_dc_content_for_image( $dark_image_post_id, $dark_image_content_src );
			}

			// Image
			$image_content_src = $attr['dc']['imageUpload']['contentSrc'];
			$image_post_id     = $attr['dc']['imageUpload']['postId'];

			if ( is_string( $image_content_src ) && $attr['dcEnabled']['imageUpload'] ) {
				$attr['imageUpload']['url'] = \ULTP\DCService::get_dc_content_for_image( $image_post_id, $image_content_src );
			}

			// imgLink
			$img_link_link_src = $attr['dc']['imgLink']['linkSrc'];
			$img_link_post_id  = $attr['dc']['imgLink']['postId'];
			if ( is_string( $img_link_link_src ) && $attr['dcEnabled']['imgLink'] ) {
				if ( str_starts_with( $img_link_link_src, 'link_' ) ) {
					$attr['imgLink'] = \ULTP\DCService::get_link( $img_link_post_id, $img_link_link_src );
				}
			}

			// btnLink
			$btn_link_link_src = $attr['dc']['btnLink']['linkSrc'];
			$btn_link_post_id  = $attr['dc']['btnLink']['postId'];
			if ( is_string( $btn_link_link_src ) && $attr['dcEnabled']['btnLink'] ) {
				if ( str_starts_with( $btn_link_link_src, 'link_' ) ) {
					$attr['btnLink'] = \ULTP\DCService::get_link( $btn_link_post_id, $btn_link_link_src );
				}
			}
		}

		$wraper_before       = '';
		$block_name          = 'image';
		$attr['headingShow'] = true;
		$darkImageArr        = (array) $attr['darkImage'];
		$darkImg             = array(
			'enable' => $attr['darkImgEnable'],
			'url'    => isset( $darkImageArr['url'] ) ? $darkImageArr['url'] : ULTP_URL . 'assets/img/ultp-placeholder.jpg',
			'srcset' => ( $attr['imgSrcset'] && isset( $darkImageArr['id'] ) ) ? ' srcset="' . esc_attr( wp_get_attachment_image_srcset( $darkImageArr['id'] ) ) . '"' : '',
		);

		$attr['className']      = isset( $attr['className'] ) && $attr['className'] ? preg_replace( '/[^A-Za-z0-9_ -]/', '', $attr['className'] ) : '';
		$attr['align']          = isset( $attr['align'] ) && $attr['align'] ? preg_replace( '/[^A-Za-z0-9_ -]/', '', $attr['align'] ) : '';
		$attr['advanceId']      = isset( $attr['advanceId'] ) ? sanitize_html_class( $attr['advanceId'] ) : '';
		$attr['blockId']        = isset( $attr['blockId'] ) ? sanitize_html_class( $attr['blockId'] ) : '';
		$attr['imgAnimation']   = sanitize_html_class( $attr['imgAnimation'] );
		$attr['imgOverlayType'] = sanitize_html_class( $attr['imgOverlayType'] );
		$allowed_html_tags      = ultimate_post()->ultp_allowed_html_tags();
		$attr['btnText']        = wp_kses( $attr['btnText'], $allowed_html_tags );
		$attr['headingText']    = wp_kses( $attr['headingText'], $allowed_html_tags );

		$wraper_before             .= '<div ' . ( $attr['advanceId'] ? 'id="' . $attr['advanceId'] . '" ' : '' ) . ' class="wp-block-ultimate-post-' . $block_name . ' ultp-block-' . $attr['blockId'] . '' . ( $attr['align'] ? ' align' . $attr['align'] : '' ) . '' . ( $attr['className'] ? ' ' . $attr['className'] : '' ) . '">';
			$wraper_before         .= '<div class="ultp-block-wrapper">';
				$wraper_before     .= '<figure class="ultp-image-block-wrapper">';
					$wraper_before .= '<div class="ultp-image-block ultp-image-block-' . $attr['imgAnimation'] . ( $attr['imgOverlay'] ? ' ultp-image-block-overlay ultp-image-block-' . $attr['imgOverlayType'] : '' ) . '">';
						// Single Image
						$img_arr = (array) $attr['imageUpload'];
						$img_url = ( isset( $img_arr['size'] ) && isset( $img_arr['size'][ $attr['imgCrop'] ] ) ) ? ( isset( $img_arr['size'][ $attr['imgCrop'] ]['url'] ) ? $img_arr['size'][ $attr['imgCrop'] ]['url'] : $img_arr['size'][ $attr['imgCrop'] ] ) : $img_arr['url'];
		if ( ! empty( $img_arr ) ) {
			$srcset_data = $attr['imgSrcset'] ? ' srcset="' . esc_attr( wp_get_attachment_image_srcset( $img_arr['id'] ) ) . '"' : '';
			if ( $attr['linkType'] == 'link' && $attr['imgLink'] ) {
				$wraper_before .= '<a href="' . esc_url( $attr['imgLink'] ) . '" target="' . sanitize_html_class( $attr['linkTarget'] ) . '">' . ultimate_post()->get_image_html( $img_url, 'full', 'ultp-image', $attr['imgAlt'], $attr['imgLazy'], $darkImg, $srcset_data ) . '</a>';
			} else {
				// $wraper_before .= ultimate_post()->get_image_html($img_arr['url'], 'full', 'ultp-image', $attr['imgAlt'], $attr['imgLazy'], $darkImg);
				$wraper_before .= ultimate_post()->get_image_html( $img_url, 'full', 'ultp-image', $attr['imgAlt'], $attr['imgLazy'], $darkImg, $srcset_data );
			}
		}
		if ( $attr['btnLink'] && $attr['linkType'] == 'button' ) {
			$wraper_before .= '<div class="ultp-image-button ultp-image-button-' . sanitize_html_class( $attr['btnPosition'] ) . '"><a href="' . esc_url( $attr['btnLink'] ) . '" target="' . sanitize_html_class( $attr['btnTarget'] ) . '">' . $attr['btnText'] . '</a></div>';
		}
					$wraper_before .= '</div>';
		if ( $attr['headingEnable'] == 1 ) {
			$wraper_before .= '<figcaption class="ultp-image-caption">' . $attr['headingText'] . '</figcaption>';
		}
				$wraper_before .= '</figure>';
			$wraper_before     .= '</div>';
		$wraper_before         .= '</div>';

		return $wraper_before;
	}
}

```