はてなブログのテーマ「tones」を公開しました

テーマ

tones

tones - テーマ ストア
http://blog.hatena.ne.jp/-/store/theme/17680117126967059287

・スマホに最適化
・装飾はつけない
・ブログ運営主の自己満足は省く

とかを目標に作成しました。ベースは、このサイト(Wordpress)です。

はてなブログ(Plain Note)も利用してるのですが、使い込んでないので細かいところの調整ができてない可能性はあります。

tones 3x

tones 3x - テーマ ストア
http://blog.hatena.ne.jp/-/store/theme/17680117126976149009

toesをベースに3カラム化してみました。 1年ほど「Plain Note ::web.archive.org」で3カラムで運用してて特に問題なさそうなので、そのCSSを使って実現しました。3カラムはたぶんPCユーザーターゲットだと思います。しかしながら、現在ではスマホからのアクセスが半数以上とか大半のところが増えてきてるので、自己満足に近い気もします。

カスタマイズ

【tones】PCだけにCSSを適用するために【hatenablog】
【tones】グローバルメニューを追加する【hatenablog】
【tones】ブログの背景画像を設定、次ページボタンの色付け【hatenablog】

きっかけ

はてなブログでは、「2019年デザインテーマコンテスト」を開催します。
応募期間中(1月16日から3月14日まで)にテーマストアに投稿された全デザインテーマを対象に、はてなブログスタッフが審査・選考を行って金賞×1テーマほか各賞を選出。金賞に4万円分、銀賞に各1万円分のAmazonギフト券、銅賞にははてなノベルティグッズ、参加者全員にグリーンスターをプレゼントします
平成最後?!2019年「はてなブログ デザインテーマコンテスト」開催 オリジナルデザインを投稿してAmazonギフト券、はてなグッズをゲットしよう! - 週刊はてなブログ

こういうのが開催されてるを知って、ダメもとで作成してみました。

スポンサーリンク

関連記事