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

WordPressの管理画面のスタイルを変更する方法 – オリジナルスタイルシート(.css)を読み込ませて安全&自由自在にカスタマイズ

管理画面を自分が使いやすいように設定しておけばWordPressサイトの更新が超ラクになる!


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


usedoor facebookでシェア
usedoor Twitterでシェア
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にオリジナルスタイルシートを読み込ませる記述を書く

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

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

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

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

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

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

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

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


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

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


< この記事をシェア >

usedoor facebookでシェア
usedoor Twitterでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly





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

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

Youtube

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

【毎日5%~7%還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ

キャンペーン

Yahoo!ショッピングで毎日5%還元となるキャンペーンが開催!プレミアム会員などは常時7%還元も。対象となる買い物の条件などまとめ

【6月版】ahamo、LINEMO、povoどれにする?開催中キャンペーンの特典と条件を比較してみた – キャッシュバックやポイント還元などでおトクに契約する方法

携帯電話

ドコモのahamo、ソフトバンクのLINEMO、auのpovo、。大容量低価格プランを今契約するならどこが一番おトクにキャンペーンで契約できる?を比較してみた

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

携帯電話

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

Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える。ahamoもOK!

ショッピング

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!


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

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

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

usedoor facebook
usedoor Twitter
usedoor feedly
usedoor RSS

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


新着ニュース&記事

【6月10日はアツい!!】楽天市場『勝ったら倍キャンペーン』でおトクに買い物する方法 – 全ショップ対象!楽天イーグルス&ヴィッセル神戸が勝利など条件まとめ

キャンペーン

楽天イーグルスorヴィッセル神戸が勝利した次の日は楽天市場でポイント+2倍とおトクに買い物ができる。ダブル勝利なら3倍に!

【毎月10日&20日】最大40倍還元+α!『dショッピングデー』でおトクに買い物する方法 – 割引クーポンあり&dポイント消化にも最適。条件あり&要エントリー

セール

dショッピングでは毎月10日&20日におトクに買い物ができる「dショッピングデー」が開催。dポイント最大40倍+α&ポイント利用分も10%還元!

【0のつく日】d fashion、dブックでdポイント20倍還元などでおトクに買い物する方法

ショッピング

d fashion、dブックで0のつく日にdポイント20倍還元などのキャンペーンをストア同時開催中!ファッションアイテムや電子書籍がおトクに購入できる

【0と5のつく日】楽天市場でおトクに買い物する方法 – 楽天カード支払いでポイント最大7倍

キャンペーン

楽天カードユーザーは毎月0、5のつく日はポイント最大7倍と楽天市場でおトクに買い物ができる。毎回エントリーをお忘れなく!


新着記事をもっと見る

usedoorをフォロー


注目の使い方

楽天モバイル(Rakuten UN-LIMIT)をSIMフリーiPhoneで利用する方法、初期セットアップ手順やAPN設定

動作保証対象外のiPhoneでも「楽天モバイル(Rakuten UN-LIMIT)」が使えるぞ!通話もSMSもデータ通信もテザリングも利用可能です。


【LINE】無料スタンプ&隠しスタンプ一覧(2023年6月3日更新)ダウンロード方法&取得条件などまとめ

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


【楽天モバイル】2回線目以降を契約して3,000ポイントをゲットする方法 – 「もう1回線」申込キャンペーンがスタート

楽天モバイルが2回線目以降を契約する人向けのキャンペーンを開始!2回線目契約で3,000ポイントがもらえる。要エントリーなのでご注意を


【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる

メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう



注目の記事をぜんぶ見る


最新記事&ニュース

【6月10日はアツい!!】楽天市場『勝ったら倍キャンペーン』でおトクに買い物する方法 – 全ショップ対象!楽天イーグルス&ヴィッセル神戸が勝利など条件まとめ

楽天イーグルスorヴィッセル神戸が勝利した次の日は楽天市場でポイント+2倍とおトクに買い物ができる。ダブル勝利なら3倍に!


【毎月10日&20日】最大40倍還元+α!『dショッピングデー』でおトクに買い物する方法 – 割引クーポンあり&dポイント消化にも最適。条件あり&要エントリー

dショッピングでは毎月10日&20日におトクに買い物ができる「dショッピングデー」が開催。dポイント最大40倍+α&ポイント利用分も10%還元!


【土日配布!!】ヤフオク『ゴールドクーポン』をゲットする方法 – 6月の週末は誰でもヤフオクでクーポンを使っておトクに買い物できる!

ヤフオクでは週末土日にゴールドクーポン配布中!誰でも買い物金額に応じた割引が受けられる!


【0のつく日】d fashion、dブックでdポイント20倍還元などでおトクに買い物する方法

d fashion、dブックで0のつく日にdポイント20倍還元などのキャンペーンをストア同時開催中!ファッションアイテムや電子書籍がおトクに購入できる


【0と5のつく日】楽天市場でおトクに買い物する方法 – 楽天カード支払いでポイント最大7倍

楽天カードユーザーは毎月0、5のつく日はポイント最大7倍と楽天市場でおトクに買い物ができる。毎回エントリーをお忘れなく!



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


usedoorをフォロー


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

【6月最新・紹介コードあり】PayPayの友だち紹介キャンペーンで300ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など

PayPayを始めるなら友だち紹介キャンペーンが開催されている期間に紹介コードを入力しての利用開始がおトク!7月31日までは300ポイントがもらえる


【6月版】ソースネクストの割引クーポンまとめ – 製品別の現在配布中クーポンをまとめてみた。おトクに買い物する方法

Dropboxや1Password、ZEROセキュリティなどのソフト、ポケトークなどデバイスも取り扱うソースネクストで利用できる製品別割引クーポンをまとめてみた


【6月版】「メルペイ」のキャンペーン&クーポンまとめ – メルペイでおトクに買い物する方法。紹介コードあり&ビットコインも

メルペイでは定期的におトクなキャンペーンやクーポンを配信中。メルペイ払いしなくてもクーポンも使えちゃう。ビットコインやネットショップにも対応


【6月版】闇ふるさと納税?返礼品とは別にAmazonギフト券などの特典を貰う方法 – 誰でも最大20%分がもらえるキャンペーン開催中!

簡単な条件を満たせば、ふるさと納税寄付金額に応じたAmazonギフト券が返礼品とは別にもらえる各ふるさと納税サイトのキャンペーンまとめ。マイナビふるさと納税がオススメ!


【6月版】ドコモでおトクに機種変更できるiPhone・Androidスマホ・タブレットまとめ – 端末購入割引や値下げでお安くドコモで機種変更する方法

現在、ドコモでおトクに機種変更できるiPhone、Androidスマホ、タブレット、ケータイをまとめました。機種変更を考えている人はチェック!



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