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



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



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

【第4弾開始!!】ワイモバイル「10周年大感謝祭」まとめ – 誰でも参加OK!PayPay大還元、紹介、スマホ安売り、抽選会などで構成される大型キャンペーン開催!

キャンペーン

ワイモバイルが10周年を記念した大型キャンペーン~第4弾~を4月1日から開催!ワイモバを契約中の人もしてない人も参加できてPayPayが当たるなど特典多数!

【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など

キャンペーン

Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう

【業界最安値!!】月額290円~!HISモバイルの『自由自在プラン』で毎月の携帯電話料金をおトクにする方法 – eSIMにも対応!

MVNO・格安SIM

HISモバイルが2022年5月より新プラン『自由自在プラン』を提供開始!ドコモ回線で格安SIMの中でも最安値クラスの音声通話付きで月額290円~!

【最大44,000円割引!!】ドコモが認定中古スマホのセールを開催。docomo CertifiedのiPhone・Androidがかなり安く購入できる!半額以下のスマホもあり

セール

10月25日よりドコモがdocomo Certified(認定中古スマホ)を対象としたセールを開催。新規契約/のりかえで大幅割引が適用される

【既存ユーザーも対象】楽天モバイルで「YouTube Premium」を3ヵ月間無料で申し込む方法 – 対象となる条件、注意点など

Youtube

楽天モバイル契約者はYoutube Premiumが3ヵ月無料で利用できる。条件はシンプルで既存ユーザーも対象!注意点もアリ


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

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

ゲーム

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

【プライムデー】最大10%還元!Amazonふるさと納税でプライムデーキャンペーン開催!簡単な条件でおトクに寄付できる

キャンペーン

2025年のプライムデーにあわせてAmazonふるさと納税でもキャンペーン開催。寄付金額の最大10%分のポイント還元!7月14日まで

ドコモ、au、ソフトバンクから「Galaxy Z Flip7」「Galaxy Z Fold7」が発売

ニュース

Galaxy AI搭載の折りたたみスマートフォン「Samsung Galaxy Z Flip7」「Samsung Galaxy Z Fold7」が2025年8月上旬以降に発売。7月17日より予約受付を開始。

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

キャンペーン

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

楽天がふるさと納税ポイント禁止で国を提訴

ニュース

楽天グループは7月10日、ふるさと納税でのポイント付与を禁じる総務省の告示は無効だとして、東京地裁に提訴したと発表しました。


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

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

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


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

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


【iPhone・Androidスマホ】『緊急速報』をオン⇔オフする方法 – 外出自粛や緊急地震速報、Jアラートなどを無効化もできる。届かない、非対象機種の対処方法も

緊急地震速報&ミサイル発射も警告してくれるJアラートはちゃんとスマホで受信出来た方がいい!外出自粛はちょっとウザいけどしょうがない


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

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


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

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



注目の記事をぜんぶ見る


最新記事&ニュース

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

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


【プライムデー】最大10%還元!Amazonふるさと納税でプライムデーキャンペーン開催!簡単な条件でおトクに寄付できる

2025年のプライムデーにあわせてAmazonふるさと納税でもキャンペーン開催。寄付金額の最大10%分のポイント還元!7月14日まで


ドコモ、au、ソフトバンクから「Galaxy Z Flip7」「Galaxy Z Fold7」が発売

Galaxy AI搭載の折りたたみスマートフォン「Samsung Galaxy Z Flip7」「Samsung Galaxy Z Fold7」が2025年8月上旬以降に発売。7月17日より予約受付を開始。


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

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


楽天がふるさと納税ポイント禁止で国を提訴

楽天グループは7月10日、ふるさと納税でのポイント付与を禁じる総務省の告示は無効だとして、東京地裁に提訴したと発表しました。



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


usedoorをフォロー


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

DAZN(ダゾーン)をお得に契約する方法

DAZNをおトクに利用する方法をご紹介!サッカーW杯アジア最終予選のアウェーはDAZN独占配信。2025年6月にアメリカで開催される「FIFAクラブワールドカップ2025」全63試合を無料で独占配信。


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

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


【業界最安値!!】月額290円~!HISモバイルの『自由自在プラン』で毎月の携帯電話料金をおトクにする方法 – eSIMにも対応!

HISモバイルが2022年5月より新プラン『自由自在プラン』を提供開始!ドコモ回線で格安SIMの中でも最安値クラスの音声通話付きで月額290円~!


【絶対参加を!!】楽天カード(VISA)で最大20%キャッシュバックキャンペーン開催。運が良ければ10,000円のキャッシュバックも(2024年8月31日まで)

VISAブランドの楽天カード限定で最大20%キャッシュバックキャンペーン開催!対象はスマホに設定したタッチ決済。さらに運がよければ10,000円分のキャッシュバックが抽選で当たる


ahamoのキャンペーンまとめ – SIMのみ契約で20,000dポイント還元、ポイ活、ahaクエストなど

ahamoと新規契約でdポイントがもらえたり、既存ユーザーでも対象の開催中のキャンペーンをまとめてみました。ドコモSIM経由のちょっと裏技っぽいおトクな契約方法も



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