【激アツ!!】楽天モバイル回線契約で14,000ポイントがもらえる

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



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



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

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

webサービス

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

ワイモバイルを通常よりおトクに契約する方法 – SIMのみで26,000円相当還元!!

キャンペーン

ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大26,000円相当の還元がもらえる!

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

webサービス

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

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

キャンペーン

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

【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう!

キャンペーン

Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション(旧:ヤフオク)の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

【Windows】Notionが起動しなくなった時の対処方法 – これをやったら直った!

PCアプリ

WindowsにインストールしているNotionアプリが起動しなくなった… 原因はプロセスが悪さしている感じかも。タスクの終了で直る⇒ということは…

povo×ムビチケ!映画GIFT3,000円分とデータ追加1GB(30日間)がセットになって3,450円の期間限定トッピングを販売

ニュース

povoのコラボトッピングに「ムビチケ」が登場!映画ギフト券3,000円分とデータ追加1GBがセットで3,450円⇒データ1GB(30日)が実質450円で買える。8月31日まで

GoogleがPixel 6aのバッテリー加熱問題への対応を発表。アップデートで対策プログラムを配信&バッテリーの無償交換も

ニュース

問題となっていたPixel 6aのバッテリー加熱の対応策をGoogleが正式発表。充電サイクル400回を超えるとバッテリー管理機能がオンに。場合によってはバッテリーの無償交換にも対応

【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 初代から進化したポイントも解説

ゲーム

ついに待望の「Nintendo Switch 2」が発売!抽選販売情報やスペック、進化したポイントなどを解説。

【LINE】無料スタンプ&隠しスタンプまとめ(2025年7月2日更新)ダウンロード方法&取得条件

LINE

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!


「PlayStation 5 / デジタル・エディション」を予約・購入する方法 – 新旧モデルのスペックなどの違い、販売ショップまとめ

11月29日からAmazonや楽天ブックス、家電量販店などで「プレイステーション ブラックフライデーセール」が開催!PS5本体が1万円割引で販売。


ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など

ドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で毎月配布中!iPhoneやPixelシリーズ含めほとんどの機種が対象。対象者限定なので取得できるかをチェック!



注目の記事をぜんぶ見る


最新記事&ニュース

【Windows】Notionが起動しなくなった時の対処方法 – これをやったら直った!

WindowsにインストールしているNotionアプリが起動しなくなった… 原因はプロセスが悪さしている感じかも。タスクの終了で直る⇒ということは…


povo×ムビチケ!映画GIFT3,000円分とデータ追加1GB(30日間)がセットになって3,450円の期間限定トッピングを販売

povoのコラボトッピングに「ムビチケ」が登場!映画ギフト券3,000円分とデータ追加1GBがセットで3,450円⇒データ1GB(30日)が実質450円で買える。8月31日まで


GoogleがPixel 6aのバッテリー加熱問題への対応を発表。アップデートで対策プログラムを配信&バッテリーの無償交換も

問題となっていたPixel 6aのバッテリー加熱の対応策をGoogleが正式発表。充電サイクル400回を超えるとバッテリー管理機能がオンに。場合によってはバッテリーの無償交換にも対応


【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 初代から進化したポイントも解説

ついに待望の「Nintendo Switch 2」が発売!抽選販売情報やスペック、進化したポイントなどを解説。


【LINE】無料スタンプ&隠しスタンプまとめ(2025年7月2日更新)ダウンロード方法&取得条件

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など



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


usedoorをフォロー


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

【3ヵ月無料!!】Amazon「Audible」のキャンペーンまとめ – プライムデー連動の大型キャンペーン開催中!

7月31日までAudibleが過去最長クラスの3ヵ月無料で利用できるプライムデー連動キャンペーン開催中!Amazonの朗読サービス「Audible」に登録するならキャンペーンの利用がオススメ


【楽天モバイル】三木谷氏の紹介キャンペーンで14,000ポイントをもらって回線を契約する方法。超おトクに契約できるけど注意点あり

楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンを利用すればのりかえ契約で14,000ポイントがもらえる。ただし現在は特典付与は1人1回まで


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

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


【4ヵ月無料!!】Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – プライムデー連動の大型キャンペーン開催中!

Amazonの音楽聞き放題サービス「Music Unlimited」が4ヵ月間無料で利用できるプライムデー連動キャンペーン開催!7月15日(火)まで。非プライム会員でも3ヵ月無料


【条件変更】auオンラインショップ「スペシャルセール」でおトクにスマホを購入する方法 – 対象機種や適用条件、割引金額などまとめ

au PAY残高キャッシュバックや割引特典がある「au Online Shop スペシャルセール」を開催中。機種変更&指定されたプランで対象機種を購入すると適用される



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