【激アツ!!】楽天モバイル回線契約で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



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



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

「Audible」のキャンペーンまとめ – Amazonの朗読サービスを通常よりもおトクに利用する方法

キャンペーン

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

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

キャンペーン

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

【UQモバイル】のりかえ時にクーポンを適用して15,000円分のau PAY残高をもらう方法 – 買い物不要&クーポンコードあり。実際に申込してみた

携帯電話

UQモバイルにSIMのみでのりかえ契約するなら絶対にコレ!買い物不要で最大15,000円分のau PAY残高が還元されるスペシャルクーポンを使ってみた

【IIJmio】一括110円!ハッピーオータムキャンペーン スマホ大特価セールまとめ – 対象機種や割引条件など。iPhone・Androidが激安で購入できる!

セール

スマホ安売りでお馴染みのIIJmio恒例の『スマホ大特価セール』がハッピーオータムキャンペーンとして開催!今回も特にAndroidスマホが大幅割引で一括110円~と激安に

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

携帯電話

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


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

povoが丸亀製麵のeギフト券がセットになった期間限定トッピングを12月11日まで販売。データ使い放題(1時間)が実質50円~で利用できる

ニュース

povoのデータ使い放題と丸亀製麵のeギフト券がセットとなった期間限定トッピングが登場。2つのセットが販売される

Binance JapanがPayPayと資本業務提携を発表

ニュース

PayPayがBinance Japanの株式40%を取得し、2025年9月から持分法適用会社となる。

Amazon「プライム感謝祭」徹底攻略! 2025年開催分のキャンペーン&おトクに買い物する方法まとめ

ショッピング

Amazonプライム会員限定セール「プライム感謝祭」が開催!期間は10月7日~10日までの3日間。先行セールは10月4日からスタート!

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

LINE

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

【ドコモ】中古iPhoneがかなり安い!新規契約&ドコモminiプランでも最大33,000円割引の5G WELCOME割適用⇒iPhone 12が一括11,000円~など

携帯電話

ドコモ認定中古スマホ「docomo Certified」のiPhoneが割引増額でお買い得価格に!新規契約&プランもドコモminiやahamoでもOKなので維持費も安い


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【ドコモ】『5G WELCOME割』で5Gスマホをおトクに購入する方法 – 契約別の割引金額、適用条件と対象機種まとめ。iPhone&人気Androidも対象!

ドコモの5G対応スマホが割引価格で購入できる「5Gウェルカム割」をまとめてみた。割引対象拡大!Androidの他、iPhone 14シリーズやSEも対象!


楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり&適用条件や注意点などまとめ。特典付与スケジュール改善!

楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増!今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ


アイサポでiPhoneのバッテリーを新品に交換してみた – 初期化は必要?価格や交換作業までの流れや手順。料金がちょっと安くなる各種割引も紹介

iPhone修理専門「アイサポ」でiPhoneのバッテリーを新品に交換してみた。Apple公式よりも安く交換できる。その他にも画面割れから水没まで幅広い修理に対応&安い!


【ポケモンGO】アプリを起動しなくても距離をカウントする『いつでも冒険モード』の設定方法 – Pokemon GO Plusとの違い、比較

ついにアプリ画面を開いていなくてもポケモンGO内の距離がカウントされるモードが登場!ポケモンGOプラスユーザーも設定しておくことをオススメします


楽天ポイントを「Appleギフトカード」に交換する方法 – Apple Gift Card 認定店での買い物手順。期間限定ポイントの消化にアリ!クーポンも登場

期間限定の楽天スーパーポイントも利用OK!iPhoneも買えるAppleギフトカードに交換できる。セール時は安く購入することもできておトク



注目の記事をぜんぶ見る


最新記事&ニュース

povoが丸亀製麵のeギフト券がセットになった期間限定トッピングを12月11日まで販売。データ使い放題(1時間)が実質50円~で利用できる

povoのデータ使い放題と丸亀製麵のeギフト券がセットとなった期間限定トッピングが登場。2つのセットが販売される


Binance JapanがPayPayと資本業務提携を発表

PayPayがBinance Japanの株式40%を取得し、2025年9月から持分法適用会社となる。


Amazon「プライム感謝祭」徹底攻略! 2025年開催分のキャンペーン&おトクに買い物する方法まとめ

Amazonプライム会員限定セール「プライム感謝祭」が開催!期間は10月7日~10日までの3日間。先行セールは10月4日からスタート!


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

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


【ドコモ】中古iPhoneがかなり安い!新規契約&ドコモminiプランでも最大33,000円割引の5G WELCOME割適用⇒iPhone 12が一括11,000円~など

ドコモ認定中古スマホ「docomo Certified」のiPhoneが割引増額でお買い得価格に!新規契約&プランもドコモminiやahamoでもOKなので維持費も安い



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


usedoorをフォロー


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

【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK!対象機種、割引金額、適用条件まとめ

ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート!5G WELCOME割併用で超大幅割引となる機種も!


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

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


【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中!「新規口座開設限定!サービス体験プログラム」にも参加して合計1,000円ゲット!


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

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


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

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



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