首页 > 解决方案 > 如何在组合的 PHP/HTML 中显示缩略图和标题?

问题描述

我想使用此代码段显示我的帖子的标题和缩略图,但我无法这样做。

我该如何解决这个问题?

代码

<div class="row">
    <?php     
    if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> $featured_img_url = get_the_post_thumbnail_url(get_the_ID(),'full');
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <img class="card-img-top" src="<?php the_post_thumbnail('thumbnail');?>    
    </div>    
    echo '<h5 class=" card-title "><a href=" '.get_permalink() .' ">'.get_the_title().'</a></h5 >';?>
    <p class="card-text "><?php echo get_the_excerpt(); ?></p> 
    <a href="<?php the_permalink();?>" class="btn btn-primary"> Continue Reading &raquo;
                </a>
            </div>
            <?php  
    endwhile;
    else :
        _e( 'Sorry, no posts matched your criteria.', 'textdomain' );
    endif;?>
    </div>

标签: phpwordpressthumbnails

解决方案


看来您的 HTML 中可能包含 PHP 代码。也许,试试这个:

<div class="row">
    <?php 
        if ( have_posts() ) : while ( have_posts() ) : the_post(); $featured_img_url = get_the_post_thumbnail_url(get_the_ID(),'full'); ?> 
            <div class="col-md-4">
                <div class="card" style="width: 18rem;">
                    <img class="card-img-top" src="<?php the_post_thumbnail('thumbnail'); ?>
                </div>
                <?php  echo '<h5 class=" card-title "><a href=" ' . get_permalink() .' ">' . get_the_title() . '</a></h5 >'; ?>
                <p class="card-text"><?php echo get_the_excerpt(); ?></p> 
                <a href="<?php the_permalink(); ?>" class="btn btn-primary"> Continue Reading &raquo;</a>
            </div>
            <?php  endwhile;
            else :
                _e( 'Sorry, no posts matched your criteria.', 'textdomain' );
        endif; 
    ?>
</div>
  • 如果它没有解决您的问题,请查看您的语法错误/警告。
  • 您可能会考虑缩进您的代码,它可以帮助您在不查看错误日志的情况下找到错误。

推荐阅读