【DAZNとDMMプレミアムが利用できるのにDAZN単体契約より安い!!】DAZNとDMMの最強プラン「DMM×DAZNホーダイ」の提供開始

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



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




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

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

銀行

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金1,000円が貰える「お友だち紹介プログラム」キャンペーン開催中!

【12円スマホ】ソフトバンク『新トクするサポート(バリュー)』の対象機種、適用条件などまとめ – iPhone 15が対象に⇒128GBモデルは月額1円で利用できる!

携帯電話

ソフトバンクの対象機種が1年間12円~で利用できる『新トクするサポート(バリュー)』の条件や対象機種まとめ。返却で激安でiPhone・Androidが使える!

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

キャンペーン

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

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

携帯電話

2024年3月もドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で配布中!対象者限定みたいのでまずは取得できるかをチェック!

【楽天モバイル】2回線目でもRakuten Hand 5Gが一括1円で買えたお話。複数回線でも割引対象となるキャンペーンの条件/詳細まとめ – おトクに購入する方法

携帯電話

楽天モバイルがRakuten Hand 5Gを一括1円で販売するキャンペーンを開催中!すでにRakuten UN-LIMITを契約中でも一括1円で買えた!細かい条件には注意


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

Amazonが送料無料の基準の値上げを発表… 3月29日から送料無料は2,000円⇒3,500円以上の買い物が条件に。プライム / Student会員は配送料無料を継続

ニュース

Amazonが非プライム会員向けの配送料無料の基準を3月29日に変更。以後は3,500円以上の買い物が送料無料に(現在は2,000円以上)

【2024年2回目】Amazon「新生活セールFINAL」&「ポイントアップキャンペーン」でおトクに買い物する方法 – 3月29日~4月1日開催!

セール

2024年もAmazonで2度目の「新生活セール」開催!開催期間は3月29日~4月1日。2回目は『FINAL』セール

【3月29日開催】Yahoo!ショッピング『肉の日キャンペーン』でおトクに買い物する方法 – プレ肉がリニューアル!最大+6%のPayPayポイント還元

キャンペーン

29日=肉の日。Yahoo!ショッピングでの買い物が+4~5%のポイント還元となる「肉の日キャンペーン」開催!プレ肉からリニューアル

【金曜日/土曜日】d払いの『d曜日』でおトクに買い物する方法 – 最大4%還元!対象となるお店や条件などまとめ。要毎月エントリー

キャンペーン

毎週金/土曜日にネットで買い物するならd払いの『d曜日』をチェック!Amazon含むかなり多くのストアでdポイント最大4%還元とおトクに買い物ができる

【金曜日更新】ヤマダウェブコムで「PC/タブレット 在庫一掃SALE」開催!- PCやタブレット、Apple Watch、Amazonデバイスなどをおトクに買う方法

セール

PCやタブレット、Mac、Surface、Apple Watch、Amazonデバイスなど様々な商品が特価で買えるおトクなセール!週末限定で開催。


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

楽天ポイントでGoogle Playギフトコードを購入・交換する方法 – 楽天市場認定店は期間限定ポイントの消化にも最適!

楽天ポイントでGoogle Play残高(ギフトカード)が買える!期間限定の楽天スーパーポイントでもOK!セール時は安く購入することもできておトク


【オススメ返礼品紹介】おトクに『ふるさと納税』する方法まとめ – 自分がいくら寄付できるかの計算方法

まだやってない人向けに「ふるさと納税」をできるだけわかりやすく書いてみた(つもり)


iPadの在庫状況をチェックする方法(Pro、mini、Air、第10世代etc…) – ドコモ・au・ソフトバンク

第10世代iPadや新しいiPad Proが登場!ドコモ・au・ソフトバンクのiPad(主にセルラー版)の在庫状況を可能な限りリアルタイムでお届け中


【激アツ!!】2回線目以降もOK!楽天モバイル回線契約で14,000ポイントがもらえる三木谷氏の紹介キャンペーンが開催。超おトクに契約できるけど注意点あり

楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンが激アツ。2回線目以降の契約でも14,000ポイントがもらえる。ただし併用できないキャンペーンもあり


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

在庫や入荷情報を見つけ次第更新!新デザインの新型PS5「CFI-2000A01(ディスクドライブ搭載)」「CFI-2000B01(ディスクドライブ非搭載)」が2023年11月10日に発売!10月18日午前10時より予約受付開始。



注目の記事をぜんぶ見る


最新記事&ニュース

Amazonが送料無料の基準の値上げを発表… 3月29日から送料無料は2,000円⇒3,500円以上の買い物が条件に。プライム / Student会員は配送料無料を継続

Amazonが非プライム会員向けの配送料無料の基準を3月29日に変更。以後は3,500円以上の買い物が送料無料に(現在は2,000円以上)


【2024年2回目】Amazon「新生活セールFINAL」&「ポイントアップキャンペーン」でおトクに買い物する方法 – 3月29日~4月1日開催!

2024年もAmazonで2度目の「新生活セール」開催!開催期間は3月29日~4月1日。2回目は『FINAL』セール


【3月29日開催】Yahoo!ショッピング『肉の日キャンペーン』でおトクに買い物する方法 – プレ肉がリニューアル!最大+6%のPayPayポイント還元

29日=肉の日。Yahoo!ショッピングでの買い物が+4~5%のポイント還元となる「肉の日キャンペーン」開催!プレ肉からリニューアル


【金曜日/土曜日】d払いの『d曜日』でおトクに買い物する方法 – 最大4%還元!対象となるお店や条件などまとめ。要毎月エントリー

毎週金/土曜日にネットで買い物するならd払いの『d曜日』をチェック!Amazon含むかなり多くのストアでdポイント最大4%還元とおトクに買い物ができる


【金曜日更新】ヤマダウェブコムで「PC/タブレット 在庫一掃SALE」開催!- PCやタブレット、Apple Watch、Amazonデバイスなどをおトクに買う方法

PCやタブレット、Mac、Surface、Apple Watch、Amazonデバイスなど様々な商品が特価で買えるおトクなセール!週末限定で開催。



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


usedoorをフォロー


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

Amazon『Fire TV Stick / 4K / 4K Max』『Fire TV Cube』をおトクに購入する方法、セール/キャンペーンまとめ

本家AmazonがFire TV Stick 4K Maxの半額セールを開催中!その他、Fire TV Stickシリーズのキャンペーン、割引販売情報まとめ


ペイペイジャンボとは?開催中のキャンペーン、還元条件、対象ショップまとめ – 当たらない?当選の確認手順や本人確認などの参加条件など

最大1,000%還元や全額還元などが当たる「ペイペイジャンボ」開催!対象となる条件や特典をまとめました。楽しいしおトク。だけどなかなか当たらない…


【2024年3月】ふるさと納税で返礼品&Amazonギフトカードなどの特典がもらえるキャンペーンまとめ – 最大20%還元などが開催中

ふるさと納税サイト毎に開催している返礼品とは別に寄付金額に応じたAmazonギフトカードなどがもらえるキャンペーンをまとめてみた


【2024年3月】ワイモバイルでおトクに機種変更できるスマホまとめ – Xperia AceⅢが一括9,800円

現在ワイモバイルで機種変更でもおトクに購入できるスマホまとめ。機種変更割引&端末単体割引で機種変更でも激安購入できる機種アリ!


【2024年3月】特典爆増!LYPプレミアムに超おトクに登録する方法 – PayPayポイント4,000円分&クーポン6,000円分&3ヵ月無料と激アツ!!

LYPプレミアムが3月31日まで激アツな入会キャンペーンを開催!基本料金3ヵ月無料+4,000円分のPayPayポイント+Yahoo!ショッピングの3,000円割引クーポン×2枚という超豪華特典を用意!



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