在我的首页上,我想显示一个包含不同图像的网格。为了便于更改这些图像,我正在使用高级自定义字段。但是,它无法真正裁剪这些图像。我已将以下代码放在我的模板文件中:
<?php
$image = get_field('bild7');
if( !empty($image) ):
// vars
$url = $image['url'];
$title = $image['title'];
$alt = $image['alt'];
$caption = $image['caption'];
// thumbnail
$size = 'bones-thumb-260';
$thumb = $image['sizes'][ $size ];
$width = $image['sizes'][ $size . '-width' ];
$height = $image['sizes'][ $size . '-height' ];
if( $caption ): ?>
在我的functions.php中:
// Thumbnail sizes
add_image_size( 'bones-thumb-1040', 1040, 350, true );
add_image_size( 'bones-thumb-520', 520, 350, true );
add_image_size( 'bones-thumb-260', 260, 350, true );
add_filter( 'image_size_names_choose', 'bones_custom_image_sizes' );
function bones_custom_image_sizes( $sizes ) {
return array_merge( $sizes, array(
'bones-thumb-1040' => __('1040px by 350px'),
'bones-thumb-520' => __('520px by 350px'),
'bones-thumb-260' => __('260px by 263px'),
) );
}
我的自定义字段创建为图像,其大小为bones-thumb-260。您可以在此处查看结果:http://irene-hofer.ch/fortress/