Skip to content

60-minutes.biz

– 時間を縛ることで、時間を味わってみる –

初心者でも不必要になったCSSセレクタを簡単に削除する方法。

Posted on 2016年2月2日2016年1月31日 By ハマケン
このエントリーをはてなブックマークに追加
Tweet


こんにちわ、ハマケンです。
WordPress運用を長い間続けていると、CSSセレクタが増えたり、CSSファイルが増えたりすることってありませんか?
2016年になったと同時にちょっとだけ当ブログはプチリニューアルしたんですけど、その際に「ちょっと不必要なセレクタを削除したいなー。でも使ってたらやだなー。」と思って探してたらやる方法があったのでご紹介ですー。


Advertisement


Google Chromeの開発者ツールが楽チン。


1.Chromeを立ち上げたらF12で開発者ツールを立ち上げます。
2.AuditsメニューからRun(実行)を押すだけ!

何と言うことでしょう。
たったこれだけの作業で使われていないCSSのパーセンテージが表示されるのです。セレクタ単位まで見ることができるので、どのページのテンプレートでも表示される様だったら確実に使っていないので削除してしまいましょう。

このツールは「あくまで今開いているページで使われているかどうかをチェックしているに過ぎねぇ!」ので、基本的にはすべてのテンプレートのページを確認してくださいね。

WordPressテンプレだと
1.TOP(index)
2.カテゴリ
3.ページ
4.アーカイブ
5.ヘッダー
6.フッター
7.サイド
8.ループ
9.タグ
10.コメント
11.404
12.記事(single)

と言ったのがテーマで用意されてたりするので、基本それらを確認しましょう。

投稿記事内でその記事のみのCssセレクタ使っている場合は頑張って書き直した方が後々良い気も一瞬しましたが、面倒くさいから放って置いても特に問題ない気がしました。

が、今後CSSごみを増やさない為にも一定のルールは設けたほうが良い気もしましたね。

少しは表示が速くなればなーと思っております。

それでは。

このエントリーをはてなブックマークに追加
Tweet

WEBページ作成系の記事 Tags:wordpress, サイト作り

投稿ナビゲーション

Previous Post: アナタの悩みに合わせてお守りをカスタマイズ!OMAMO(おまも)が大人気だそうです。
Next Post: これでOK。minne(ミンネ)で成功する為に、まず知っておくべきこと。

More Related Articles

成長しろ、俺www 更新漏れで横ばい。アクセス報告。Feb. 9th – 15th. WEBページ作成系の記事
【wordpressテーマ】無料で使えるレスポンシブ・デザイン3選(Grid編) WEBページ作成系の記事
今週と前月のアクセス報告!May. 3rd – May. 9th.前月比+30%で順調な成長を更新中。 WEBページ作成系の記事
発信こそブログの生命線だという事。今週のアクセス報告 Mar. 8nd – 14th. WEBページ作成系の記事
AnalyticsでSNSからのアクセスをもっと詳細に計測する方法。 WEBページ作成系の記事
2015年が来る前に。。押さえておきたい最近のWEBトレンドを12個ほど。 WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法
  • 約4ヶ月の在宅で解った、在宅アイテムBest10
  • コロナを通して知った、フルライフと言う生き方。
  • 【永久保存版】最高の #おうちご飯 をサポートする一流のシェフレシピ8選。
  • 今年も梅雨がやってくる。コンビニ傘からのアップデート「アイカサ」を利用してみてはいかがでしょう?
  • 緊急事態宣言が解けた後に小売業者がやらなくてはならない3つの事。

アクセスランキング

  • SoundCloud(サウンドクラウド)で商用利用可、改変可の音源を探す手順...
  • 【知らなかった】161年前の今日。浦賀に来た黒船の実写真があると知って俺の中で超...
  • Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!...
  • ウィルス予防に知っておきたいマスクの知識を調べさせていただきました。...
  • 2020年、アパレルのオリジナル商品を作るならチェックしておきたいサイト4選 #...
  • 【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!...
  • 【動画】コカ・コーラのOpen Happinessがカッコよすぎて、なんかヤル気...
  • 知っておきたい検索コネタ12個とStores.jpのショップ一覧を検索表示する方...
  • 仕事とは自分の仕事を無くすこと。上司に学んだ、とても大切なメモ。...
  • オリジナル商品が簡単に自分で作れるサービス7選!...

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2023 60-minutes.biz.

Powered by PressBook Blog WordPress theme