В настоящее время у меня есть <?php the_post_thumbnail('post-thumbnail', array( 'class' => "search-thumb attachment-post-thumbnail")); ?> <?php the_post_thumbnail('post-thumbnail', array( 'class' => "search-thumb attachment-post-thumbnail")); ?> внутри div, который содержит название результата поиска и выдержку. То, что я пытаюсь достичь, – это ONLY добавление миниатюры, если сообщение доступно.
Моя причина в том, что добавление миниатюры приведет к увеличению высоты div. Скажем, div с миниатюрой высотой 150 пикселей. Я хотел бы удалить высоту и установить div только ТОЛЬКО текст, если результат поиска не имеет миниатюры.
HTML внутри search.php //
<?php get_header(); ?> <div id="container" class="clearfix"> <div id="content-wrap"> <h1 class="heading1">Search Results</h1> <div class="br"></div> <div class="clear"></div> <h2><?php echo 'Items Found ' . $wp_query->found_posts; ?></h2> <div class="clear"></div> <?php if(have_posts()): ?> <?php while(have_posts()) : the_post(); ?> <div class="s-res"> <h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3> <div class="search-thumb"> <?php the_post_thumbnail('post-thumbnail', array( 'class' => "search-thumb attachment-post-thumbnail")); ?> </div> <?php echo str_replace('[...]', '', get_the_excerpt()); ?> </div> <?php endwhile; ?> <?php else : ?> <i><?php _e('Sorry, but nothing matched your search criteria.<br> Please try again with different keywords.'); ?></i> <?php endif; ?> </div> </div> <?php get_footer(); ?>
CSS для отображения высоты ect //
.s-res { height: 150px; margin-bottom: 10px; } img.search-thumb { float: left; background: url(images/diag_lines.png) repeat; height: 100px; padding: 10px; }
СКРИНШОТ//
скриншот http://img.ruphp.com/wordpress/2vv73oh.png
Просто оберните миниатюру div в if ( has_post_thumbnail() ) {... условный блок. Вот как ваш код должен выглядеть, когда вы используете функцию:
<?php get_header(); ?> <div id="container" class="clearfix"> <div id="content-wrap"> <h1 class="heading1">Search Results</h1> <div class="br"></div> <div class="clear"></div> <h2><?php echo 'Items Found ' . $wp_query->found_posts; ?></h2> <div class="clear"></div> <?php if(have_posts()): ?> <?php while(have_posts()) : the_post(); ?> <div class="s-res"> <h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3> <?php if ( has_post_thumbnail() ): ?> <div class="search-thumb"> <?php the_post_thumbnail('post-thumbnail', array( 'class' => "search-thumb attachment-post-thumbnail")); ?> </div> <?php endif ?> <?php echo str_replace('[...]', '', get_the_excerpt()); ?> </div> <?php endwhile; ?> <?php else : ?> <i><?php _e('Sorry, but nothing matched your search criteria.<br> Please try again with different keywords.'); ?></i> <?php endif; ?> </div> </div> <?php get_footer(); ?>
Я бы предложил сначала выполнить быстрый поиск Google, прежде чем задавать вопрос;) Эта функция довольно легко найти, кроме того, что WordPress имеет довольно хорошую документацию кода, поэтому вполне возможно, что вы сможете найти ответ на большинство ваших вопросов есть.