带有扩展预览的Wordpress缩略图网格
带有扩展预览的Wordpress缩略图网格
提问于 2013-11-05 23:51:58
我正在使用这个组件
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中，我应该放入什么？
回答 1
Stack Overflow用户
发布于 2014-02-27 12:03:45
之前删除的答案是正确的。我得到这个工作的问题是，我不正确地加载了现代的脚本。为了在wordpress中查看我的工作网格的示例，我在这里上传了它。http://webshowcase.tk/wp1/。
为了在wordpress中使用它，你的标签需要转换成wordpress标签，数据标签中的所有信息也需要是wordpress标签。在这种情况下，它看起来像这样。
<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="“数据描述=”Swis...etc“将是data-description="”
data-largsrc是您的镜像的位置。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19793071
复制相关文章
相似问题
腾讯云开发者
