【はてなブログ】 CSSカスタマイズ手法（自己流） - のんびり猫プログラマの日常
予め出来上がったソースをカスタマイズするのは、プログラマとしてはよくある作業。もっと効率の良い手法があるのかも知れないけど、はてなブログに関してはこうやって作業した。 今回はCSSを大改造するので、ソースをローカルに保存しておいて、それをいじり倒すことにしたのだ。 1 気に入ったテーマを探す テーマストアというのができたらしい。そこから今イメージしているものに似たテーマをとにかく見つける。 カラム割り（１～３列） 各要素の配置（サイドバーが右か左かなど） 各要素の大きさ というところに着目して探してみて。背景色とかフォントはどうでもいいのだ。そして、とりあえず自分のブログにデザインを反映してみよう。 のちのちテーマストアでテーマを公開したい場合は、他人のテーマを元にしちゃダメらしいので注意が必要。 2 CSSを手に入れる 管理画面の[デザイン]→[カスタマイズ]→[デザインCSS]でCSS
はてなブログのデザインカスタマイズ方法（テーマ作成） - TASK NOTES
はてなブログのデザインカスタマイズでCSSの上書きが複雑になってきたので、テーマを使用せずに新しく作る事にしました。作るとは言っても今のところテーマの公開はしません。 サンプルテーマ まず、WebデザイナーじゃないのでゼロからCSS書き上げるのしんどいなと思ってたら、上記リンク先の「はてなブログテーマ制作の手引き」を見るとサンプルテーマがあるということだったので、おとなしく使う事にしました。以下のGitHubリンク先にあるBoilerplate.cssを元にして作成していきます。 https://github.com/hatena/Hatena-Blog-Themes/tree/master/boilerplate デザインCSSに元々何か記述されている場合は全て消してから、Boilerplate.cssの内容をコピペします。そうすると以下のような非常にシンプルなデザインになります。ここか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
