5⃣ page-service.php部分のCustom Field Template設定‐オリジナルをつくる編‐
2016/04/06
⓭ sidebar.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 |
<div id="sub"> <nav class="box1"> <h2>SUB MENU</h2> <ul> <li><a href="#">主要リンクサンプル</a></li> <li><a href="#">主要リンクサンプル</a></li> <li><a href="#">主要リンクサンプル</a></li> <li><a href="#">主要リンクサンプル</a></li> <li><a href="#">主要リンクサンプル</a></li> </ul> </nav> <aside> <h2>関連情報</h2> <ul class="submenu"> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> </ul> </aside> <section class="mb15"> <h2>製品情報</h2> <?php $loop = new WP_Query(array("post_type" =>"service","posts_per_page" =>5)); while($loop->have_posts()): $loop->the_post(); ?> <section class="box2"> <a href="<?php the_permalink(); ?>"> <figure><?php the_post_thumbnail(array(60,60)); ?></figure> <h4><?php the_title(); ?></h4> <p><?php the_content(); ?></p> </a> </section> <?php endwhile; ?> </section> </div> <!--/sub--> |
このように表示されます。
サイドバーに商品情報が表示され、固定ページのサービスとリンクします。
PAGE 1 PAGE 2