0

下にテキストがあるサムネイルの結果リストがあります。代わりに、サムネイルのベースに影の長方形を付けてテキストを白くしたいと思います。次のコードでこれを達成する方法を知っている人はいますか?

前もって感謝します :)

 <?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; ?>
4

1 に答える 1

0

これは Wordpress の問題ではありません。これを解決するには CSS を使用する必要があります。サムネイルの上に影を作成するには、box-shadowを試してください。

于 2013-05-22T20:35:21.697 に答える