web-dev-qa-db-ja.com

カスタムテーマ内から管理パネルのスタイルを編集することは可能ですか？

私はカスタムテーマを作っています。

私は、プラグインを作成することでカスタムのadminテーマを作ることができることを読んでいるところからは知っていますが、私のカスタムテーマの中にすべてのものを含めることを望みます。

  1. 私はほんの少しの変更を加えたいからです。
  2. 特定のフロントエンドコンポーネントのスタイル設定もバックエンドのビジュアルエディタに表示する必要があります。そのためには、admin-style.scssファイルにstyle.scssファイルと同じコンポーネントのscssファイルをインポートするだけで済みます。すべてが互いに同期しています。

私はtinyMCEカスタムスタイルと呼ばれるプラグインでこれを行うことができますが、それはeditor-style.cssがクラシックエディタのフロントエンドとバックエンドを同期させるだけのようです（GutenbergはTinyMCEを使用しないので推測します）

編集：私のfunctions.phpでadd_editor_styleを使ってエディタスタイルを挿入できることがわかりましたが、それがグーテンベルクで動作するかどうかはわかりません。

どちらにしても私が本当に必要としていることのためにはうまくいきません。それはエディタの幅を編集することです。これは実際に管理パネルに追加されたスタイルでしかできないと思います。

私はこのコードを試しましたが、それはホワイトページと機能しないテーマをもたらします：

function my_admin_theme_style() { wp_enqueue_style("my-admin-theme", get_template_directory_uri() . '/admin-style.css', __FILE__)); } add_action("admin_enqueue_scripts", "my_admin_theme_style"); add_action("login_enqueue_scripts", "my_admin_theme_style");

theme-developmentcssadmin
1
David A. French

テーマでできることはすべてプラグインでできることです。それはより分離が好まれるようです、記事を参照してください。 https://managewp.com/blog/themes-design-plugins-functionality

エディタスタイルシートを追加した例を以下に示します。

/**
 * Registers an editor stylesheet for the theme.
 */
add_editor_style( array(
    'assets/css/bootstrap.min.css',
    'https://use.fontawesome.com/releases/v5.3.1/css/all.css',
    'style.css',
));

スクリプトをWP adminバックエンドに追加する例を以下に示します。

function admin_scripts() {
    wp_enqueue_style( 'bootstrap', get_theme_file_uri( '/assets/css/bootstrap.min.css' ), array(), null );
    wp_enqueue_script( 'bootstrap-bundle-js', get_theme_file_uri( '/assets/js/bootstrap.bundle.min.js' ), array('jquery'), null, true );
}
add_action( 'admin_enqueue_scripts', 'admin_scripts' );

何らかの理由でスクリプトを早くロードする必要がある場合は、以下のadmin_initを試してください。

add_action( 'admin_init', 'admin_scripts' );
1
Remzi Cavdar