wordpressの投稿画面の表示スタイルを変更する

概要

デフォルトの表示スタイルでは
①フォントサイズが小さすぎる
②フォーカスが当たっていないテキストの透過度が低く、全体を見ながらの編集作業がしづらい

そこで、投稿画面時の時だけあてるcssファイルを用意してスタイルを上書きし、投稿作業に集中できるようにした。

主な流れとしては、
・cssファイルを用意してスタイルを上書き
・そのcssをfanction.phpを使って読み込み

コード

// 編集画面用のcssの読み込み
add_action('admin_enqueue_scripts', function () {　//管理画面でスクリプトやスタイルを追加するためのフック
  wp_enqueue_style(　//WordPressでCSSファイル（スタイルシート）をテーマやプラグインに安全に追加（読み込み）するための関数
    'custom-editor-style',　//第一引数は識別子名
    get_stylesheet_directory_uri() . '/admin.css',　//第二引数はurl
    ['wp-edit-blocks']  //第三引数は依存関係。wp-edit-blocks が先に読み込まれてから admin.css が読み込まれるように。省略しない方が安定する
  );
});

なお、専用cssはadmin.cssというファイルで実装しています。