simplesso

インターネット、はてなブログ、サイト構築、アクセスアップなどにまつわる内容を自分的メモとして残していきます。

はてなブログのレスポンシブルテーマと設定

はてなブログ設定にあたりレスポンシブルテーマをみつけるのがとても大変だったので、まとめました。
全て一度試して、端末で確認もしたものを載せています。

Simple Gray

f:id:ohanasi:20141104200447j:plain
Simple Gray - テーマ ストア - はてなブログ
レスポンシブルデザインの設定の仕方はこちら

Pathbook

http://cdn.image.st-hatena.com/image/scale/28e1fa31068eb3d712b35ab9b0133532ad2a45a9/height=460;version=1;width=620/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Fjclv%2F297791212380895426.png
Pathbook - テーマ ストア - はてなブログ
レスポンシブルデザインの設定の仕方は

  1. 設定>詳細設定よりに下記の要素を入れる
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
  1. デザイン>スマートフォン>詳細設定でレスポンシブルデザインにチェック

このブログで使っているのはこのデザインです。

Gravity

http://cdn.image.st-hatena.com/image/scale/9eedccaea00427d9cb92b6fae1fad1244b533d45/height=460;version=1;width=620/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Fjclv%2F302453011042138656.png
Gravity - テーマ ストア - はてなブログ
Pathbookと同じ設定で変更できます。

Written

http://cdn.image.st-hatena.com/image/scale/36da104fcefb8c49babf196e853eb96df84e9082/height=460;version=1;width=620/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Fjclv%2F302452789916277357.png
Written - テーマ ストア - はてなブログ
Pathbookと同じ設定で変更できます。