acf_field_image::render_field() public ACF 3.6.0

Renders the field HTML.

{} Это метод класса: acf_field_image{}

Хуков нет.

Возвращает

null.

Использование

$acf_field_image = new acf_field_image();
$acf_field_image->render_field( $field );

$field(массив) (обязательный)

The field settings.

Список изменений

Код acf_field_image::render_field() acf field image::render field ^{ACF 5.9.1}

<?php
function render_field( $field ) {
	$uploader = acf_get_setting('uploader');
	
	// Enqueue uploader scripts
	if( $uploader === 'wp' ) {
		acf_enqueue_uploader();
	}

	// Elements and attributes.
	$value = '';
	$div_attrs = array(
		'class'				=> 'acf-image-uploader',
		'data-preview_size'	=> $field['preview_size'],
		'data-library'		=> $field['library'],
		'data-mime_types'	=> $field['mime_types'],
		'data-uploader'		=> $uploader
	);
	$img_attrs = array(
		'src'		=> '',
		'alt'		=> '',
		'data-name'	=> 'image'
	);
	
	// Detect value.
	if( $field['value'] && is_numeric($field['value']) ) {
		$image = wp_get_attachment_image_src( $field['value'], $field['preview_size'] );
		if( $image ) {
			$value = $field['value'];
			$img_attrs['src'] = $image[0];
			$img_attrs['alt'] = get_post_meta( $field['value'], '_wp_attachment_image_alt', true );
			$div_attrs['class'] .= ' has-value';
		}			
	}
	
	// Add "preview size" max width and height style.
	// Apply max-width to wrap, and max-height to img for max compatibility with field widths.
	$size = acf_get_image_size( $field['preview_size'] );
	$size_w = $size['width'] ? $size['width'] . 'px' : '100%';
	$size_h = $size['height'] ? $size['height'] . 'px' : '100%';
	$img_attrs['style'] = sprintf( 'max-height: %s;', $size_h );

	// Render HTML.
	?>
<div <?php echo acf_esc_attrs( $div_attrs ); ?>>
<?php acf_hidden_input(array( 
	'name' => $field['name'],
	'value' => $value
)); ?>
<div class="show-if-value image-wrap" style="max-width: <?php echo esc_attr( $size_w ); ?>">
	<img <?php echo acf_esc_attrs( $img_attrs ); ?> />
	<div class="acf-actions -hover">
		<?php if( $uploader !== 'basic' ): ?>
		<a class="acf-icon -pencil dark" data-name="edit" href="#" title="<?php _e( 'Edit', 'acf' ); ?>"></a>
		<?php endif; ?>
		<a class="acf-icon -cancel dark" data-name="remove" href="#" title="<?php _e( 'Remove', 'acf' ); ?>"></a>
	</div>
</div>
<div class="hide-if-value">
	<?php if( $uploader === 'basic' ): ?>
		<?php if( $field['value'] && !is_numeric($field['value']) ): ?>
			<div class="acf-error-message"><p><?php echo acf_esc_html( $field['value'] ); ?></p></div>
		<?php endif; ?>
		<label class="acf-basic-uploader">
			<?php acf_file_input(array(
				'name' => $field['name'], 
				'id' => $field['id']
			)); ?>
		</label>
	<?php else: ?>
		<p><?php _e( 'No image selected', 'acf' ); ?> <a data-name="add" class="acf-button button" href="#"><?php _e( 'Add Image', 'acf' ); ?></a></p>
	<?php endif; ?>
</div>
</div>
	<?php
}