【新生活にはWiMAX】今月の最安はこれだ!WiMAX 2+の料金比較まとめ - 最安でWiMAX 2+を契約する方法

新着を見る



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

[スポンサーリンク]




WordPressの管理画面のスタイルを好きなように操作する方法です。
この方法は管理画面専用のオリジナルスタイルシート(.css)を作成して読み込ませるという手順でやっています。

ブロガーさんやサイト運営者さんにはとってもお馴染みとなっているWordPress
記事をよく更新する人はWordPressの管理画面(投稿画面)を変更したい!
こんな方も多いと思います。

ただWordPressの管理画面はwp-admin以下のいろんなファイルを読み込みまくっているので探すのが面倒。。

オリジナルスタイルシート読み込みで自由自在に

こんな時、管理画面専用のオリジナルスタイルシートを自作して読み込ませておけば、複雑なWordPress本体のファイルを操作することなく管理画面のスタイルを変更することができます。
管理画面のスタイルを自分仕様にすれば

・記事本文のテキストエリアが好きに広げられる
・カテゴリーとかの項目の長さとかも好き放題できる
・文字の感覚を変更できる
・フォントやサイズも好きに変更できる
・カラーも自在に操れる etc…

とやりたい放題できますぜ。
また、オリジナルスタイルシートを使うことでWordPress本体のアップデートがあった時もアップデートが影響しないのもメリットです。

ということでWordPressの管理画面にオリジナルスタイルシートを読み込ませて、管理画面のスタイルを好きなようにイジる方法です。


WordPress管理画面にオリジナルスタイルシートを読み込ませる方法

管理画面用オリジナルスタイルシートを自分のテーマ以下に配置

最初に『/wp-content/themes/自分が使っているテーマ/』フォルダの下に『オリジナルスタイルシート名.css』を作成します。
とりあえず内容はナシで大丈夫です。

function.phpにオリジナルスタイルシートを読み込ませる記述を書く

↑をコピーして『/wp-content/themes/自分が使っているテーマ/functions.php』のPHPの部分に貼り付けます。
オリジナルスタイルシート名をちゃんと変更します。
これだけでOKです。
※function.phpの記入をミスるとサイトが即落ちしたりするので単純な作業ですがバックアップはお忘れなく!

管理画面にアクセスしてオリジナルスタイルシートが読み込まれているかをチェック

一度管理画面を開きます。
すでに開いている人は一度更新してください。

管理画面が開いたら、ブラウザで『右クリック⇒ソースを表示』などから↑で書いたオリジナルスタイルシートが読み込まれているかを確認します。

あとはオリジナルスタイルシートに変更したい場所のスタイルを書くだけ

!importantの記述をオススメします。

あとは『/wp-content/themes/自分が使っているテーマ/オリジナルスタイルシート名.css』を好きに書けばOKです。
usedoorの管理ページは↑のように本文を書くテキストエリアと右側のカテゴリーの縦幅を伸ばしているだけのシンプルなものですが、これだけでもけっこう効率が上がりますぜ。

管理画面は、スタイルがソースベタ書きのパターンもあるので、スタイルシート側に!important;をつけることをオススメします。
本家の人から言わせると微妙なんでしょうけどラクだし影響もないので。。


WordPressを複数サイト持っている人などは、サイトによってスタイルを変更しておくと間違わなくていいかもしれませんぜ。
まぁこれは管理画面に標準で装備されているテーマ変更でもいいんですけど。。

最初にも書きましたが、functions.phpからのオリジナルスタイルシート読み込みによる管理画面のスタイル変更はWordPressのアップデートでも影響がないのでオススメですぜー。


< この記事をシェア >





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

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


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




新着記事

【5/28抽選販売!】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

PlayStation

5/28(日)24時までビックカメラ.comで抽選販売受付中!5月29日よりソニーストア各店舗で「特別体験会&販売」の予約開始!

【Xperia】スッキリ!ステータスバーに配置するシステムアイコンを変更、非表示にする方法

Androidスマホ

バッテリー、時計、Bluetooth、Wi-Fi、NFC…アイコンはガッツリ消すことができる

【Xperia】フォントを変更する方法 – 文字サイズ変更もできる

Androidスマホ

Xperiaには最初からいろんな文字体が用意されてる


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【乃木坂46】実はその場で抽選結果がわかる!セブンイレブンくじのハズレ券(応募券)で抽選に参加する方法

    ハズレ券を捨ててた人は参加してみませんか??まとまった枚数なら売ることもできる


    【ポケモンGO】片手でも余裕!ポケモンにモンスターボールをサクッとぶつける投げ方 – コツ&小技

    これマジでポケモンにモンスターボールが当たる!片手でもできるのでやってみて。初心者向けなのかも。


    【Windows10】スタートメニューに表示される広告を非表示にする方法

    スタート画面にオススメ広告が表示されるのはさすがにツラい。。


    【ドコモ】iPhone 7やXperia XZ、X Compactなど人気機種をおトクに機種変更する方法 – 『冬のおとりかえ割』で誰でも機種代金が最大5,184円割引!

    12/21より「冬のおとりかえ割」の還元方法が変更。月々サポート増額だったのが、その場で機種代金が最大5,184円割引に!


    注目の記事をぜんぶ見る

  • 最新記事

    【5/28抽選販売!】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

    5/28(日)24時までビックカメラ.comで抽選販売受付中!5月29日よりソニーストア各店舗で「特別体験会&販売」の予約開始!


    【Xperia】スッキリ!ステータスバーに配置するシステムアイコンを変更、非表示にする方法

    バッテリー、時計、Bluetooth、Wi-Fi、NFC…アイコンはガッツリ消すことができる


    【Xperia】フォントを変更する方法 – 文字サイズ変更もできる

    Xperiaには最初からいろんな文字体が用意されてる


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

  • 人気記事ランキング

    【5/27~抽選販売!】「ニンテンドースイッチ」を予約・購入する方法

    【5/27~抽選販売!】「ニンテンドースイッチ」を予約・購入する方法

    ビックカメラ.comで5/27(土)~抽選販売受付!マイニンテンドーストアで5/25(木)~注文再開!...


    【5/28抽選販売!】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

    【5/28抽選販売!】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

    5/28(日)24時までビックカメラ.comで抽選販売受付中!5月29日よりソニーストア各店舗で「特別体験会&販売」の予約開始!...


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 アカウント オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 削除 動画 料金 新規契約 楽天モバイル 機種変更 注目・ピックアップ 無料 登録
  • usedoorをフォロー


  • wordpressの他の記事

    【WordPress】Googleウェブマスターツールから『ブロックされたリソース > /wp-admin/admin-ajax.php』という警告が表示された時の対処方法

    突然ブロックされたリソースというエラーが大量発生したら管理画面周りのrobots.txtの書き方かも


    wordpressの記事一覧