固定ページでカスタム投稿タイプのリストを表示する例
ファイル名は、page-[ページのスラッグ].phpとする
|
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 |
<?php $args = array( 'post_type' => 'evente', 'showposts' => -1, 'order' => 'ASC' ); query_posts( $args ); ?> <?php while ( have_posts() ) : the_post();?> <section class="evente-item over-xl"> <div class="row"> <div class="col-xs-12 evente-table-title"> <h3> <?php the_title(); ?> </h3> </div> </div> <div class="row"> <div class="col-sm-6 evente-table-thumbnail"> <div class="row"> <div class="col-xs-6"> <?php the_post_thumbnail('full'); ?> </div> <?php $col_num = 1; $imgdata = get_post_custom($post->ID); foreach((array)$imgdata['evente-pic-ex'] as $image){ if (isset($image)) { $evente_ex_img = wp_get_attachment_image($image, 'full'); } else { $evente_ex_img = '<img src="' . get_stylesheet_directory_uri() . '/images/nowprinting.png" alt="写真は準備中です"/>'; } if ($col_num % 2 == 0) { ?> </div> <div class="row over-s"> <div class="col-xs-6"><?php echo $evente_ex_img ?></div> <?php } else { ?> <div class="col-xs-6"><?php echo $evente_ex_img ?></div> <?php } $col_num++; }?> </div> </div> <div class="col-sm-6 evente-table-content"> <p>開催日：<?php echo get_post_meta($post->ID , 'evente-date' ,true); ?></p> <p>参加料：<?php echo get_post_meta($post->ID , 'evente-fee' ,true); ?></p> <?php echo get_the_content(); ?></div> </div> </section> <?php endwhile;?> |
マウスオーバー時のゆっくり透過
簡単ですね。 コピペなら（笑）
|
1 2 3 4 5 6 7 8 9 10 11 |
.fade { opacity:1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .fade:hover { opacity: 0.4; filter: alpha(opacity=60); } |
どうして同じようなのが４つも並んでいるの？とか、それぞれのことが気になって仕方ないという人は 調べたら？（笑） ざっくり説 […]