回答編集履歴

1

コード修正

2017/02/27 04:43

投稿

8-0_nyan5
8-0_nyan5

スコア2352

test CHANGED
@@ -27,3 +27,67 @@
27
27
  }
28
28
 
29
29
  ```とりあえず、わたしの環境ではこれでできました。
30
+
31
+
32
+
33
+ 追記
34
+
35
+ ---
36
+
37
+ 寝ログさんのコードに、つけたいスタイルを記入して、たとえば
38
+
39
+ ```ここに言語を入力
40
+
41
+ styles => array( 'color' => 'red')
42
+
43
+ ```
44
+
45
+ 実はわたしのも回答を書く前にこれを試していたのですが、
46
+
47
+ 反映されなかったので上記の回答をしました。
48
+
49
+ で、kei344さんのリンクをみて一部修正したらコードがいきました。
50
+
51
+
52
+
53
+ 【Custom styles for TinyMCE 4.0 in WordPress 3.9 – Kathy is Awesome】
54
+
55
+ https://www.kathyisawesome.com/custom-styles-for-wordpress-3-9/
56
+
57
+
58
+
59
+ この記事のなかのリンクに
60
+
61
+
62
+
63
+ http://wordpress.stackexchange.com/questions/112210/tinymce-format-dropdown-no-longer-showing-style-previews/116790#116790
64
+
65
+
66
+
67
+ というのがあって、デフォルトではcolorやbackgroundなどのスタイルは適用できないみたいです。
68
+
69
+ それで、それらを追加すればいいとのことなのです。
70
+
71
+
72
+
73
+ ```ここに言語を入力
74
+
75
+ function initialize_tinymce_styles($init_array) {
76
+
77
+
78
+
79
+ $init_array['preview_styles'] = 'background background-color color font-size font-family font-weight text-decoration text-transform';
80
+
81
+ //あとは同じ
82
+
83
+ ```
84
+
85
+
86
+
87
+ わたしはうまく追加できなかったので(もともとのものが効かなくなった)
88
+
89
+ とりあえず必要なスタイルをすべて追加しました。
90
+
91
+
92
+
93
+ これで、<span>にスタイルを追加して希望のスタイルにできるはずです。