teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

判明した原因と質問内容を追記

2021/08/02 12:16

投稿

ry0xi
ry0xi

スコア4

title CHANGED
File without changes
body CHANGED
@@ -55,6 +55,48 @@
55
55
  $added_style内のstyleタグで指定するとスタイルは適用されました。(なので、今はこちらで進めています)
56
56
 
57
57
 
58
- style属性でtext-shadowが指定できないのはなぜでしょうか?
58
+ ~~style属性でtext-shadowが指定できないのはなぜでしょうか?~~
59
- style=""で指定してはいけないものなどがあるのでしょうか?
59
+ ~~style=""で指定してはいけないものなどがあるのでしょうか?~~
60
- それともPHPのsubstr_replace関数で不具合が起こるのでしょうか?
60
+ ~~それともPHPのsubstr_replace関数で不具合が起こるのでしょうか?~~
61
+
62
+ ### 追記
63
+ 文章が冗長になってしまい申し訳ないです。
64
+ 原因が判明したものの、どう解決すればいいのか分からなかったので追記します。
65
+
66
+ 頂いた回答からピンときて、試しに下記のようにechoでapply_filtersを介さずに出力すると、意図した通りになりました。
67
+ ```PHP
68
+ $new_page_header_title_html = substr_replace($page_header_title_html, ' style="color: #272424; text-shadow: 0 0 4px white;"', strpos($page_header_title_html, '>'), 0);
69
+
70
+ echo $new_page_header_title_html;
71
+ ```
72
+ ```HTML
73
+ <!-- 自分でechoして出力したもの -->
74
+ <h1 class="page-header-title" style="color: #272424; text-shadow: 0 0 4px red;">ページタイトル</h1>
75
+ <!-- Lightningのpage-header.phpのapply_filtersを介して出力されたもの -->
76
+ <h1 class="page-header-title" style="color: #272424">ページタイトル</h1>
77
+ ```
78
+
79
+ これらのことからフィルターフックを適用しているLightningテーマのpage-header.phpの部分が原因と判明しました。
80
+ ```PHP
81
+ /*-------------------------------------------*/
82
+ /* print
83
+ /*-------------------------------------------*/
84
+ $allowed_html = array(
85
+ 'i' => array(
86
+ 'class' => array(),
87
+ ),
88
+ 'br' => array(),
89
+ 'strong' => array(),
90
+ );
91
+ ?>
92
+ <div class="page-header"><div class="page-header-inner container">
93
+ <?php echo wp_kses_post( apply_filters( 'lightning_page_header_title_html', $page_header_title_html ) ) ; ?>
94
+ </div></div><!-- [ /.page-header ] -->
95
+ ```
96
+ こちらのwp_kses_post()で値が変更されてそうです。
97
+ [関数リファレンス/wp kses post](https://wpdocs.osdn.jp/関数リファレンス/wp_kses_post)
98
+
99
+ ### 最終的な質問
100
+
101
+ wp_kses_post()でh2タグのstyle="text-shadow:;"を許可するにはどうすればいいでしょうか。
102
+ 上記を子テーマから行うにはどうすればいいでしょうか。

1

誤字の修正

2021/08/02 12:16

投稿

ry0xi
ry0xi

スコア4

title CHANGED
File without changes
body CHANGED
@@ -47,7 +47,7 @@
47
47
 
48
48
  アイキャッチ画像を設定しているかどうかの条件分岐がうまくいっていることは確認済みです。
49
49
 
50
- style属性でしていたtext-shadow以外はうまく表示されています。
50
+ style属性で指定したtext-shadow以外はうまく表示されています。
51
51
  colorとtext-shadowの順番を入れ替える→colorのみ出力
52
52
  background-colorを追加で指定→colorとbackground-colorのみ出力
53
53