カスタムポストの新着情報
<h3 class="widgettitle">施工例 NEW !!</h3>
<?php
$args = array(
'posts_per_page' => 3,
'post_type' => 'jirei_new', //カスタム投稿名
);
?>
<?php
query_posts( $args );
if ( have_posts () ) :
while ( have_posts() ) :
the_post();
?>
<div class="popular_one">
<div class="popular_sam">
<?php
$i = 0;
$kiji = 1;//この回数でフォーチ終わる。
$fields = $cfs->get('jirei_imgs');
foreach ($fields as $field) :
if($i >= $kiji)://siが３よりおおきくなったら
break;//ループおわり
else://それまではこれで出力
?>
<?php
$title= get_the_title();
$attachment_id = $field['jirei_img'];
$sample_photo = wp_get_attachment_image($attachment_id,'jirei_small',0,array('alt'=>$title,'title'=>$title));?>
<a href="<?php the_permalink(); ?>">
<?php
echo $sample_photo;
?>
</a>
<?php
$i++;//多分繰り返すごとに$iに数値が１つづ増える
endif;
endforeach;
?>
</div>
<h4><div class="popular_title"><a href="<?php the_permalink(); ?>">
<?php the_title(); ?></a></div></h4>
<div class="popular_date" style="padding-top:5px;">
<p><?php get_trim_str(array('str'=>get_post_meta($post->ID,"jirei_disp",true), 'len'=>100)); ?></p>
</div>
</div>
<?php
endwhile;
endif;
?>
<!-----------------リセットクエリ--------->
<?php wp_reset_query(); ?>
新着ブログ
<h3 class="widgettitle">新着ブログ</h3>
<?php
$args = array(
'posts_per_page' => 3,
'cat' => 4,
);
?>
<?php
query_posts( $args );
if ( have_posts () ) :
while ( have_posts() ) :
the_post();
?>
<div class="popular_one">
<div class="popular_sam"><a href="<?php the_permalink(); ?>">
<?php
$title= get_the_title();
the_post_thumbnail('side_new_post_sam',
array('class' => 'blog_sam_img','alt' =>$title, 'title' => $title)
); ?>
</a></div>
<div class="popular_date"><?php the_time('Y/m/d'); ?></div>
<div class="popular_title"><p><a href="<?php the_permalink(); ?>">
<?php the_title(); ?></a></p></div>
</div>
<?php
endwhile;
endif;
?>
<!-----------------リセットクエリ--------->
<?php wp_reset_query(); ?>
新着 サムネイルなし
<h3 class="widgettitle">Information</h3>
<?php
$args = array(
'posts_per_page' => 3,
'cat' => 5,
);
?>
<?php
query_posts( $args );
if ( have_posts () ) :
while ( have_posts() ) :
the_post();
?>
<div class="popular_one">
<div class="popular_sam"><a href="<?php the_permalink(); ?>">
<?php
$title= get_the_title();
the_post_thumbnail('side_new_post_sam',
array('class' => 'blog_sam_img','alt' =>$title, 'title' => $title)
); ?>
</a></div>
<div class="popular_date"><?php the_time('Y/m/d'); ?></div>
<div class="popular_title"><p><a href="<?php the_permalink(); ?>">
<?php the_title(); ?></a></p></div>
</div>
<?php
endwhile;
endif;
?>
<!-----------------リセットクエリ--------->
<?php wp_reset_query(); ?>
css
/*-----------------------------------------------------ウィジェット用-----------------------------------------------------*/
.widgettitle{
font-size: 12px;
margin-top: 20px;
margin-bottom: 30px;
line-height: 44px;
height: 40px;
background-color: #595959;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
color: #FFF;
padding-left: 15px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #e50012;
}
.widget{
list-style-type: none;
}
/*-----------------------------------------------------wp popular postプラグイン用-----------------------------------------------------*/
.popular-posts{}
.popular_one{
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
clear: both;
overflow: hidden;
}
.popular_sam{
float: left;
}
.popular_sam img{
float: left;
background-color: #FFF;
padding: 1px;
border: 1px solid #CCC;
margin-right: 12px;
}
.popular_date{
font-size: 10px;
}
.popular_title{
font-size: 12px;
}
.wpp-views{
color: #FF7737;
}