私は現在、コンテンツが WordPress ループによって生成された画像カルーセルを持っています。このカルーセルの画像をハイパーリンクしたいと思います。それぞれをクリックすると、その画像に関するコンテンツが下の div にフェードインします。
ループが含まれていなければ、私はこれをうまくやってのけることができますが、ループを使って(ループ内で)作業すると、すべてをリンクして互いに話す方法について途方に暮れています。ループは現在、画像の生成にのみコミットされており、WHILE セクションを拡張してこの追加情報をすべて含めると、設計が壊れる可能性が高くなります。
おそらく、WHILE セクション内から ID を宣言し、別の場所で呼び出す必要がありますか? その結論に到達するために、私はPHPの非常に限られた知識で作業しています。ループは現在、次のようになっています...
<?php
query_posts( array(
'offset' => '1',
'posts_per_page' => '10',
'post_type' => array('website', 'graphics')
));
if ( have_posts() ) :
?>
<div class="scroller">
<div class="overlay-left gradient"></div>
<div class="overlay-right gradient"></div>
<div id="makeMeScrollable">
<?php while (have_posts()) : the_post(); ?>
<article class="alignleft" style="margin-right: 20px;">
<?php
// Must be inside a loop.
if (has_post_thumbnail()) {
the_post_thumbnail('index-thumb');
}
else {
}
?>
</article>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
ご覧のとおり、WHILE セクションは、スクローラー内に配置するために、特に画像呼び出しに焦点を当てています。そのため、何らかの方法で WHILE 構造を保持することが非常に重要です (またはそうでない可能性もあります)。