###タブの中に投稿記事を表示したい
投稿一覧のページで3つのタブがあり
全ての一覧、該当スラッグのみ、該当スラッグのみ
という構成です。
記事を読み込む記述を書いたのですが、何も読み込まれません。
記述位置やjqueryとの兼ね合いなどあるのでしょうか。
###該当のソースコード
<?php get_header();?> <div id="content"> <div id="newslist" class="clrFix"><!-- #ページ名 --> <ul id="pankuzu" class="clrFix"> <li><a href="#"><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/pankuzu_home.png"></a></li> <li>></li> <li>お知らせ</li> </ul> <h2><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_title_01.png" alt="News"></h2> <div id="main"> <div class="tabwrap"> <div class="tabSet"> <ul class="tabs clrFix"> <li id="tab1"><a href="#panel1-1" class="on" style="display: inline-block;"> <h3> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_01_on.png" class="ico on"> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_01_off.png" class="ico off" style="display:none;">News一覧</h3></a></li> <li id="tab2" class="center"><a href="#panel1-2" class="" style="display: inline-block;"> <h3> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_on.png" class="ico on" style="display:none;"> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_off.png" class="ico off">情報1</h3></a></li> <li id="tab3"><a href="#panel1-3" class="" style="display: inline-block;"> <h3> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_on.png" class="ico on" style="display:none;"> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_off.png" class="ico off">情報2</h3></a></li> </ul> <div class="panels"> <div class="panel" id="panel1-1" style="display: block;"> <div class="content"> <?php if(have_posts()): ?> <?php while(have_posts()): ?> <?php the_post(); ?> <img src="<?php echo esc_url(get_template_directory_uri());?>//shared/images/top_news_0<?php $category=get_the_category(); $cat_slug=$category[0]->category_nicename; if($cat_slug=='news'){echo "2";}elseif($cat_slug=='nailschool'){echo "3";}elseif($cat_slug=='nailsalon'){echo "1";}?>.png" class="newstag"> <p class="date"><? php the_time('Y/m/d'); ?></p> <h4><? php the_title(); ?></h4> <p class="text">記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文</p> <?php endwhile; ?> <?php endif; ?> </div> </div> <div class="panel" id="panel1-2" style="display: none;"> <div class="content"> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/top_news_03.png" class="newstag"> <p class="date">日付</p> <h4>タイトル</h4> <p class="text">記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文</p> </div> </div> <div class="panel" id="panel1-3" style="display: none;"> <div class="content"> <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/top_news_01.png" class="newstag"> <p class="date">日付</p> <h4>タイトル</h4> <p class="text">記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文</p> </div> </div> </div><!-- .panels --> </div><!-- .tabset --> <div class="page"> <ul class="clrFix"> <li class="nav"><a href="#"><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_prev.png"></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li class="nav"><a href="#"><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_next.png"></a></li> </ul> </div> </div><!-- .tabwrap --> </div><!-- #main --> </div><!-- #content --> <?php get_footer();?>
回答2件
あなたの回答
tips
プレビュー