回答編集履歴

2

質問の解釈を正し、合わせて修正

2019/05/23 07:54

投稿

miyabi_pudding
miyabi_pudding

スコア9528

test CHANGED
@@ -7,6 +7,78 @@
7
7
  (なぜHTMLのままだと表示されたのか理由がそこにあります)
8
8
 
9
9
 
10
+
11
+ 情報がだいぶ出揃ったと思いますので、下記でいかがでしょうか。
12
+
13
+ momosiriさんのコメント、そのまま使わせていただきます。。。
14
+
15
+
16
+
17
+ ```html
18
+
19
+ <div class="site-blocks-cover inner-page" style="background-image: url(/wp-content/themes/テーマフォルダ名を入れてください/images/pricetop.jpeg);" data-aos="fade" data-stellar-background-ratio="0.5">
20
+
21
+ <div class="row align-items-center justify-content-center">
22
+
23
+ <div class="col-md-7 text-center" data-aos="fade">
24
+
25
+ <h1>ご利用料金</h1>
26
+
27
+ <span class="caption d-block text-white">price menu</span>
28
+
29
+ </div>
30
+
31
+ </div>
32
+
33
+ </div>
34
+
35
+ ```
36
+
37
+
38
+
39
+ で、もしかしたらこれでもうまくいかないかもしれないです。
40
+
41
+ なぜなら、実際に表示されているものを教えていただきましたが、
42
+
43
+ "などのメタ文字が、エスケープされているからです。
44
+
45
+
46
+
47
+ なので、編集画面にて、ビジュアルではなく、HTMLを選択してください。
48
+
49
+ そうすればもしかしたら、
50
+
51
+
52
+
53
+ ```html
54
+
55
+ <div class="site-blocks-cover inner-page" style="background-image: url(images/pricetop.jpeg);" data-aos="fade" data-stellar-background-ratio="0.5">
56
+
57
+ <div class="row align-items-center justify-content-center">
58
+
59
+ <div class="col-md-7 text-center" data-aos="fade">
60
+
61
+ <h1>ご利用料金</h1>
62
+
63
+ <span class="caption d-block text-white">price menu</span>
64
+
65
+ </div>
66
+
67
+ </div>
68
+
69
+ </div>
70
+
71
+ ```
72
+
73
+ でもいけるかもです。
74
+
75
+ ようは、background-imageを指定している部分のメタ文字がビジュアルモードによって、変換されてた可能性があるということです。
76
+
77
+ HTMLを直接入れる時は、HTMLモードで入れるようにしましょう。
78
+
79
+
80
+
81
+ -------- さらに元解決案は下記 --------
10
82
 
11
83
  質問文を再度見直し、回答修正させていただきました。
12
84
 

1

質問文を見返し、修正。

2019/05/23 07:54

投稿

miyabi_pudding
miyabi_pudding

スコア9528

test CHANGED
@@ -5,6 +5,60 @@
5
5
  相対パスと、絶対パスをの知識が必要になりますので、よく調べて勉強してみてください。
6
6
 
7
7
  (なぜHTMLのままだと表示されたのか理由がそこにあります)
8
+
9
+
10
+
11
+ 質問文を再度見直し、回答修正させていただきました。
12
+
13
+ すみません。
14
+
15
+
16
+
17
+ function.phpに指定した、imagepassshort関数は、the_contentにのみ反映されるように書かれているようです。
18
+
19
+ なので、テンプレートに直接書いたものに対しては全く効力をなしません。
20
+
21
+ function.phpにもう一個関数を追加しましょう。
22
+
23
+
24
+
25
+ ```php
26
+
27
+ function imagepassshortTemp($arg) {
28
+
29
+ return get_bloginfo('template_directory') . '/images/' . $arg;
30
+
31
+ }
32
+
33
+ ```
34
+
35
+ で、HTMLをこうします。
36
+
37
+ ```php
38
+
39
+ <div class="site-blocks-cover inner-page" style="background-image: url(<?php echo imagepassshortTemp('pricetop.jpeg'); ?>);" data-aos="fade" data-stellar-background-ratio="0.5">
40
+
41
+ <div class="row align-items-center justify-content-center">
42
+
43
+ <div class="col-md-7 text-center" data-aos="fade">
44
+
45
+ <h1>ご利用料金</h1>
46
+
47
+ <span class="caption d-block text-white">price menu</span>
48
+
49
+ </div>
50
+
51
+ </div>
52
+
53
+ </div>
54
+
55
+ ```
56
+
57
+ これでどうでしょうか。
58
+
59
+
60
+
61
+ -------- 下記元解決案 --------
8
62
 
9
63
 
10
64