将链接添加到图像 php答案

【问题标题】：Add link to an image php将链接添加到图像 php
【发布时间】：2023-03-06 14:49:01
【问题描述】：

我的 WordPress 主题有一个带有全屏滚动图像的演示页面模板。我想为每张图片添加一个单独的链接。我该怎么做？

            <?php } else if ($presentation_type == 'image'){ ?>
                    <div class="section" data-id="<?php echo $presentation_name; ?>" style="background-image: url(<?php echo $presentation_image; ?>);" data-nav-color="<?php echo $presentation_style; ?>">

提前致谢！

【问题讨论】：

您想要链接在哪里？包裹滚动图像？

标签： php css wordpress image hyperlink

【解决方案1】：

您也可以使用 data- 属性并使用 data-url 将 URL 添加到当前 div 并使用 JavaScript 打开链接，如下所示：

<div class="section" data-id="<?php echo $presentation_name; ?>" style="background-image: url(<?php echo $presentation_image; ?>);" data-nav-color="<?php echo $presentation_style; ?>" data-url="<?php echo $url; ?>">

http://codepen.io/anon/pen/rVdoaZ

【讨论】：

【解决方案2】：

如果<div /> HTML5 中没有动态代码，您可以简单地用<a> 标签包装它。

<a href="<?php echo $presentation_image; ?>">
    <div class="section" data-id="<?php echo $presentation_name; ?>" style="background-image: url(<?php echo $presentation_image; ?>);" data-nav-color="<?php echo $presentation_style; ?>">

    ...

    </div>
</a>

【讨论】：