Question

在我的页面模板中，我使用图像字段包含图像，如下所示：

<?php
    $image = get_field('img');
    echo '<img src="' . $image['sizes']['large'] . '" alt="' . $image['alt'] . '" />';
?>

我希望使用指向全尺寸媒体文件的链接自动包装这些图像，就像使用默认的WP WYSIWYG编辑器插入图像并选择＆＃34;链接到：媒体文件＆＃34;

所以html输出类似于：

<a href="../link-to-media-file.jpg">
    <img src="../media-file.jpg" alt="alt-text" >
</a>

这可能很简单，也许我忽视了显而易见的事情，但不知怎的，我没有提出解决方案。

Answer 1

根据documentation尝试

<?php 
$image = get_field( 'image' );
if( ! empty( $image ) ) { 
    // vars
    $url    = $image['url'];
    $title  = $image['title'];
    $alt    = $image['alt'];

    $size   = 'large'; // (thumbnail, medium, large, full or custom size)
    $pic    = $image['sizes'][ $size ];
    $width  = $image['sizes'][ $size . '-width' ];
    $height = $image['sizes'][ $size . '-height' ];
?>
    <a href="<?php echo $url; ?>" title="<?php echo $title; ?>">
        <img src="<?php echo $pic; ?>" alt="<?php echo $alt; ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" />
    </a>
<?php } ?>

Answer 2

与Volker的答案相反，试试这个：

<?php $img = get_field('image'); ?>
<img src="<?php echo $img['sizes']['$size']; // either large, small, medium or a custom size of your own choice! :) ?>" />

它有点整洁，更容易阅读，它输出完全相同的东西。

查看documentation了解详情。

WP高级自定义字段：将图像链接到媒体文件

2 个答案: