私はadd_editor_style()
を私のサイトのソースコードにうまくロードさせるためにさまざまなことを試みました。私のWordPress WYSIWYGのCSSプロパティをカスタマイズするためにeditor-style.css
を使いたいのですが。しかし、私はそれを動かすことができません。 Chrome Inspectorの[リソース]タブで[スタイルシート]までスクロールしても、editor-style.css
の一覧が表示されません。
これが私がこれまでに試したことです:
editor-style.css
を置きました<?php add_editor_style(); ?>
が私のfunctions.php
ファイルに置かれています(これがうまくいくかどうかを確認するために、この関数呼び出しを私のfunctions.php
のeditorスタイルに移動しました。私が気付いていないことに進行中のある種の上書きはありますか?
functions.php
ファイルで直接add_editor_style()
を呼び出すべきではありません。代わりに、プラグインとテーマがロードされるまで待つ必要があります。
add_action( 'after_setup_theme', 'add_editor_style' );
after_setup_theme
にフックされた関数が既にある場合は、代わりにその中でadd_editor_style()
を呼び出すことができます。
それからeditor-style.css
という名前のファイルを作成し、それをあなたのテーマディレクトリに置く必要があります。サブフォルダーに入れてはいけません。それ以外の場合は見つかりません。 editor-style.css
でこのコードを使ってみてください。
body#tinymce.wp-editor {
font-family: Arial, Helvetica, sans-serif;
margin:10px;
}
body#tinymce.wp-editor a {
color: #ffa500;
}
エディタがオレンジ色のリンク付きの別のフォントで表示されている場合は、正しく機能しています。
editor-style.css
はChromeの開発者向けツールの "Stylesheets"セクションにnotと表示されます。これはビジュアルエディタが<iframe>
要素にロードされているためです。基本的には新しい投稿ページに埋め込まれている別のWebページにあります。この外部ページにはeditor-style.css
スタイルシートがロードされている場所があります。
editor-style.css
がロードされているかどうか本当にチェックしたい場合は、ビジュアルエディタ本体を右クリックしてInspect Elementfromを選択しますコンテキストメニュー強調表示されている行のすぐ上に、あなたの<link>
ファイルを指しているeditor-style.css
要素があるはずです。
add_editor_style()
のコーデックスページ も読むべきです。
parent theme was calling add_editor_style()
を見つけるまでに苦労しました
これは、親のremove_action
を編集するのではなく、functions.php
で呼び出しをデキューすることができるようにするためです。