楽天モバイルが「arrows We2」を一括1円で販売

WordPressの管理画面のスタイルを変更する方法 – オリジナルスタイルシート(.css)を読み込ませて安全&自由自在にカスタマイズ

管理画面を自分が使いやすいように設定しておけばWordPressサイトの更新が超ラクになる!


最終更新 [2016年3月14日]

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//


< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


WordPressの管理画面のスタイルを好きなように操作する方法です。
この方法は管理画面専用のオリジナルスタイルシート(.css)を作成して読み込ませるという手順でやっています。

ブロガーさんやサイト運営者さんにはとってもお馴染みとなっているWordPress
記事をよく更新する人はWordPressの管理画面(投稿画面)を変更したい!
こんな方も多いと思います。

ただWordPressの管理画面はwp-admin以下のいろんなファイルを読み込みまくっているので探すのが面倒。。

オリジナルスタイルシート読み込みで自由自在に

こんな時、管理画面専用のオリジナルスタイルシートを自作して読み込ませておけば、複雑なWordPress本体のファイルを操作することなく管理画面のスタイルを変更することができます。
管理画面のスタイルを自分仕様にすれば

・記事本文のテキストエリアが好きに広げられる
・カテゴリーとかの項目の長さとかも好き放題できる
・文字の感覚を変更できる
・フォントやサイズも好きに変更できる
・カラーも自在に操れる etc…

とやりたい放題できますぜ。
また、オリジナルスタイルシートを使うことでWordPress本体のアップデートがあった時もアップデートが影響しないのもメリットです。

ということでWordPressの管理画面にオリジナルスタイルシートを読み込ませて、管理画面のスタイルを好きなようにイジる方法です。


WordPress管理画面にオリジナルスタイルシートを読み込ませる方法

管理画面用オリジナルスタイルシートを自分のテーマ以下に配置

最初に『/wp-content/themes/自分が使っているテーマ/』フォルダの下に『オリジナルスタイルシート名.css』を作成します。
とりあえず内容はナシで大丈夫です。

function.phpにオリジナルスタイルシートを読み込ませる記述を書く

// 管理画面にオリジナルスタイルシートを読み込ませる
function editor_style_admin_head() {
echo ‘<link rel=”stylesheet” type=”text/css” href=”‘.get_bloginfo(‘template_directory’).’/オリジナルスタイルシート名.css”/>’;
}
add_action(‘admin_head’, ‘editor_style_admin_head’);

↑をコピーして『/wp-content/themes/自分が使っているテーマ/functions.php』のPHPの部分に貼り付けます。
オリジナルスタイルシート名をちゃんと変更します。
これだけでOKです。
※function.phpの記入をミスるとサイトが即落ちしたりするので単純な作業ですがバックアップはお忘れなく!

管理画面にアクセスしてオリジナルスタイルシートが読み込まれているかをチェック

一度管理画面を開きます。
すでに開いている人は一度更新してください。

管理画面が開いたら、ブラウザで『右クリック⇒ソースを表示』などから↑で書いたオリジナルスタイルシートが読み込まれているかを確認します。

あとはオリジナルスタイルシートに変更したい場所のスタイルを書くだけ

!importantの記述をオススメします。

textarea.wp-editor-area {
height:650px !important;
}

#category-all ,
#category-pop {
max-height:600px !important;
}

あとは『/wp-content/themes/自分が使っているテーマ/オリジナルスタイルシート名.css』を好きに書けばOKです。
usedoorの管理ページは↑のように本文を書くテキストエリアと右側のカテゴリーの縦幅を伸ばしているだけのシンプルなものですが、これだけでもけっこう効率が上がりますぜ。

管理画面は、スタイルがソースベタ書きのパターンもあるので、スタイルシート側に!important;をつけることをオススメします。
本家の人から言わせると微妙なんでしょうけどラクだし影響もないので。。


WordPressを複数サイト持っている人などは、サイトによってスタイルを変更しておくと間違わなくていいかもしれませんぜ。
まぁこれは管理画面に標準で装備されているテーマ変更でもいいんですけど。。

最初にも書きましたが、functions.phpからのオリジナルスタイルシート読み込みによる管理画面のスタイル変更はWordPressのアップデートでも影響がないのでオススメですぜー。

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//



現在開催中の「おトク」なキャンペーン、セール

Huluを通常よりもおトクに契約する方法、キャンペーンまとめ

webサービス

動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる!

【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン」でPayPayポイント500円相当をゲットする方法(2025年7月)

キャンペーン

Yahoo!フリマ(旧PayPayフリマ)を始めるなら「友達紹介キャンペーン」の紹介コード入力で500円分のPayPayポイントがもらえる。2025年7月31日まで

【紹介コードあり】増量中!メルカリ/メルペイの紹介キャンペーンでポイントをゲットする方法 – 開始にコード利用で1,000ポイントがもらえる

スマホアプリ

メルカリ・メルペイを始めるなら最初に招待コードの登録がおトク!今なら必ずメルカリやメルペイの買い物時に利用できるポイントがもらえる。2月16日まで増量中!

【割引クーポンあり】1Password(有料版)をおトクに契約する方法 – ソースネクストの3年版がコスパよし!価格比較してみた

webサービス

1Passwordを購入するならソースネクストの3年版がお買い得!公式で購入するより安く1Passwordが使える&更新/継続用としても利用可能

LYPプレミアムにおトクに登録できるキャンペーン&会員向け特典、利用できるLINEの機能まとめ – 3ヵ月無料&PayPayポイント&クーポンなど

キャンペーン

LYPプレミアムに新規登録で基本料金3ヵ月無料&1,000円分のPayPayポイント&Yahoo!ショッピングの2,000円割引クーポン×2枚がもらえるキャンペーン開催中


開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

UQ mobile オンラインショップおトク割対象機種にiPhone 15が追加

ニュース

UQ mobileでiPhone 15 128GBがUQ mobile オンラインショップおトク割対象機種に追加!最大44,000円割引!スマホトクするプログラム適用した場合は実質47円。

【一括9,824円~】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

ニュース

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。

【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

ショッピング

楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる

ワイモバイルオンラインストアで認定中古品「iPhone SE(第3世代)」の販売開始、一括9,720円〜

ニュース

2025年7月にワイモバイルのソフトバンク認定中古品のラインアップに「iPhone SE(第3世代)」が追加!他社からのりかえ(MNP)なら一括9,720円で買えるぞ!

povo×Hulu!1ヵ月分のチケットとデータ追加0.5GB、データ使い放題2時間×2回がセットで1,300円の期間限定トッピングが登場

ニュース

Huluとpovoがコラボしたトッピングが登場!Hulu1ヵ月分のチケットにpovoのデータ追加/使い放題がセットで1,300円とおトク。8月31日まで期間限定で提供


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【通信障害対策に】サブ回線としての契約がオススメのキャリア・格安SIMまとめ – 月額料金は抑えつつ予備としてどうぞ。eSIM、デュアルSIMなど

時々発生するキャリアの通信障害… 障害発生中は電話・ネットが繋がらない。。を避けるために持っておくのがオススメのサブ回線をまとめてみた


【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる

メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう


LYPプレミアムにおトクに登録できるキャンペーン&会員向け特典、利用できるLINEの機能まとめ – 3ヵ月無料&PayPayポイント&クーポンなど

LYPプレミアムに新規登録で基本料金3ヵ月無料&1,000円分のPayPayポイント&Yahoo!ショッピングの2,000円割引クーポン×2枚がもらえるキャンペーン開催中


AmazonでPayPayで支払いする方法 – 初期セットアップと利用条件、使用できる残高/ポイント、キャンペーンなどまとめ

ついにAmazonでPayPayで支払いができるようになった!PayPay残高とポイントのみ利用可能で最初のみ初期設定が必要


ahamo、LINEMO、povoどれにする?開催中キャンペーンの特典と条件を比較してみた – キャッシュバックやポイント還元などまとめ

ドコモのahamo、ソフトバンクのLINEMO、auのpovo、。大容量低価格プランを今契約するならどこが一番おトクにキャンペーンで契約できる?を比較してみた



注目の記事をぜんぶ見る


最新記事&ニュース

UQ mobile オンラインショップおトク割対象機種にiPhone 15が追加

UQ mobileでiPhone 15 128GBがUQ mobile オンラインショップおトク割対象機種に追加!最大44,000円割引!スマホトクするプログラム適用した場合は実質47円。


【一括9,824円~】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。


【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる


ワイモバイルオンラインストアで認定中古品「iPhone SE(第3世代)」の販売開始、一括9,720円〜

2025年7月にワイモバイルのソフトバンク認定中古品のラインアップに「iPhone SE(第3世代)」が追加!他社からのりかえ(MNP)なら一括9,720円で買えるぞ!


povo×Hulu!1ヵ月分のチケットとデータ追加0.5GB、データ使い放題2時間×2回がセットで1,300円の期間限定トッピングが登場

Huluとpovoがコラボしたトッピングが登場!Hulu1ヵ月分のチケットにpovoのデータ追加/使い放題がセットで1,300円とおトク。8月31日まで期間限定で提供



最新記事をもっとチェック


usedoorをフォロー


現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

【紹介コードあり】「Oliveアカウント紹介プログラム」で1,000円相当のVポイントをゲットする方法

紹介コードを入力してエントリーすると紹介した人・紹介された人それぞれに1,000円相当のVポイントが貰える「Oliveアカウント紹介プログラム」。


ahamo、LINEMO、povoどれにする?開催中キャンペーンの特典と条件を比較してみた – キャッシュバックやポイント還元などまとめ

ドコモのahamo、ソフトバンクのLINEMO、auのpovo、。大容量低価格プランを今契約するならどこが一番おトクにキャンペーンで契約できる?を比較してみた


【裏技?】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された

ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる!直接ahamoで契約するよりもかなりおトクに


Amazonで『ギフトカード大還元祭』開催!対象のお店でAmazon Pay利用で1回ごとに最大10,000円分のギフトカードが当たる抽選に参加できる&回数上限なし

Amazon Payを対象店舗で1回1,000円以上利用すると必ずAmazonギフトカードが当たる抽選に参加できる「ギフトカード大還元祭」開催!期間は6月7日(金)まで


【オススメは?】eSIMに対応しているキャリア・格安SIMまとめ&比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法

eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう



開催中のキャンペーンをぜんぶ見る