Как в acf вывести изображение в нужном размере?

Question

[an]

Как в acf вывести изображение в нужном размере?

в functions даю

add_image_size( 'galery', 1200, 800, array( 'center', 'center', true ) );

в acf выбираю тип поля изображение, размер galery

<?php $image_array = get_field('port_2'); if ( $image_array ) { ?>
  <img src="<?php echo esc_url($image_array['url']); ?>" alt="<?php echo esc_attr($image_array['alt']); ?>" />
<?php } ?>

в результате выводит шо попало по размерам
может нужно в выводе еще что то указать?

Comments

[Aricus]

А что выводится в
var_dump($image_array);
? Возможно, после этого вопрос решится сам собой.

Answer 1

[Антон Литвиненко]

Размер, который вы выбираете это размер для админки. Вывод на фронте немного по другому,

<?php 
$image = get_field('image');
$size = 'full'; // (thumbnail, medium, large, full or custom size)
if( $image ) {
    echo wp_get_attachment_image( $image, $size );
}

https://www.advancedcustomfields.com/resources/image/

Comments

[an]

Всеровно не выходит
даю galery, которому указаны параметры 1200/800

functions:
add_image_size( 'galery', 1200, 800, array( 'center', 'center', true ) );

template:

<?php 
				$image = get_field('port_1');
				$size = 'galery';
				if( !empty( $image ) ): ?>
						<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
				<?php endif; ?>

на выходе всеровно другие значения по размерам у изображений
они же и не пропорциональны

что не так делаю?

[Антон Литвиненко]

Андрей, невнимательно читаете. либо мой ответ либо документацию. во только что вы определили переменную $size, пофиг что неправильно, вы ее дальше где используете? нигде
add_image_size тоже неверно, если третьим параметром идет массив, то кактое там тру? где вы это взяли?

[an]

Антон Литвиненко, да я вообще не въезжаю уже
а что в size нужно прописать? можно для тех, кто в бронепоезде? может задать тупо в size фиксированные значения? но как я не пойму
в док ничего не понял
true - я так понял, стоит для crop, обрезки картинки
где то на форуме нашел, уже не помню

[an]

вы же сами приводите в примере

$size = 'full'; // (thumbnail, medium, large, full or custom size)

thumbnail, medium, large, full
если добавляю свое значение в galery
то почему не правильно если в size указываю galery?

[Антон Литвиненко]

Андрей,

if( !empty( $image ) ): ?>
    <img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
<?php endif; ?>

где у вас тут $size?

[an]

Антон Литвиненко, вот

$image = get_field('port_1');
        <b>$size = 'galery';</b>
        if( !empty( $image ) ): ?>
            <img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
        <?php endif; ?>

в чем сложность показать где ему это прописать?

[an]

так то же не работает
<?php echo esc_url($image['url'], $size) ; ?>
куда эту переменную засунуть?

[Антон Литвиненко]

Андрей,
ок. на бронепоезде. немного упростим.

<?php add_image_size( 'galery', 1200, 800, true );
// Это будет работать ТОЛЬКО для свежезагруженных картинок. для тех что уже были - не сработает
// Старые нужно перегенерировать
?>
<?php
$image = get_field('port_1');
if( $image ):

  $size = 'galery';
  $thumb = $image['sizes'][ $size ];

  <img src="<?php echo esc_url($thumb); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />

<?php endif; ?>

[an]

Антон Литвиненко,
Спасибо

Answer 2

[WP Panda]

Судя по всему, у вас совсем не айс с базой знаний, сделайте так
https://github.com/bfintal/bfi_thumb подключаете в тему этот скрипт
В нужном вам месте делаете так

<img src="<?php echo bfi_thumb($image_array['url'], [ 'width' => 400, 'height' => 300, 'crop' => true ]); ?>" alt="<?php echo esc_attr($image_array['alt']); ?>" />