読者です 読者をやめる 読者になる 読者になる

シノイズム

考察,実業論,アイティー,ライフハック

【はてなブログ】PC表示とスマホ表示の両方の良さを備えたテーマ

スマホでの表示、悩みませんか?

レシポンシブ対応だとPC版のようにレイアウトは崩さす記事の文字は大きめになってくれるんだけど、それでもやっぱり読みにくかったり重かったり。

スマホ表示はシンプルで文字も大きく読みやすいんだけど他の記事やリンクなどへの導線が弱かったり...

 

 

このPC版スマホ版のおいしいとこ取りをしてくれるテーマがこのコトノハノマイでも使わせていただいている

Rouge - テーマ ストア - はてなブログ

http://cdn.image.st-hatena.com/image/scale/706dd312f58d0f69199bd8f42710f63b26181ae3/height=460;version=1;width=620/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Fwedges%2F297795036606253321.png

画像リンク出典(エンベッド)Rouge - テーマ ストア - はてなブログ

です。

このテーマを選択し、デザイン→スマホページ編集→詳細設定の「レシポンシブデザイン」にチェックを入れると

 

f:id:shinosts:20150927221648p:plain

f:id:shinosts:20150927221831p:plain

このようにレイアウトや文字の大きさはスマホページのようですが

 

f:id:shinosts:20150927221856p:plain

f:id:shinosts:20150927221942p:plain

f:id:shinosts:20150927221956p:plain

f:id:shinosts:20150927222023p:plain

f:id:shinosts:20150927222038p:plain

記事末以降にサイドバーのコンテンツが反映され

 

f:id:shinosts:20150927222058p:plain

おなじみ Milliard さんの関連記事プラグインも最後に表示されます。

 

他のテーマでもこのように表示されるものがあるかは不明ですが、とりあえずこのテーマでレシポンシブにチェック入れるとスマホでもこのような表示がされますよ、という報告でした。

 

 

Copyright © 2017 ShiNOiSM All rights reserved.