Lab21年のうち250日は夕飯を作る主夫が、iPhoneや料理、気になったものを紹介するブログです。Home料理ライフハック無印良品WebサービスiPhone副業このブログについて2014-10-29はてなブログのデザインテーマを作りたい!必要なデータを集めてみたはてなブログ今このブログは「はてなブログ」を使っています。はてなブログは、たくさんのテーマが用意されていて、どれもオシャレ。Typeのような自前サーバーを用意する必要がないブログサービスの中で見ると、はてなブログのテーマは他のブログサービスより洗練されていると思います。テーマを選んだらすぐに書き始められるのがはてなブログのいいところ。ある程度長くブログを運営していると、どうしても自分の好きなようにブログデザインをカスタマイズしたい欲がでてきます。今もカスタマイズはしていますが、追記してカスタマイズするのが嫌になったので「この際イチからテーマ作っちゃおうかな?」と思いたち、実際テーマの作り方を調べることにしました。ヘルプテーマをつくる際に基本となることが書かれています。テーマの構成や各ページ(Aboutページや、アーカイブページ)のURL、CSSのチェックリスト、注意点はここでチェック。はてなブログ開発ブログ必要最小限の見た目だけが書かれたシンプルなテーマ。これに肉付けすればいいだけなので、見出しや記事部分のカスタマイズをしたいだけならこれを使えば簡単にできます。構造をザッと確認するならこれはザッと確認する時に。変更されるかもしれないので、実際に作るときはChromeのデベロッパーツールなどで確認しましょう。はてなブログテーマができたら、「テーマストア」に公開しましょう。ここには、他の方が作成したテーマがたくさん公開されているので参考になります。参考になるテーマすでに公開されている、好きなテーマをいくつか。レスポンシブデザイン。レスポンシブデザイン。レスポンシブデザイン。はてなブログあれ、ここまで紹介したテーマ、すべて作者は「jclv」さん。こんなに好きなテーマがかぶるなら、自分で作らなくてもいい気がしてきた...。レスポンシブデザイン。はてなブログ写真を見せるためのテーマ。今このブログで使っているテーマです。これをカスタマイズして、今表示されているブログを作っています。これはテーマにはできないけど、はてなブログでこんなデザインもできるんだよという例に。はてなブログテーマにフキダシ取り入れるのも面白いかな。はてなブログあとがきタイトルで「テーマ作ります!」と書いたのは、宣言です。言っちゃったら後戻りできないから、やろうと思ったことを宣言しておくってアレです(笑)公開は年内...いや、年始...もしテーマを作ったら、このブログでお知らせします。作るとしたらレスポンシブWebデザインで作ります。はてなブログProを契約してない人でもスマホデザインをデフォルトで使わないでいいように。検索プロフィールakiueoはてなブログPro1年のうち250日は夕飯を作る主夫が、iPhoneや料理、気になったWebサービスなどに焦点を当てるマイペースなブログです。あいうえおラボ文章、画像等を含む、すべての著作物の盗用&不正利用を禁止します。スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。