【6月30日まで】ドコモのAQUOS R2(SH-03K)クーポンプレゼント中!機種変更もOKなので購入する人はマスト!

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





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のアップデートでも影響がないのでオススメですぜー。


< この記事をシェア >






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

【6月版】最大6ヵ月無料!! Yahoo!プレミアムに無料で登録する方法

キャンペーン

対象者限定で最大6ヵ月無料!対象かどうかはアクセスしてチェックしてみて

【6月版】機種変更アリ!ドコモから『648円以下』で販売されているiPhone・iPad・Androidスマホ・ガラケーまとめ – 激安でドコモ端末を購入する方法

携帯電話

現在ドコモで販売されている648円以下(一括0円もあり)の機種を一括価格、実質価格、契約別にまとめました

【6月30日まで】誕生月はポイント5倍!『dポイントバースデェ~チャンス!』に参加しておトクにdポイントを貯める方法

キャンペーン

実際の開始期間は8月1日から。が、エントリーは6月30日までなので事前にやっておきましょー

【Apple Pay】登録できるクレジットカード&キャンペーンまとめ。ID or QUICPay&おトクに使う方法

Apple Pay

[日々更新中] マツモトキヨシグループで毎日もれなく7%キャッシュバックキャンペーン!


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

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

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


キーワード:css , オリジナルスタイルシート , スタイルシート , 管理画面 ,




同じカテゴリの記事

iPhoneのモバイルSuicaで既存のSuicaに定期券を追加する方法

Apple Pay

現在利用しているiPhoneのSuicaに定期券を追加できるぞ!

【Apple Pay】モバイルSuicaとマネーフォワードを連携する方法

Apple Pay

iPhoneでもマネーフォワードとモバイルSuicaを連携!

ApplePayでSuicaをiPhoneに取り込んで登録する方法 – カードは使えなくなるのでご注意を

Apple Pay

WalletアプリからSuicaが登録できない不具合発生中。。せっかくのApplePayが。。

【iPhone/Suica機種変更】Apple Payに登録しているSuicaを新iPhoneに移行・引継ぎする方法

Apple Pay

iPhone 7⇒iPhone 8/Xに機種変更する人はSuicaをサーバに退避して移行手続きをしよう!


新着記事

【50%ポイントバック】dデリバリーでお得に注文する方法

飲食店

これはけっこう熱いキャンペーン!ポイント利用でもれなく50%ポイントバック!

【ポケモンGO】友だちとフレンドになる&トレーナーコードを確認/シェアする方法 – ギフトによる場所バレやプロフィール丸見えにご注意を

ゲーム

ポケモン交換するならフレンドは必須!ギフトが送れたりもするけど制限や注意点もちょっと多めかも

【iPhone/Androidカメラ比較】暗い場所で一番キレイに写真が撮れるスマホは?夜景をうまく撮影する方法

スマートフォン

iPhoneもAndroidも明るい場所で撮影した写真の差はほぼないような… ということで夜景写真を比較してみた

ドコモ『my daiz』を無効化してアプリや通知を消す方法

Androidスマホ

マイデイズからの通知もキャラもウザかったので完全に無効化して消してみた


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【超ラク】PCからiPhone・iPadに写真や動画、ファイルを転送する一番簡単な方法 – ケーブル接続も不要!

    iCloudを使えばケーブル不要でPC内のファイルを簡単にiOS端末に転送できちゃう


    【Apple Pay】iPhoneでSuicaにチャージする方法完全まとめ(現金・クレジットカード・オートチャージ)

    いちおう現金からでもできるiPhoneへ取り込んだSuicaのチャージ方法を総まとめ!


    【LINE Pay】ローソンなどリアル店舗でのQRコード、バーコード支払いはこうやる – LINE Payで支払いする方法

    〇%還元や〇ポイントキャッシュバックなどキャンペーンも多彩なLINE Payのコード支払いを実際にやってみた


    【投げ売り】機種変更もOK。ドコモ『9.7インチiPad(第5世代)』を一括0円で購入する方法

    第5世代のiPad 32GBモデルが一括0円。ストレージが大きいモデルも投げ売り価格で販売中


    【便利】LINEでトークルーム毎にカレンダーを作成してスケジュールを共有できる『イベント』機能の使い方

    特定のメンバーとだけスケジュールを共有できる便利機能。ぼっちグループにも使えます。。。


    注目の記事をぜんぶ見る

  • 最新記事

    【50%ポイントバック】dデリバリーでお得に注文する方法

    これはけっこう熱いキャンペーン!ポイント利用でもれなく50%ポイントバック!


    【ポケモンGO】友だちとフレンドになる&トレーナーコードを確認/シェアする方法 – ギフトによる場所バレやプロフィール丸見えにご注意を

    ポケモン交換するならフレンドは必須!ギフトが送れたりもするけど制限や注意点もちょっと多めかも


    【iPhone/Androidカメラ比較】暗い場所で一番キレイに写真が撮れるスマホは?夜景をうまく撮影する方法

    iPhoneもAndroidも明るい場所で撮影した写真の差はほぼないような… ということで夜景写真を比較してみた


    ドコモ『my daiz』を無効化してアプリや通知を消す方法

    マイデイズからの通知もキャラもウザかったので完全に無効化して消してみた


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

  • usedoorをフォロー


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

    【投げ売り】機種変更もOK。ドコモ『9.7インチiPad(第5世代)』を一括0円で購入する方法

    第5世代のiPad 32GBモデルが一括0円。ストレージが大きいモデルも投げ売り価格で販売中


    【6月17日まで】最大4,200円オフ!!父の日セールでKindle、Paperwhite、マンガモデル、Fireタブレット、Echoをおトクに購入する方法

    Kindle、Paperwhite、マンガモデル、Fireタブレット、EchoなどAmazonデバイスが最大4,200円オフ!お父さんに一台いかが?


    【6月30日まで】還元率50%+Amazonギフト券!ふるさと納税の『日本旅行ギフトカード』がヤバい!「ふるなび」で超おトクにふるさと納税する方法

    2018年5月にまたまた岐阜県池田町の返礼品でまさかの復活!『早期終了あり』とのことなのでお早めに。


    dカード&dカードGOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数 – 6月30日まで

    10%還元で噂のdカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています


    【徹底的】Amazonプライムで使えるサービスを使い倒す方法&年会費の元が取れるキャンペーン完全まとめ

    これだけのサービスが使えれば年会費は惜しくない!既にプライム会員の人は使えるサービスをフルに使い倒してみて!


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

  • あわせて読みたい記事