如何在高级自定义字段WP中使用size class?
How to use size class in Advanced Custom Fields WP?
我在我的 WordPress 主题中使用高级自定义字段来管理我的 Flexslider 滑块图像。我在后端上传高质量的图片,但我只想显示宽度为 960px 的图片。
文档中提到尺寸存储在 [sizes] 数组中。
https://www.advancedcustomfields.com/resources/gallery/
有谁知道在 functions.php
文件中创建的自定义尺寸是否也存在于存储数组中?
我的第二个问题是获取特定大小的访问权限 class,您是否仍然使用 [url] 获取图像 url 还是自动存储在大小数组?
这是正确的标记吗:
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo $image['url']['sizes']['slider-image']; ?>" alt="<?php echo $image['alt']; ?>">
</li>
<?php endforeach; ?>
或:
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo $image['slider-image']; ?>" alt="<?php echo $image['alt']; ?>">
</li>
<?php endforeach; ?>
是的,您定义的自定义尺寸将在 ['sizes']
数组中返回。
每个的 URL 作为尺码名称单独返回。例如,如果您的自定义尺寸称为 "slider-image",您会在 ['sizes']['slider-image']
.
处找到图像的 URL
如果需要,您还可以在 ['sizes']['slider-image-width']
和 ['sizes']['slider-image-height']
处访问图像的尺寸(当图像不符合您期望的确切纵横比时,这会很有用,这意味着调整后图像的较小轴不会完全匹配您的自定义尺寸)。
您可能会发现 PHP 函数 print_r()
将来可以方便地发现您可以使用哪些数据。
我在我的 WordPress 主题中使用高级自定义字段来管理我的 Flexslider 滑块图像。我在后端上传高质量的图片,但我只想显示宽度为 960px 的图片。
文档中提到尺寸存储在 [sizes] 数组中。
https://www.advancedcustomfields.com/resources/gallery/
有谁知道在 functions.php
文件中创建的自定义尺寸是否也存在于存储数组中?
我的第二个问题是获取特定大小的访问权限 class,您是否仍然使用 [url] 获取图像 url 还是自动存储在大小数组?
这是正确的标记吗:
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo $image['url']['sizes']['slider-image']; ?>" alt="<?php echo $image['alt']; ?>">
</li>
<?php endforeach; ?>
或:
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo $image['slider-image']; ?>" alt="<?php echo $image['alt']; ?>">
</li>
<?php endforeach; ?>
是的,您定义的自定义尺寸将在 ['sizes']
数组中返回。
每个的 URL 作为尺码名称单独返回。例如,如果您的自定义尺寸称为 "slider-image",您会在 ['sizes']['slider-image']
.
如果需要,您还可以在 ['sizes']['slider-image-width']
和 ['sizes']['slider-image-height']
处访问图像的尺寸(当图像不符合您期望的确切纵横比时,这会很有用,这意味着调整后图像的较小轴不会完全匹配您的自定义尺寸)。
您可能会发现 PHP 函数 print_r()
将来可以方便地发现您可以使用哪些数据。