图像上的 Wordpress ACF 和光滑的滑块链接

Posted 2023-02-19

【中文标题】图像上的 Wordpress ACF 和光滑的滑块链接

【英文标题】：Wordpress ACF and slick slider link on image

【发布时间】：2022-01-09 04:12:54

【问题描述】：

我在 wordpress 中使用 ACF 内置了 Slick Slider，图像和滑块工作，现在尝试将图像包装在链接中，以便每个图像都可以链接到设置的页面。 目前它只是链接到主页 url，我不确定我在代码中做错了什么，任何帮助都是有用的。

  <h3 class="pb-3"><?php the_field('slider-text', false, false) ?></h3>
<div id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($className); ?>">
    <?php if (have_rows('slides')): ?>
        <div class="slides"
             data-slick='"slidesToShow": 5, "slidesToScroll": 1, "autoplay": true, "autoplaySpeed": 2000, "dots": true'>
            <?php while (have_rows('slides')): the_row();
                $image = get_sub_field('image');
                $link = get_sub_field('link');
                ?>
                <div class="col">
                    <a href="<?php ($link['id']); ?>">
                    <?php echo wp_get_attachment_image($image['id'], 'full'); ?>
                    </a>
                </div>
            <?php endwhile; ?>
        </div>
    <?php else: ?>

    <?php endif; ?>
</div>

【问题讨论】：

($link['id']) 似乎您缺少echo 或get_permalink($link['id'])

【参考方案1】：

从我的评论中添加答案：

您没有对 (link['id']) 执行任何操作 - 这就是它重定向到它所在页面的原因 - href 是空的。

您需要将该链接 ID 传递给 get_permalink()

<a href="<?php echo get_permalink($link['id']); ?>">

【讨论】：

正在尝试 atm，由于某种原因 acf 无法保存链接

在您的代码中的$link = get_sub_field('link'); 之后，执行var_dump( $link ) 并发布您得到的内容。

好喊，老是忘记正确调试

得到 NULL，这很奇怪。

【参考方案2】：

试试：<a href="<?php echo esc_url( $link['id'] ); ?>">

您需要打印 url 以显示在输出中，还添加了一些消毒措施以确保安全！

【讨论】：

干杯，目前还没有工作，但我的 ACF 在设置后没有保留 url，所以会检查我的错误，但看起来不错，谢谢。