我在 single.php 頁(yè)面上有一個(gè)有效的 '$lated = get_posts' 砌體。我還添加了一個(gè)懸停覆蓋層，以便當(dāng)用戶將鼠標(biāo)懸停在縮略圖上時(shí)，會(huì)出現(xiàn)一個(gè)透明的覆蓋層以及描述（標(biāo)題名稱、類別和昵稱）。我面臨的問(wèn)題是，當(dāng)我將鼠標(biāo)懸停在一個(gè)相關(guān)帖子縮略圖上時(shí)，每個(gè)帖子都會(huì)出現(xiàn)疊加層（疊加層被拉伸，不會(huì)單獨(dú)出現(xiàn)）。我也嘗試過(guò)調(diào)用描述，但它只是調(diào)用我正在查看的當(dāng)前帖子（例如當(dāng)前的 single.php 標(biāo)題說(shuō) Snow ，當(dāng)我將鼠標(biāo)懸停在第一個(gè)相關(guān)帖子時(shí)，它還會(huì)調(diào)用 Snow 的描述），但是，如果您單擊第一個(gè)相關(guān)帖子縮略圖，它會(huì)將您帶到另一篇文章（它不會(huì)調(diào)用不同文章的描述）。<div class="related"> <h3>Related</h3> <div class="js-masonry"> <div class="overlay"> <?php $related = get_posts( array( 'category__in' => wp_get_post_categories($post->ID), 'orderby' => 'rand', 'numberposts' => 3, 'post__not_in' => array($post->ID) ) ); if( $related ) foreach( $related as $post ) { setup_postdata($post); ?> <a href="<?php the_permalink()?>"><?php the_post_thumbnail(array(300,300)); ?></a> <?php } wp_reset_postdata(); ?> <div class="posts"> <?php foreach((get_the_category()) as $category) {echo $category->cat_name . ' ';}?> <h1><?php the_title();?></h1> ———— <h4><?php the_author();?></h4> </div> </div> </div></div>正如標(biāo)題所述，如何通過(guò)將鼠標(biāo)懸停在 WordPress 的 single.php 頁(yè)面上的“$related = get_posts”來(lái)提取一篇文章的正確描述和覆蓋？
1 回答
叮當(dāng)貓咪
TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
我通過(guò)正確地重新組織代碼解決了這個(gè)問(wèn)題。
<div class="js-masonry">
<?php $args = array(
'category__in' => wp_get_post_categories( get_queried_object_id() ),
'posts_per_page' => 3,
'orderby' => 'rand',
'post__not_in' => array( get_queried_object_id() )
);
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) : ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="item-masonry overlay">
<a href="<?php the_permalink();?>">
<div class="posts">
<?php foreach((get_the_category()) as $category) {echo $category->cat_name . ' ';}?>
<h1><?php the_title();?></h1>
————
<h4><?php the_author();?></h4>
</div>
<?php the_post_thumbnail(array(300,300)); ?>
</div>
</a>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
<?php endif; ?>
</div>
- 1 回答
- 0 關(guān)注
- 100 瀏覽
添加回答
舉報(bào)
0/150
提交
取消