Question

我的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; ?>">

提前致谢！

Answer 1

如果您在<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>

Answer 2

您还可以使用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

添加链接到图像php

2 个答案: