0

我正在使用这个组件

http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

演示 http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

在 wordpress 中为我的投资组合实现。

看html代码

<li>
    <a href="http://cargocollective.com/jaimemartinez/" data-largesrc="images/1.jpg" data-title="Azuki bean" data-description="Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.">
        <img src="images/thumbs/1.jpg" alt="img01"/>
    </a>
</li>

链接href允许我运行项目以阅读项目规范

问题是这样的：在wordpress的href中我应该输入什么？

4

1 回答 1

0

被删除的上一个答案是正确的。我得到这个工作的问题是我错误地加载了 Modernizr 脚本。要在 wordpress 中查看我的工作网格示例，我将其上传到此处。http://webshowcase.tk/wp1/。

为了将它与 wordpress 一起使用，您需要将标签转换为 wordpress 标签，并且数据标签中的所有信息也需要是 wordpress 标签。在 <a href = .... > </a> 的情况下，它看起来像这样。

<a href= "<?php the_permalink() ?>" data-largesrc="<?php echo $url; ?>" data-title="<?php the_title(); ?>" data-description="<?php echo get_the_excerpt(); ?>"

http://cargocollective.com/jaimemartinez/ " 与 < ?php the_permalink() ?> data-title="Azuki bean" 相同 data-title="<?php the_title(); ?>" data-description="Swis... etc" 将是 data-description="<?php echo get_the_excerpt(); ?>”

data-largsrc 是图像的位置。在我的情况下 <?php echo $url; ?> 我分配了 $url 以包含帖子的位置，以包含帖子自定义缩略图大小图像的位置，如果帖子没有我之前回答中显示的图像，则分配给相同大小的默认图像。

于 2014-02-27T04:03:45.037 回答