無効：テーマはeditor-style.cssという名前のスタイルシートファイルを追加しませんか？

何かすることがありますウェブプロモーション友人、最近使い始めましたWordPressのウェブサイト。

TinyMCE エディタ プラグインを有効にすると、TinyMCE エディタ プラグインの設定で、このような問題が発生しました▼

CSS スタイル メニューの作成

• editor-style.css で使用されている CSS スタイルを読み込み、[書式] メニューを置き換えます。
• 無効： editor-style.css のスタイルシート ファイル。
• 無効： editor-style.css という名前のスタイルシート ファイルは、テーマによって追加されませんでした。

上記の状況が発生した場合、WordPress ビジュアル エディターは、次のような必要なコード スタイルを表示できない可能性があります。

• ブロッククオート、プレ、コード...

トラブルシューティング

1. 问editor-style.cssファイルは、WordPress テーマのルート ディレクトリにありますか?
2. 子テーマ（子）を使用していますか？

私たちがいるときWordPress バックエンド記事の編集時、CSSのスタイルの問題で前景と背景の表示が違う…

しかし、Wordpress 3.0 以降では、非常に優れた機能を備えています。

• つまり、表と裏のスタイルを統一できるので、Wordpressで記事をバックグラウンドで編集する際にも、表と同じように見せることができます。
• 同様に、WordPress のバックエンドで編集された投稿を変更して、フロントエンドとは異なる方法で表示する必要がなくなりました。

ワードプレスのデフォルトテーマであるトゥエンティイレブンを開くと、こんなhtmlコメントとコードがあることがわかります▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• このコメントの意味: ビジュアル エディターは、テーマの editor-style.css スタイルと一致します。
• この機能は、WordPress のデフォルト機能であるため、実装も非常に簡単で、有効化するだけです。

WordPress の投稿は、フロントエンドと同じテキスト スタイルをどのように表示しますか?

ステップ1：editor-style.css ファイルを作成する

ステップ2：次のコードを editor-style.css ファイルに追加します▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

ステップ3：editor-style.css ファイルを WordPress テーマのルート ディレクトリにコピーします。

4章 ステップ：次のコードを functions.php ファイルに追加します▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

ステップ5：WordPress 投稿編集ページを更新する

• WordPress の表と裏のテキストスタイルが同じかどうか確認してください。

注意事项

WordPress テーマが「引用タグ blockquote」と「コード タグ pre/code」に CSS スタイルを追加しない場合、対応する CSS コードを WordPress テーマの style.css ファイルに追加する必要があります。

詳しくは下記サイト構築チュートリアルをご確認ください▼

ブロッククォートの使い方は？ HTMLブロッククォートタグのデモ効果

WordPressの記事編集では、共通の「ブロック引用」ボタンがあります▼ 使用すると、引用されたステートメントまたはハイライトを呼び出すためにマークします。 blockquote とはどういう意味ですか?以下はチェンウェイです...

CSSスタイルのpreとは何ですか？ HTMLでのコードタグのプリラッピングの役割

WordPress で Web サイトを構築するには、CSS と HTML の基本的な知識を習得する必要があります。一部の WordPress テーマの CSS スタイル ファイルにより、pre および code タグ スタイルが追加されません。現在、ほとんどのブラウザがサポートしていますマーク。 え...