質問編集履歴

3

タグ追加

2021/06/23 05:26

投稿

cherry_414
cherry_414

スコア0

test CHANGED
File without changes
test CHANGED
@@ -354,6 +354,8 @@
354
354
 
355
355
  下記のようにデータを直接、Javascriptでのグラフを表示する処理部分に入力するとラベルも数値も反映されます。
356
356
 
357
+ 各評価のラベルは今の所記事ごとに変える予定がないので、この方法を使えばうまくいきそうです。
358
+
357
359
 
358
360
 
359
361
  ```footer-3.php

2

綴り間違い訂正

2021/06/23 05:25

投稿

cherry_414
cherry_414

スコア0

test CHANGED
File without changes
test CHANGED
@@ -288,17 +288,17 @@
288
288
 
289
289
  <!-- ↓この下六行がエラーメッセージの73行目~78行目 -->
290
290
 
291
- <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
291
+ <p class="star star<?php the_field('chart')['chart1']; ?>">(<?php the_field('chart')['chart1']; ?>)</p>
292
-
292
+
293
- <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
293
+ <p class="star star<?php the_field('chart')['chart2']; ?>">(<?php the_field('chart')['chart2']; ?>)</p>
294
-
294
+
295
- <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
295
+ <p class="star star<?php the_field('chart')['chart3']; ?>">(<?php the_field('chart')['chart3']; ?>)</p>
296
-
296
+
297
- <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
297
+ <p class="star star<?php the_field('chart')['chart4']; ?>">(<?php the_field('chart')['chart4']; ?>)</p>
298
-
298
+
299
- <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
299
+ <p class="star star<?php the_field('chart')['chart5']; ?>">(<?php the_field('chart')['chart5']; ?>)</p>
300
-
300
+
301
- <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
301
+ <p class="star star<?php the_field('chart')['chart6']; ?>">(<?php the_field('chart')['chart6']; ?>)</p>
302
302
 
303
303
  <?php endif; ?>
304
304
 

1

エラーメッセージの原因、チャートの下に表示させたい☆(星)関連のコードを追加。

2021/06/23 03:32

投稿

cherry_414
cherry_414

スコア0

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,27 @@
10
10
 
11
11
 
12
12
 
13
+ チャートの下には星の数で評価内容を表示したいです。
14
+
15
+ 例「①評価1
16
+
17
+ ★★★☆☆(3)
18
+
19
+ ②評価2
20
+
21
+ ★★★☆☆(3)
22
+
23
+ ・・・」
24
+
25
+ 現在、cssの:beforeを使って、星のみ表示させるようにコードを書いています。
26
+
27
+
28
+
13
- また、サイズの調整もしたいのですが、やり方も調べても出てこず、できていません。
29
+ また、チャート大きさの調整もしたいのですが、やり方も調べても出てこず、できていません。
30
+
31
+ widthだとその半分の大きさで中央に表示されます。
32
+
33
+ 目盛や数字、点の大きさも調節できるのでしょうか。
14
34
 
15
35
 
16
36
 
@@ -44,7 +64,7 @@
44
64
 
45
65
 
46
66
 
47
- レーダーチャートの0の部分に点が打たれて、ラベルデータが反映されません。
67
+ レーダーチャートの0の部分に点が打たれて、ラベルデータが反映されません。
48
68
 
49
69
  データを取得して配列に入れる部分、もしくは取り出す部分がどこかで間違っていると思います。
50
70
 
@@ -66,10 +86,12 @@
66
86
 
67
87
 
68
88
 
69
- 3,3,3,3,3,3というのはサブフィールドで入力した5点満点の数字が入っています。
89
+ 3,3,3,3,3,3というのはサブフィールドで入力した5点満点の数字がちゃんと入っています。
70
90
 
71
91
  6項目分、行数の部分のみ変わって繰り返し表示されます。
72
92
 
93
+ チャート下の、星の数を表示させる部分のエラーです。
94
+
73
95
 
74
96
 
75
97
  また時々、処理が重いのかグラフ自体が表示されなくなります。
@@ -88,7 +110,7 @@
88
110
 
89
111
 
90
112
 
91
- header、footer、表示する記事(single-product.php)の、つを編集しました。
113
+ header、footer、表示する記事(single-product.php)、theme_style.cssの、つを編集しました。
92
114
 
93
115
  header、footerはchart表示用に別に作ったので「-3」がファイル名についています。
94
116
 
@@ -258,7 +280,53 @@
258
280
 
259
281
  ```php
260
282
 
283
+ <div class="article-evaluation">
284
+
261
- <canvas id="radarChart"></canvas>
285
+ <canvas id="radarChart"></canvas>
286
+
287
+ <?php if( get_field('chart') ): ?>
288
+
289
+ <!-- ↓この下六行がエラーメッセージの73行目~78行目 -->
290
+
291
+ <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
292
+
293
+ <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
294
+
295
+ <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
296
+
297
+ <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
298
+
299
+ <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
300
+
301
+ <p class="star star<?php the_field('chart')['cart1']; ?>">(<?php the_field('chart')['cart1']; ?>)</p>
302
+
303
+ <?php endif; ?>
304
+
305
+ </div>
306
+
307
+ ```
308
+
309
+
310
+
311
+ ↓theme_style.css
312
+
313
+
314
+
315
+ ```css
316
+
317
+ .star:before {color:#60554C;}
318
+
319
+ .star5:before {content:'★★★★★';}
320
+
321
+ .star4:before {content:'★★★★☆';}
322
+
323
+ .star3:before {content:'★★★☆☆';}
324
+
325
+ .star2:before {content:'★★☆☆☆';}
326
+
327
+ .star1:before {content:'★☆☆☆☆';}
328
+
329
+ .star0:before {content:'☆☆☆☆☆';}
262
330
 
263
331
  ```
264
332