0

このコンポーネントを使用しています

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

デモ http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

私のポートフォリオのワードプレスに実装されています。

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 には何を入力すればよいですか?

4

1 に答える 1

0

削除された前の回答は正しかったです。これを機能させる問題は、Modernizr スクリプトを誤ってロードしていたことです。wordpress で作業中のグリッドの例を確認するには、ここにアップロードしました。http://webshowcase.tk/wp1/ .

これを wordpress で使用するには、タグを wordpress タグに変換する必要があり、data タグ内のすべての情報も 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 に答える