日: 2014年1月9日

ブログでサイドバーに色々

カスタムポストの新着情報

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
  <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(); ?>

新着ブログ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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(); ?>

新着　サムネイルなし

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/*-----------------------------------------------------ウィジェット用-----------------------------------------------------*/
 
.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;
}