Question

我正在使用此组件

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>

link href允许我关闭项目以阅读项目的规范

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

Answer 1

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

为了在wordpress中使用它，你需要将标签转换为wordpress标签，数据标签中的所有信息也需要是wordpress标签。如果是＆lt; a href = ....＆gt; ＆lt; / a＆gt;它看起来像这样。

<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/“与＆lt;？php the_permalink（）相同？＆gt; data-title =“Azuki bean”将是data-title =“＆lt;？php the_title（）;？＆gt;” data-description =“Swis ... etc”将是data-description =“＆lt;？php echo get_the_excerpt（）;？＆gt;”

data-largsrc是图像的位置。在我的情况下＆lt;？php echo $ url; ？＆GT;我分配了$ url来包含自定义缩略图大小图片的帖子位置，如果帖子没有我之前的答案中显示的图片，则包含相同大小的默认图片。

Wordpress缩略图网格与扩展预览

1 个答案: