つれづれなる備忘録

日々の発見をあるがままに綴る

ブログテーマ作成

ブログデザイン備忘録 ~ はてなブログテーマの自作9

今回はBoilerplateのコードを変更して緑色調のテーマとして投稿した。特徴としては、クリックすると上に戻るボタンダークモード、グローバルメニューのCSSを実装している。

ブログデザイン備忘録 ~ はてなブログテーマの自作8

Boilerplateのscssファイルを変更して新しいブログテーマの作成を進めている。今回は、はてなのテーマストアに非公開で投稿してテスト用ブログにインストールを行った。

ブログデザイン備忘録 ~ はてなブログテーマの自作7

Boilerplateのscssファイルを変更して新しいブログテーマの作成を進めている。今回はレスポンシブモードのデザインを行った。

ブログデザイン備忘録 ~ はてなブログテーマの自作6

Boilerplateのscssファイルを変更して新しいブログテーマの作成を進めている。今回はダークモードのデザインを行った。

ブログデザイン備忘録 ~ はてなブログテーマの自作5

前回PC版のおおまかなデザインは作成したが、レスポンシブなどレイアウト(配置・幅など)を切り替える上で、それぞれのクラス・IDの範囲がわかりやすくなるように境界線を設定した。(完成時は取り除く)

ブログデザイン備忘録 ~ はてなブログテーマの自作4

Boilerplateのscssファイルを変更して新しいブログテーマの作成を進めている。今回はPC版のデザインについて仕上がりつつあるので紹介していきたい。

ブログデザイン備忘録 ~ はてなブログテーマの自作3

前回はBoilerplateのscssファイルを変更して新しいブログテーマを作成する作業方法について紹介したが、今回はこれから新しいブログテーマ作成する上での方針についてまとめてみた。

ブログデザイン備忘録 ~ はてなブログテーマの自作2

今回は、Boilerplateのscssファイルを変更して新しいブログテーマを作成する作業方法について紹介する。

ブログデザイン備忘録 ~ はてなブログテーマの自作

今回はBoilterplateをはてなブログのデザインに適用して、テーマを作成する環境を作る方法について紹介する。