wordpress - 如何在我的缩略图上放置文本和阴影 (php)？

Question

我有一个缩略图的结果列表，下面有文字。我想将文本设置为白色，并在缩略图的底部加上一个阴影矩形。任何人都知道如何在下面的代码中实现这一点？

提前致谢:)

 <?php if ( have_posts() ) : ?>

<div id="page-<?php echo $paged ?>">


    <?php while ( have_posts() ) : the_post(); ?>

        <?php
        if ( get_post_meta($post->ID, 'location', true) )
            $make_address = get_post_meta($post->ID, 'location', true);
        else
            $make_address = get_post_meta($post->ID, 'cp_street', true) . '&nbsp;' . get_post_meta($post->ID, 'cp_city', true) . '&nbsp;' . get_post_meta($post->ID, 'cp_state', true) . '&nbsp;' . get_post_meta($post->ID, 'cp_zipcode', true);
        ?>

        <div id="post-id-<?php the_ID(); ?>" class="post-wrapper">

            <div class="post-block">
                <?php if ( is_sticky() ) echo '<strong>FEATURED</strong>'; ?>

             <div class="grid_100">
             <?php if ( get_option('cp_ad_images') == 'yes' ) cp_ad_loop_thumbnail(); ?>

                <h3 class="post-title"><a href="<?php the_permalink(); ?>"><?php if ( mb_strlen( get_the_title() ) >= 75 ) echo mb_substr( get_the_title(), 0, 75 ).'...'; else the_title(); ?></a></h3>
        </div>
        <div class="post-desc">
        <?php echo $make_address; ?>
                    <div class="post-debug">

                        <!--<h4>Description:</h4>
                        <?php echo cp_get_content_preview( 160 ); ?>--!>
                    </div>
                </div>
            </div><!-- /post-block -->
        </div><!-- /post-wrapper -->

    <?php endwhile; ?>

</div><!-- /page --> 

<?php else: ?>

    <div class="block"><center>Sorry, no results found...</center></div>

<?php endif; ?>

Answer 1

这不是 Wordpress 的问题，您需要使用 CSS 来解决这个问题。尝试 box-shadow在缩略图上创建阴影。