Question

我正在创建一个新闻中心，其中包含指定类别的最新wordpress帖子。它包括帖子图片和标题。 div组有一个悬停动画，我希望该类在点击时链接到它从中拉出标题和图像的帖子。

目前只有链接，如果你点击标题本身，我希望能够点击整个块，它链接到帖子。有任何想法吗？这是现在的代码...

 <?php query_posts('cat=1 &posts_per_page=1'); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="block-1">
        <div class="news-center-overlay transition">
        <p>VIEW FULL STORY</p>
            <div id="news-line-box">
            <div id="part-1"></div><div id="part-2"><img src="<?php echo get_stylesheet_directory_uri()?>/img/star.png"/> </div><div id="part-3"></div>
            </div>
            <h4>COMETS BASKETBALL</h4>
        </div>

        <a href="<?php the_permalink() ?>"><?php echo get_the_post_thumbnail( $post_id, $size, $attr ); ?></a>

        <p class="news-center-title animation"><a href="<?php the_permalink() ?>"><?php echo get_the_title( $ID ); ?></a></p>
    </div>
<?php endwhile; endif; ?>

Answer 1

根据我的理解，您希望单击一个块，其中包含位于块下面的帖子的链接

如果是这种情况，可以将块包装在href链接中，或者可以将href链接包装到news-center-overlay类

    <?php query_posts('cat=1 &posts_per_page=1'); ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
     <a href="<?php the_permalink(); ?>">
        <div class="block-1">
            <div class="news-center-overlay transition">
            <p>VIEW FULL STORY</p>
                <div id="news-line-box">
                <div id="part-1"></div><div id="part-2"><img src="<?php echo get_stylesheet_directory_uri()?>/img/star.png"/> </div><div id="part-3"></div>
                </div>
                <h4>COMETS BASKETBALL</h4>
            </div>

            <?php echo get_the_post_thumbnail( $post_id, $size, $attr ); ?>

            <p class="news-center-title animation"><a href="<?php the_permalink() ?>"><?php echo get_the_title( $ID ); ?></a></p>
        </div>
     </a>
    <?php endwhile; endif; ?>

将div组链接到选定的永久链接？

1 个答案: