Blogger HTMLの編集画面が新しくなった その2 CSSコードの見つけかた

おすすめ記事ピックアップ

前記事(Blogger HTMLの編集画面が新しくなった2013年4月その1利点と残念 http://www.furimuke.com/2013/04/blogger-html201341.html)で、Blogger HTMLの編集画面が新しくなって、見やすくなったけど、コードが探しづらくなったよ。ちくしょーという記事を書きました。

探しづらいコードをどうやって探すのかコツを紹介します。もしかしたら、もっと良い方法があるのかもしれません。あったら誰か教えてください。

まずBloggerのレイアウト用のCSSコードをいじることで、レイアウトを変更できます。あたりまえ体操です。例えば、右上の赤丸部分のレイアウトを変更するとします。



ブラウザーはチョロメです。右クリックで「要所を検証」します。

ずばっと、使われているCSSコード部分が右側に表示されます。さすがチョロメ。

ブラウザー上で数値を変更すれば、見た目ですぐに変更を確認できます。これはブラウザー上だけですので、本当の変更はできません。参考としての変更です。でCSSを変更して、調度良い設定を見つけたとします。

パディングの部分を変更して、上のスペースを無意味に増やしました。

赤線部分が対応のCSS部分です。今までなら、これをHTML編集画面で検索すれば、OKだったのですが、改良で、検索が不自由になりましたので、困ったものです。とりあえず右側の赤四角部分に、CSSの行数が表示されています。

その行数を元に、HTML編集画面を探します。少し実際は下のほうにあったりします。422行ですが、440行ぐらいに、対象のCSSがありました。

まあCSSの部分なら行数から探せば、検索できなくても、だいたい見つけることができます。不便ですけでも。




いいね!と思ったらお願いします。


名前

AddToAny adsence adwords Amazon AmazonFBA Calculator Analytics Blogger BMAG chrome CODEPREP Eclipse envato facebook FAQ feedly Font Awesome Geek Press Gifzo Illustrator kindle LinkWithin Logaster myfonts NAVER Photoshop PHP picasa Premiere Similarweb TOPSY tumblr Wordpress wpX XAMPP zenback ウェブマスターツール ウハウハモウケタイ カスタマイズ ゲストシリーズ ココナラ サイト制作 ドメイン はじめに プレスリリース プレスリリース作成 プレスリリース利点 まとめ ランディングページ リリース送付先の見つけ方 レビュー 考察 子孫セレクタ 思いつきサイト制作 書評 足成 台湾 通販 日記 忍者おまとめボタン 文章の基本
false
ltr
item
ふりむけばコウホウ : Blogger HTMLの編集画面が新しくなった その2 CSSコードの見つけかた
Blogger HTMLの編集画面が新しくなった その2 CSSコードの見つけかた
http://1.bp.blogspot.com/-kZzCqyf5alM/UWwLNWDosvI/AAAAAAAAIxg/QazhYWILyrQ/s640/css001.jpg
http://1.bp.blogspot.com/-kZzCqyf5alM/UWwLNWDosvI/AAAAAAAAIxg/QazhYWILyrQ/s72-c/css001.jpg
ふりむけばコウホウ
http://www.furimuke.com/2013/04/blogger-html2css.html
http://www.furimuke.com/
http://www.furimuke.com/
http://www.furimuke.com/2013/04/blogger-html2css.html
true
8618648785166852656
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All 関連記事:もっと見るはクリック→ LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy