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

質問編集履歴

1

追記

2020/06/18 04:48

投稿

tosi
tosi

スコア553

title CHANGED
@@ -1,1 +1,1 @@
1
- bbPressの返信部ビジュアル<Body>へStyle.css適用方法
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
- 取り合えず文字列を赤くするため、4行(4件)文字赤のコードを当てみたが、
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
- ![イメージ説明](a79db4b10ad1385d8bfc8606f85127a8.png)
20
17
 
18
+ '===========================================
21
- ### 試したこと
19
+ 【 追記 】
20
+ '===========================================
21
+ 時間経過しましたが、その後の状況を追記します。
22
- style.cssへiframe#bbp_reply_content_ifr{display: none !important;}の記述で<BODY>の非表示は出来ている。
22
+ wp-content.cssを直接変更すとStyleは当たりました
23
+ しかし、Updateで戻ると思うので、別の方法を模索しています。
23
- ![イメージ説明](3fc82d8d5ac3a09ce6a2dfa065383530.png)
24
+ ![イメージ説明](beb208facef4aad847c33497adc08c62.png)
24
- テキスト入力画面側ではスタイル適用は出来ました。(<textarea>領域)
25
-
26
- ### 補足情報(FW/ツールのバージョンなど)
27
- 只今、WordPress学習中です。
28
- bbPressとInline Image Upload for BBPressのプラグインを入れています。
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
- Inline Image Upload for BBPressを入れることでビジュアル画面入が可能とりまた。
35
+ /* lightning_childのstyle.css当ててみたが入力欄変化なし */
36
+ iframe#bbp_reply_content_ifr{
37
+ background-color:skyblue !important;
30
- WordPressバージョンはバージョン 5.4.1
38
+ color: blue !important;
31
- ローカルサーバー:CentOS7.5でテスト運用。
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
+ ```