質問編集履歴

2

内容の追記

2016/09/15 07:55

投稿

fal
fal

スコア13

test CHANGED
File without changes
test CHANGED
@@ -172,4 +172,8 @@
172
172
 
173
173
  どのように記述すれば、カテゴリ名を表示できるでしょうか。
174
174
 
175
+ カテゴリ名はそれぞれ色分けして表示して
176
+
177
+ カテゴリ名をクリックするとそのアーカイブページに飛ぶように設定したいです。
178
+
175
179
  よろしくお願い致します。

1

コードを囲む 状況を少し具体的に表記

2016/09/15 07:55

投稿

fal
fal

スコア13

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,16 @@
1
1
  ###前提・実現したいこと
2
2
 
3
- ワードプレスのトップページに、カテゴリごとの記事一覧を表示しています。
3
+ ワードプレスのトップページに、カテゴリごとの記事一覧を表示したいと思っています。
4
+
5
+
4
6
 
5
7
  ・サムネイル画像
6
8
 
7
9
  ・投稿日
8
10
 
11
+ ・カテゴリ名
12
+
9
- ・新着記事かどうか
13
+ ・新着記事かどうか(新着後3日間表示)
10
14
 
11
15
  ・タイトル
12
16
 
@@ -14,19 +18,27 @@
14
18
 
15
19
 
16
20
 
17
- これに加えて、投稿日の横にカテゴリ名も表示たいと思っています。
21
+ ###発生している問題
18
22
 
19
- カテゴリは複数選択している場合があるので、選択しているものすべてのカテゴリ表示したです
23
+ カテゴリ名だけ表示できてません
20
24
 
21
25
 
26
+
27
+ ###問題が発生するまでの流れ
28
+
29
+ 同じようなことを表現しているサイトのソースをコピーして、
30
+
31
+ archive.phpとstyle.cssにペーストしてみましたが
32
+
33
+ カテゴリ名は表示できませんでした。
22
34
 
23
35
 
24
36
 
25
37
  ###該当のソースコード
26
38
 
27
- 他サイトのソースをコピーしてみましたが、うまく表示できません。
28
39
 
29
40
 
41
+ ```ここに言語を入力
30
42
 
31
43
  <div id="blog">
32
44
 
@@ -34,7 +46,7 @@
34
46
 
35
47
  <div class="title">
36
48
 
37
- <h3-news><a href="http://smile-wood.com/www/news/"><b>お知らせ</b></a></h3>
49
+ <h3-news><a href=""><b>お知らせ</b></a></h3>
38
50
 
39
51
  </div>
40
52
 
@@ -64,7 +76,7 @@
64
76
 
65
77
 
66
78
 
67
- <span class="infoCate"><?php echo $taxo_catelist; ?></span> ←この部分だけうまくいきません。
79
+ <span class="infoCate"><?php echo $taxo_catelist; ?></span>
68
80
 
69
81
 
70
82
 
@@ -96,14 +108,68 @@
96
108
 
97
109
  </div>
98
110
 
111
+ ```
99
112
 
100
113
 
101
114
 
102
115
 
116
+
103
- スタイルシートにもinfoCateを追加してみましたが、うまくいきません。
117
+ スタイルシートにもinfoCateを追加
104
118
 
105
119
 
106
120
 
121
+ ```
122
+
123
+ #blog_box{
124
+
125
+ width:30%;
126
+
127
+ overflow: hidden;
128
+
129
+ float: left;
130
+
131
+ padding:10px;
132
+
133
+ margin:10px;
134
+
135
+ color:#a29385;
136
+
137
+ font-size:80%;
138
+
139
+
140
+
141
+ }
142
+
143
+
144
+
145
+
146
+
147
+ .infoCate a{
148
+
149
+ border-radius;:3px;
150
+
151
+ box-shadow:1px 1px 0 raba(0,0,0,0.1) iset;
152
+
153
+ }
154
+
155
+
156
+
157
+ .infoCate a:hover{
158
+
159
+ background-color:#000;
160
+
161
+ color:#f5f5f5;
162
+
163
+ Text-decoration:mpme;
164
+
165
+ }
166
+
167
+ ```
168
+
169
+
170
+
171
+
172
+
107
- どのように記述すれば、表できるでしょうか。
173
+ どのように記述すれば、カテゴリ名をできるでしょうか。
108
174
 
109
175
  よろしくお願い致します。