質問編集履歴

1

追記

2020/06/18 04:48

投稿

tosi
tosi

スコア553

test CHANGED
@@ -1 +1 @@
1
- bbPressの返信部ビジュアル<Body>へStyle.css適用方法
1
+ bbPressの返信部ビジュアル<Body>へChildからStyle適用方法
test CHANGED
@@ -16,15 +16,11 @@
16
16
 
17
17
  対してstyle.cssが上手く取得できていない為に<p>へのスタイルが適用できないと思われる。
18
18
 
19
+ style.cssへiframe#bbp_reply_content_ifr{display: none !important;}の記述で<BODY>の非表示は出来ている。
19
20
 
20
-
21
- ### 該当のソースコード
22
-
23
- 取り合えず文字列を赤くするため、4行(4件)文字赤のコードを当てみたが、
21
+ 取り合えず文字列を赤くするためのコードを当てみたが、
24
22
 
25
23
  ビジュアル入力画面を除いた<BODY>部しか適用されなかった。
26
-
27
-
28
24
 
29
25
  body{color: red !important;}
30
26
 
@@ -34,34 +30,78 @@
34
30
 
35
31
  .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;}
36
32
 
37
- ![イメージ説明](a79db4b10ad1385d8bfc8606f85127a8.png)
38
33
 
39
34
 
35
+ '===========================================
40
36
 
41
- ### 試したこと
37
+ 【 追記 】
42
38
 
43
- style.cssへiframe#bbp_reply_content_ifr{display: none !important;}の記述で<BODY>の非表示は出来ている。
39
+ '===========================================
44
40
 
45
- ![イメージ説明](3fc82d8d5ac3a09ce6a2dfa065383530.png)
41
+ 時間経過しましたが、その後の状況を追記します。
46
42
 
47
- テキスト入力画面側でスタイル適用は出来ました。(<textarea>領域)
43
+ wp-content.cssを直接変更するとStyle当たりました。
48
44
 
45
+ しかし、Updateで戻ると思うので、別の方法を模索しています。
49
46
 
47
+ ![イメージ説明](beb208facef4aad847c33497adc08c62.png)
50
48
 
51
- ### 補足情報(FW/ツールのバージョンなど)
49
+ wp-includes\js\tinymce\skins\wordpress\wp-content.css
52
50
 
53
- 只今、WordPress学習中です。
51
+ ```CSS
54
52
 
55
- bbPressとInline Image Upload for BBPressのプラグインを入れています。
53
+ body {
56
54
 
57
- Inline Image Upload for BBPressを入れることでビジュアル画面入力が可能となりました。
55
+ font-family: "MS Pゴシック","MS P明朝";
58
56
 
59
- WordPressバージョンはバージョン 5.4.1
57
+ font-size: 20px;
60
58
 
61
- ローカルサーバー:CentOS7.5でテスト運用。
59
+ color: red;
62
60
 
63
- 試験用のため破壊されても構いません。
61
+ font-style: italic;
64
62
 
65
- p.s.
63
+ }
66
64
 
65
+ ```
66
+
67
+ (試した事-No1)
68
+
69
+ /* lightning_childのstyle.cssを当ててみたが入力欄変化なし */
70
+
71
+ iframe#bbp_reply_content_ifr{
72
+
73
+ background-color:skyblue !important;
74
+
75
+ color: blue !important;
76
+
77
+ }
78
+
79
+ (試した事-No2)
80
+
67
- バタバタしいる為、返信に時間掛かるかも知れませんが、日単位では必ず確認致します
81
+ lightningからlightning_childへpage.php複写して下記追加
82
+
83
+ (page.php名称はShow Current Templateプラグインより取得)
84
+
85
+ <?php
86
+
87
+ if ( have_posts() ) {
88
+
89
+ この手前へJavaScriptを、追加してみましたが変化なし。
90
+
91
+ ```script
92
+
93
+ <script>
94
+
95
+ jQuery(function ($) {
96
+
97
+ $('#bbp_reply_content_ifr').on('load', function(){
98
+
99
+ $('#bbp_reply_content_ifr').contents().find('#tinymce').css('color','blue');
100
+
101
+ });
102
+
103
+ });
104
+
105
+ </script>
106
+
107
+ ```