如何为 ACF 画廊创建我自己的自定义图像大小答案

【问题标题】：How to create my own custom image size for a ACF gallery如何为 ACF 画廊创建我自己的自定义图像大小
【发布时间】：2017-10-15 11:16:48
【问题描述】：

我正在使用高级自定义字段来创建图片库。目前我将图像大小设置为缩略图，我尝试将其设置为中等，但它不起作用，所以我不知道我是否遗漏了什么。但无论如何我想创建自己的图像大小。那么我该怎么做呢？我正在查看 ACF 网站，但它似乎已关闭。

<div class="container">
    <div class="row">
        <div class="col-md-12">
    <?php 

    $image_ids = get_field('gallery', false, false);

    $shortcode = '[gallery ids="' . implode(',', $image_ids) . '"]';

    echo do_shortcode( $shortcode );

    ?>

    <?php 

    $images = get_field('gallery');

    if( $images ): ?>

        <ul>
            <?php foreach( $images as $gallery_images ): ?>
                <li>
                    <a href="<?php echo $gallery_images['url']; ?>">
                         <img src="<?php echo $gallery_images['sizes']['thumb-nail']; ?>" alt="<?php echo $gallery_images['alt']; ?>" />
                    </a>
                    <p><?php echo $gallery_images['caption']; ?></p>
                </li>
            <?php endforeach; ?>
        </ul>
    <?php endif; ?>
        </div>
    </div>
</div>

【问题讨论】：

您可以创建一个类并在 style.css 中对其进行修改，因此无论图像大小如何，它始终是您喜欢的尺寸。第二种选择是插入 <img src="<?php echo $gallery_images['sizes']['thumb-nail']; ?>" style="width: 100px;height: 100px;" alt="<?php echo $gallery_images['alt']; ?>" /> (inline style) 。另外，我认为您可以在自定义字段中设置最小和最大尺寸

标签： php html css advanced-custom-fields

【解决方案1】：

通常，缩略图写成'thumbnail' 而不是thumb-nail。也许是这样？

此外，要在 Wordpress 中创建自定义图像大小，您需要将其添加到您的 functions.php 文件中。类似add_image_size( 'my-new-size', 220, 180, true );

见https://developer.wordpress.org/reference/functions/add_image_size/

【讨论】：

【解决方案2】：

<?php 
            $images = get_field('immagine');
            if( $images ): ?>
            <?php foreach( $images as $image ): ?>
                <li><img src="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>"></li>
             <?php endforeach; ?>
             <?php endif; ?>

【讨论】：