teratail
回答率
85.30%
質問するログイン新規登録
トップに関する質問カテゴリーページでの投稿記事の呼び出しについて

編集履歴

質問編集履歴

4

入力漏れ訂正

2016/06/08 14:40

投稿

raidomaru
raidomaru

スコア106

title CHANGED
File without changes
body CHANGED
@@ -35,21 +35,25 @@
35
35
  <li id="tab2" class="center"><a href="#panel1-2" class="" style="display: inline-block;">
36
36
  <h3>
37
37
  <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_on.png" class="ico on" style="display:none;">
38
- <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_off.png" class="ico off">スクール情報</h3></a></li>
38
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_off.png" class="ico off">情報1</h3></a></li>
39
39
  <li id="tab3"><a href="#panel1-3" class="" style="display: inline-block;">
40
40
  <h3>
41
41
  <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_on.png" class="ico on" style="display:none;">
42
- <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_off.png" class="ico off">サロン情報</h3></a></li>
42
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_off.png" class="ico off">情報2</h3></a></li>
43
43
  </ul>
44
44
  <div class="panels">
45
45
  <div class="panel" id="panel1-1" style="display: block;">
46
46
 
47
47
  <div class="content">
48
-
48
+ <?php if(have_posts()): ?>
49
+ <?php while(have_posts()): ?>
50
+ <?php the_post(); ?>
49
51
  <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">
50
52
  <p class="date"><? php the_time('Y/m/d'); ?></p>
51
53
  <h4><? php the_title(); ?></h4>
52
54
  <p class="text">記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文</p>
55
+ <?php endwhile; ?>
56
+ <?php endif; ?>
53
57
  </div>
54
58
  </div>
55
59
  <div class="panel" id="panel1-2" style="display: none;">

3

誤字

2016/06/08 14:40

投稿

raidomaru
raidomaru

スコア106

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,7 @@
1
1
  ###タブの中に投稿記事を表示したい
2
2
 
3
3
  投稿一覧のページで３つのタブがあり
4
- 全ての一覧、該当スラッグのみ、スラッグ該当スラッグのみ
4
+ 全ての一覧、該当スラッグのみ、該当スラッグのみ
5
5
  という構成です。
6
6
 
7
7
  記事を読み込む記述を書いたのですが、何も読み込まれません。

2

誤字

2016/06/08 11:39

投稿

raidomaru
raidomaru

スコア106

title CHANGED
File without changes
body CHANGED
@@ -28,15 +28,15 @@
28
28
  <div class="tabwrap">
29
29
  <div class="tabSet">
30
30
  <ul class="tabs clrFix">
31
- <li id="newstab"><a href="#panel1-1" class="on" style="display: inline-block;">
31
+ <li id="tab1"><a href="#panel1-1" class="on" style="display: inline-block;">
32
32
  <h3>
33
33
  <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_01_on.png" class="ico on">
34
34
  <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>
35
- <li id="schooltab" class="center"><a href="#panel1-2" class="" style="display: inline-block;">
35
+ <li id="tab2" class="center"><a href="#panel1-2" class="" style="display: inline-block;">
36
36
  <h3>
37
37
  <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_on.png" class="ico on" style="display:none;">
38
38
  <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_off.png" class="ico off">スクール情報</h3></a></li>
39
- <li id="salontab"><a href="#panel1-3" class="" style="display: inline-block;">
39
+ <li id="tab3"><a href="#panel1-3" class="" style="display: inline-block;">
40
40
  <h3>
41
41
  <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_on.png" class="ico on" style="display:none;">
42
42
  <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_off.png" class="ico off">サロン情報</h3></a></li>

1

誤字修正、コード追加記述

2016/06/08 11:38

投稿

raidomaru
raidomaru

スコア106

title CHANGED
File without changes
body CHANGED
@@ -9,15 +9,82 @@
9
9
 
10
10
 
11
11
  ###該当のソースコード
12
+
13
+ ```
14
+
15
+ <?php get_header();?>
16
+
17
+ <div id="content">
18
+ <div id="newslist" class="clrFix"><!-- #ページ名 -->
19
+ <ul id="pankuzu" class="clrFix">
20
+ <li><a href="#"><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/pankuzu_home.png"></a></li>
21
+ <li>&gt;</li>
22
+ <li>お知らせ</li>
23
+ </ul>
24
+ <h2><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_title_01.png" alt="News"></h2>
25
+
26
+
27
+ <div id="main">
28
+ <div class="tabwrap">
29
+ <div class="tabSet">
30
+ <ul class="tabs clrFix">
31
+ <li id="newstab"><a href="#panel1-1" class="on" style="display: inline-block;">
32
+ <h3>
33
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_01_on.png" class="ico on">
34
+ <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>
35
+ <li id="schooltab" class="center"><a href="#panel1-2" class="" style="display: inline-block;">
36
+ <h3>
37
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_on.png" class="ico on" style="display:none;">
38
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_02_off.png" class="ico off">スクール情報</h3></a></li>
39
+ <li id="salontab"><a href="#panel1-3" class="" style="display: inline-block;">
40
+ <h3>
41
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_on.png" class="ico on" style="display:none;">
42
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_03_off.png" class="ico off">サロン情報</h3></a></li>
43
+ </ul>
44
+ <div class="panels">
45
+ <div class="panel" id="panel1-1" style="display: block;">
46
+
12
47
  <div class="content">
13
- <? php if(have_posts()): ?>
14
- <? php while(have_posts()): the_post(); ?>
15
- <? php the_content() ?>
16
48
 
17
-
49
+ <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">
18
50
  <p class="date"><? php the_time('Y/m/d'); ?></p>
19
51
  <h4><? php the_title(); ?></h4>
20
52
  <p class="text">記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文</p>
21
- <? php endwhile; ?>
22
- <? php endif; ?>
23
- </div>
53
+ </div>
54
+ </div>
55
+ <div class="panel" id="panel1-2" style="display: none;">
56
+ <div class="content">
57
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/top_news_03.png" class="newstag">
58
+ <p class="date">日付</p>
59
+ <h4>タイトル</h4>
60
+ <p class="text">記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文</p>
61
+ </div>
62
+
63
+ </div>
64
+ <div class="panel" id="panel1-3" style="display: none;">
65
+ <div class="content">
66
+ <img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/top_news_01.png" class="newstag">
67
+ <p class="date">日付</p>
68
+ <h4>タイトル</h4>
69
+ <p class="text">記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文記事本文</p>
70
+ </div>
71
+ </div>
72
+ </div><!-- .panels -->
73
+ </div><!-- .tabset -->
74
+ <div class="page">
75
+ <ul class="clrFix">
76
+ <li class="nav"><a href="#"><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_prev.png"></a></li>
77
+ <li><a href="#">1</a></li>
78
+ <li><a href="#">2</a></li>
79
+ <li><a href="#">3</a></li>
80
+ <li><a href="#">4</a></li>
81
+ <li class="nav"><a href="#"><img src="<?php echo esc_url(get_template_directory_uri());?>/shared/images/newslist_ico_next.png"></a></li>
82
+ </ul>
83
+ </div>
84
+ </div><!-- .tabwrap -->
85
+ </div><!-- #main -->
86
+
87
+ </div><!-- #content -->
88
+
89
+ <?php get_footer();?>
90
+ ```