質問編集履歴
1
追記
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
bbPressの返信部ビジュアル<Body>へ
|
1
|
+
bbPressの返信部ビジュアル<Body>へChildからStyle適用方法
|
body
CHANGED
@@ -7,28 +7,48 @@
|
|
7
7
|
### 発生している問題・エラーメッセージ
|
8
8
|
Chromeから見た時、iframe#bbp_reply_content_ifr配下の#document - html - head - bodyに
|
9
9
|
対してstyle.cssが上手く取得できていない為に<p>へのスタイルが適用できないと思われる。
|
10
|
-
|
11
|
-
#
|
10
|
+
style.cssへiframe#bbp_reply_content_ifr{display: none !important;}の記述で<BODY>の非表示は出来ている。
|
12
|
-
取り合えず文字列を赤くするため
|
11
|
+
取り合えず文字列を赤くするためのコードを当てみたが、
|
13
12
|
ビジュアル入力画面を除いた<BODY>部しか適用されなかった。
|
14
|
-
|
15
13
|
body{color: red !important;}
|
16
14
|
#tinymce{color: red !important;}
|
17
15
|
body#tinymce{color: red !important;}
|
18
16
|
.mce-content-body.bbp_reply_content.post-type-topic.post-status-publish.page-template-default.locale-ja.mceContentBody.webkit.wp-editor.html5-captions{color: red !important;}
|
19
|
-

|
20
17
|
|
18
|
+
'===========================================
|
21
|
-
|
19
|
+
【 追記 】
|
20
|
+
'===========================================
|
21
|
+
時間経過しましたが、その後の状況を追記します。
|
22
|
-
|
22
|
+
wp-content.cssを直接変更するとStyleは当たりました。
|
23
|
+
しかし、Updateで戻ると思うので、別の方法を模索しています。
|
23
|
-

|
24
|
-
テキスト入力画面側ではスタイル適用は出来ました。(<textarea>領域)
|
25
|
-
|
26
|
-
### 補足情報(FW/ツールのバージョンなど)
|
27
|
-
只今、WordPress学習中です。
|
28
|
-
|
25
|
+
wp-includes\js\tinymce\skins\wordpress\wp-content.css
|
26
|
+
```CSS
|
27
|
+
body {
|
28
|
+
font-family: "MS Pゴシック","MS P明朝";
|
29
|
+
font-size: 20px;
|
30
|
+
color: red;
|
31
|
+
font-style: italic;
|
32
|
+
}
|
33
|
+
```
|
34
|
+
(試した事-No1)
|
29
|
-
|
35
|
+
/* lightning_childのstyle.cssを当ててみたが入力欄変化なし */
|
36
|
+
iframe#bbp_reply_content_ifr{
|
37
|
+
background-color:skyblue !important;
|
30
|
-
|
38
|
+
color: blue !important;
|
31
|
-
|
39
|
+
}
|
32
|
-
試
|
40
|
+
(試した事-No2)
|
33
|
-
p.s.
|
34
|
-
|
41
|
+
lightningからlightning_childへpage.php複写して下記追加。
|
42
|
+
(page.php名称はShow Current Templateプラグインより取得)
|
43
|
+
<?php
|
44
|
+
if ( have_posts() ) {
|
45
|
+
この手前へJavaScriptを、追加してみましたが変化なし。
|
46
|
+
```script
|
47
|
+
<script>
|
48
|
+
jQuery(function ($) {
|
49
|
+
$('#bbp_reply_content_ifr').on('load', function(){
|
50
|
+
$('#bbp_reply_content_ifr').contents().find('#tinymce').css('color','blue');
|
51
|
+
});
|
52
|
+
});
|
53
|
+
</script>
|
54
|
+
```
|