はてなブログのテーマを自分で作成・配布する方法
うたたね流のつくりかた
- テーマ確認用の新ブログを開設する
- サンプル記事を投稿する
- 基礎テーマ「Boilerplate.css」をダウンロードする
- 「Boilerplate.css」を自分のサーバーにアップロードする
- 基礎テーマを読込む(デザイン▶css追加@import~)
- Chromeのデベロッパーツールを使ってデザインカスタマイズをする
- テーマストアへ非公開投稿
- boilerplate.css、theme.cssの順にコピペする
- 投稿する時は「非公開」にチェック
- ライセンスはクリエイティブコモンズ
- 確認後、公開する
ローカルに保存して作る方法
- テーマ確認用の新ブログを開設する
- サンプル記事を3つ投稿する
- サイドバーに設定できるのものを全て設定する
- HTMLファイルを右クリックでPCに保存する
- 記事ページ(コメント、次のページ・前のページのリンク)
- カテゴリページ
- 新テーマのCSSを読み込ませる
- 113行辺りのCSSリンクに
link rel="stylesheet" href="theme.css"
を追記
- 113行辺りのCSSリンクに
- 新テーマCSSを編集する
- Bracketsを使うとリアルタイムプレビューも使用できて便利
- テーマストアへ非公開投稿
- 基礎CSS、theme.cssの順にコピペする
- 投稿する時は「非公開」にチェック
- ライセンスはクリエイティブコモンズ
- 確認後、公開する