【WordPress】「id名やclass名を一瞬で見つけ出す!」ブラウザのページ内検索をつかえばCSSのコード編集がものすごく捗る!

公開日: : 最終更新日:2014/03/11 小技(WordPress) , , ,

2012 12 12 0947

CSSを編集する時に、「id名」や「class名」を見つけるのに苦労したことはありませんか?

そんなときはブラウザの「サイト内検索」を使うとすごく便利なのです。
かなりの今更感ですが。。。

スポンサード リンク

サイト内検索をつかって「id名」とか「class名」をみつけだす

ズラーと並んだ(目も眩みそうな)コードの文字列から、編集したい「id名」や「class名」を見つけるのはなかなか大変ですよね。

そんなときに役立つのがwebブラウザのサイト内検索なのです。

これをつかえば目的のid名やclass名がスパーンと簡単に見つかりますよ。

Safari(とChrome)のショートカットキーはcommandFです。

2012 12 12 0817 8

↑ ショートカットキーを押すと画面みぎ上に、にょきっと検索窓が現れます。
そこに探したい文字(id名やclass名)を入力。
するとブラウザ全体が薄暗くなり、ヒットした文字列だけライトアップされるように浮かび上がるのですよ。

(検索窓のひだり横にはヒット件数が表示されています。)

returnキーを押せば次候補の文字にジャンプ。

いやーこれは便利。CSSの編集が捗りますぞ。

このやり方を知るまでは、編集したいidやclassをさがすだけで、身も心もボロボロになっておりましたw

これでCSSのちょっとした編集にも億劫にならないですみそうですよっと。

ほいじゃっ。

スポンサード リンク

関連記事

記事はありませんでした

Message

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

スポンサード リンク

slooProImg_20150319112319.jpg
あれ?車の給油口どっちだっけ?左?右?◯◯◯を見れば一瞬でわかるんです!

旅行や出張、正月やお盆。そういう時の移動手段に普段、乗り慣れない車

slooProImg_20150219113231.jpg
わたしの家庭のタスク管理は「Wunderlist」一本です。

家族で共通のタスクを管理するならWunderlistがすごく便利で使

雑談力が上がる話し方.jpg
話下手だからこそうまくいく!雑談をたのしむための5つのルール

@OtoSora_PaPAです。先日、本「雑談力が上がる話し方

雑談力が上がる話し方.jpg
口下手なんて関係ない!「雑談」をあっという間に盛り上げるコツ!上手な雑談の切り出し方3つ!

@OtoSora_PaPAです。あなたは話下手ですか? 「雑談は

環境設定.jpg
【Evernote】私がEvernoteヘルパーを使うことを勧める理由4つ

@OtoSora_PaPAです。Evernote便利につかえていますか

→もっと見る

PAGE TOP ↑