Skip to content

60-minutes.biz

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

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

Posted on 2016年2月2日2016年1月31日 By ハマケン


こんにちわ、ハマケンです。
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ごみを増やさない為にも一定のルールは設けたほうが良い気もしましたね。

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

それでは。

facebookShare on Facebook
TwitterTweet
FollowFollow us
PinterestSave
WEBページ作成系の記事 Tags:wordpress, サイト作り

投稿ナビゲーション

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

More Related Articles

無料でダウンロードできるHTML5対応のシングルページデザイン8選! WEBページ作成系の記事
マテリアルデザインカラーに対応する便利ツール5選 WEBページ作成系の記事
指だけでスグに超簡単にWEBページが作れる!ぺパボのロリポタッチが良い感じ。 WEBページ作成系の記事
少しずつ良い予兆が。アクセス報告Feb.23th – Mar.1st. WEBページ作成系の記事
今日から始めるCSSメニューの制作チュートリアル5選。 #wordpress #CSS WEBページ作成系の記事
今週のアクセス報告 Mar. 2nd – 7th.1週目は月次も報告します。 WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法

人気記事

  • 動画マーケティング
    【動画】蘇る1989年、日本GPの記憶。セナが再び降臨!HONDAの技術すご!
  • 60minute
    アナ雪に出てきた氷の城、Hotel de Glaceに行ってみたいです。
  • 人気記事
    中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • 人気記事
    Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!
  • 動画マーケティング
    【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2023 60-minutes.biz.

Powered by PressBook Blog WordPress theme