回答編集履歴
2
質問の解釈を正し、合わせて修正
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
質問文を見返し、修正。
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
|
|