2015-03-29 3 views
1

В настоящее время я пытаюсь отобразить сообщение на моей домашней странице из категории, а также изображение (показанное изображение).Показать изображение в виде миниатюры?

до сих пор, у меня есть этот код, который захватывает пост и отображает его на моей домашней странице:

<div class="row"> 
    <div class="col-md-6"> 
    <?php query_posts('cat=4'); 
    while (have_posts()) : the_post(); 
    the_content(); 
    endwhile;?> 
    </div> 

Это делает дисплей, но я сейчас пытался установить признаки Aswell изображения.

Я хотел бы, чтобы показать, как:

Post and thumbnail?

Я видел некоторые предложения, такие как

<?php the_post_thumbnail(); ?> , но я не 100%, где добавить это.

Супер спасибо заранее!

+0

Еще одна проблема. Я пытаюсь использовать свою фреймворк, чтобы поместить миниатюру в col-md-4 и содержимое в col-md-8. Как это работает? Когда я пытаюсь разбить PHP вверх, он не работает. –

ответ

1

Вы должны сделать что-то вроде этого:

<div class="row"> 
    <div class="col-md-6"> 
    <?php query_posts('cat=4'); 
    while (have_posts()) : the_post(); 
    if (has_post_thumbnail()) { 
     the_post_thumbnail('thumbnail'); 
    } 
    the_content(); 
    endwhile;?> 
    </div> 

Вы, вероятно, нужно обернуть the_content и the_post_thumbnail в дивы и стиля с помощью CSS или использовать классы столбцов из вашей темы

+0

Вы можете добавить класс (ы) к самому изображенному изображению - https://codex.wordpress.org/Function_Reference/the_post_thumbnail#Parameters – Kaloyan

0

Вы можете попробовать это, непроверенный. Я оставил args в качестве массива, если у вас были другие, чтобы добавить.

<div class="row"> 
<div class="col-md-6"> 

<?php 
$args = array('cat' => 4); 
$loop = new WP_Query($args); 
while ($loop->have_posts()) : $loop->the_post(); 
?> 

<div style="float: left;"> 
<?php the_post_thumbnail('thumbnail'); ?> 
</div> 

<?php the_content(); ?> 

<?php endwhile; ?> 
<?php wp_reset_query(); ?> 

</div> 
</div> 
Смежные вопросы