帶有擴展預覽的Wordpress縮略圖網格

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標簽。 如果<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來包含特色帖子自定義縮略圖大小圖片的位置，如果該帖子沒有我以前的答案中顯示的圖片，則將默認圖片設置為相同大小的默認圖片。