我正在尝试将一个特定类别的帖子显示为三列布局。我遇到的问题是我不确定如何使用forforach和forwach来循环显示每个帖子缩略图, 因此如果出现三个以上, 则可以使用one_thrid_last。 CSS类。
<
?php while ( have_posts() ) : the_post();
?>
<
?php if (is_category('actress-gallery') ):?>
<
?php if ( function_exists("has_post_thumbnail") &
&
has_post_thumbnail() ) : ?>
<
div class="one_fourth_last">
<
a href="http://www.srcmini.com/<
?php the_permalink();
?>" title="<
?php printf( esc_attr__( 'Permalink to %s', 'tie' ), the_title_attribute( 'echo=0' ) );
?>
" rel="bookmark">
<
?phpecho $image_url = wp_get_attachment_image( get_post_thumbnail_id($post->
ID) , 'thumbnail' );
?>
<
h2>
<
a href="http://www.srcmini.com/<
?php the_permalink();
?>" title="<
?php printf( esc_attr__( 'Permalink to %s', 'tie' ), the_title_attribute( 'echo=0' ) );
?>
" rel="bookmark">
<
?php the_title();
?>
<
/a>
<
/h2>
<
/a>
<
/div>
<
!-- post-thumbnail /-->
<
?php endif;
?>
#1
<
div class="wrapper" style="width:800px;
height:auto;
">
<
?php if (have_posts()) : ?>
<
?php while (have_posts()) : the_post();
?>
<
?php if ( has_post_thumbnail() ) { ?>
<
div class="image-wrapper" style=" width:250px;
height:300px;
" >
<
?php the_title();
?>
<
?php the_content();
?>
<
?php the_post_thumbnail();
?>
<
/div>
<
?php } endwhile;
endif;
?>
<
/div>
#2
<
div class="wrapper" style="width:750px;
height:700px;
">
<
?php while (have_posts()) : the_post();
?>
<
?php if ( has_post_thumbnail() ) { ?>
<
div style="width:250px;
height:300px;
" >
<
?php the_title();
?>
<
?php the_post_thumbnail();
?>
<
/div>
<
?php } endif;
?>
<
/div>
#3【在wordpress中获取缩略图并在3列中显示】你可以使用$ count变量并检查第三个缩略图。
<
?php if ( have_posts() ) : ?>
<
?php $count = 1;
?>
<
?php while ( have_posts() ) : the_post();
?>
<
?php if ( has_post_thumbnail() ) : ?>
<
?php if ($count % 3 == 0) : ?>
<
div class = "one_third_last">
<
?php else : ?>
<
div class = "other_class">
<
?php endif;
?>
<
?php the_title();
?>
<
?php the_content();
?>
<
?php the_post_thumbnail();
?>
<
/div>
<
?php endif;
?>
<
?php $count++;
?>
<
?php endwhile;
?>
<
?php endif;
?>
推荐阅读
- Shell 之 数组
- 如何删除自定义帖子类型网址中的slug()
- 如何在模式对话框中停止重复的条目
- 如何将jQuery代码添加到divi主题(该功能似乎已关闭?)
- CSS和图像无法正常工作
- 编辑WordPress博客文章页面-Avada WordPress主题
- 自定义WordPress tag.php页面..试图获取标签信息
- 自定义帖子类型固定链接返回404
- WordPress父页面和子页面上的自定义CSS