質問編集履歴

1

実現したい事について、画像を用意しました。試した事を追加しました。

2019/07/03 13:54

投稿

kbys
kbys

スコア13

test CHANGED
File without changes
test CHANGED
@@ -6,39 +6,65 @@
6
6
 
7
7
  新規投稿の一覧に、NEWの文字or画像を動的に表示させる方法を模索していますが
8
8
 
9
- うまく表示されずに行き詰っています。
9
+ 想定している要素の外に表示されてしまい行き詰っています。
10
+
11
+
12
+
10
-
13
+ ![イメージ説明](6723a894a118cf7e9e85850546521976.jpeg)
11
-
12
-
14
+
15
+
16
+
13
- ### 表示させいコード
17
+ ### 想定している表示箇所と試しこと
18
+
14
-
19
+ 上の画像にあるブログタイトル下のオレンジ色の破線部分にNEWの文字を表示させる事を想定しています。
20
+
21
+ しかし、私が書いているコードでは<span class="new_icon"></span>と、コードのみが反映され
22
+
23
+ 肝心の文字がセクションの外に出て表示されてしまっています。
24
+
25
+ 同じ個所にget_the_timeでタイムスタンプが表示されるか試したところ
26
+
27
+ こちらは想定しているオレンジ色の破線部分に表示されました。
28
+
29
+
30
+
31
+ 想定している箇所に、NEWの文字を表示させるにはどうすればいいのでしょうか。
32
+
33
+ 何卒ご教示のほどよろしくお願いいたします。
34
+
35
+
36
+
37
+ ### function.phpに記載したコード
38
+
15
- ```
39
+ ```
40
+
16
-
41
+ function keika_awase($day,$limit){
42
+
17
- <?php
43
+ global $wp_query;
18
-
44
+
19
- $days = 3;
45
+ $days = 3;
20
-
46
+
21
- $today = date_i18n('U');
47
+ $today = date_i18n('U');
22
-
48
+
23
- $entry_day = get_the_time('U');
49
+ $entry_day = get_the_time('U');
24
-
50
+
25
- $keika = date('U',($today - $entry_day)) / 86400;
51
+ $keika = date('U',($today - $entry_day)) / 86400;
26
-
52
+
27
- if ( $days > $keika ):
53
+ if ( $days > $keika ):
28
-
54
+
29
- $limit = 5;
55
+ $limit = 5;
30
-
56
+
31
- $num = $wp_query->current_post;
57
+ $num = $wp_query->current_post;
32
-
58
+
33
- if ( $limit > $num ):
59
+ if ( $limit > $num ):
34
-
60
+
35
- echo '<span class="newMark">NEW</span>';
61
+ echo 'new';
36
-
62
+
37
- endif;
63
+ endif;
38
-
64
+
39
- endif;
65
+ endif;
40
-
66
+
41
- ?>
67
+ }
42
68
 
43
69
 
44
70
 
@@ -164,6 +190,8 @@
164
190
 
165
191
 
166
192
 
193
+
194
+
167
195
  ```
168
196
 
169
197
  $html .= '<h4 class="title"><a href="' . esc_url(get_the_permalink()) . '" title="' . esc_html(get_the_title()) . '">' . trim_title_sc(30) . "</a></h4>\n";
@@ -172,30 +200,10 @@
172
200
 
173
201
 
174
202
 
175
- ### 想定る表示結果
203
+ ### 上記の「記述場所のコード」のすぐ下に記述したコード
176
-
204
+
177
- ```
205
+ ```
178
-
206
+
179
- " 記述したい場所のコード "がブログのタイトルとパーマリンクになっていると思いますので
207
+ $html .= '<span class="new_icon">' . keika_awase(get_the_time('U'),100,100) . "</span>\n";
180
-
181
- その上に" 表示させたいコード "の内容を記述したいと考えています。
208
+
182
-
183
- 想定としてはNEWの文字or画像を3日以内かつ5件まで投稿の一覧に表示させたいと考えていますが
184
-
185
- どのように記述すれば良いかご教示いただけますと幸いです。
186
-
187
- ```
209
+ ```
188
-
189
- ### 試した事
190
-
191
- ```
192
-
193
- ネットでブログの一覧にNEWを表示させる方法に色々調べてみましたが
194
-
195
- TCDテーマでの事例が少ない事と、私がPHPについて素人同然な為、実現が難しい状態です。
196
-
197
-
198
-
199
- 何卒よろしくお願いいたします。
200
-
201
- ```