はてなブログのidとかclassとか - kyabana's blog

はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（

[kyabana]

こういうのあると便利かなーって／地味にスマホビューでも構造を確認できるようにしてみました。

[shinoegg]

メモメモ

[M1spark20Beta]

cssでスタイルを弄りたくなったりしたときに役に立つ、はてなブログ内の要素のクラス構成

[sometk]

セレクター構造

[shin21sk]

はてなブログでのレイアウト編集において便利過ぎる情報！

[yururiururi]

わかりやすいです！ありがとうございます！

[masawada]

超絶便利情報あった

[kowagari]

死ぬほど参考になる

[yomikodesign]

カスタマイズ　便利ーー！！

[tsukikosan]

とても分かりやすいです！

[Kutsumiya]

重宝してます

[wiz7]

HTML, CSSの構造と構成

[setuyakuhappylife]

参考になります

[aipacommander]

( ..)φメモメモ

[korino_n]

わかりやすい！ありがとうございます！

[scarlett_sanshiru]

デザイン変更

[guren004]

ありがとうありがとう！

[kuronucokoubou]

HTMLの階層構造を色分けされた画像で見られる

[fhisa]

HTMLの階層構造を色分けされた画像で見られる

[Barrgan]

かなり分かりやすい！

[Falky]

はてなブログの構成。こういうのオフィシャルな場所に用意してくれるといいのに

[maRk]

（構造がいつかわるかわからないし、部分的なのはインスペクタでみて調整しながらのほうがやりやすいし早い）

[MoneyReport]

はてなブログのHTML構造丸わかり。なるほど、こうなってたのか！

[nesiro]

知っておくと、はてなブログもカスタマイズしやすそう！参考になる～。

[Rlee1984]

はてなブログの構造説明　役立つ　CSS　idとかclassとか

[kym830]

役立ちました！

[gachamania]

このページを参考にしたおかげで無事カスタマイズできました。ありがとう！

[bukken_x]

すごく参考になる。メモとしてクリップ

[kyokucho1989]

まとめようと思ったら、あった。

[llil]

html構造

[kouas1100]

参考