ブログデザインを変更!スマホからでもPCと同じ表示になど


ブログデザインを少し変更しました。AMI88 konosyuoisisugi1264a500

<変更点>

1.スマホ版のデザインをPC版と同じに

2.トップページで各記事に「ユーザータグ」がある場合は表示

3.ブログ上部のメニューの固定化をやめる

 

 

1.について

 

スマホ版のデザインをPC版と同じにしました。

 

<変更前

Screenshot_2014-09-20-22-40-512

 

<変更後>

 Screenshot 2014 10 26 14 12 44

 

 

実は、9月20日にスマホ版のデザインを更新したばかりでした。

 

てぃーは普段はスマホからでもPC版で見ていてので気が付かなかったのですが、スマホ版では「ユーザータグ」が付いた記事のみを表示させる事はできないようです。これはfc2ブログのスマホ版の仕様のためで、スマホ版を使う以上は無理とのことが分かりました。

 

9月20日の記事でも書いているように、今後はスマホ版のデザインが重要度を増すことは分かっていますが、普段てぃーがスマホでもPC版で見ているように、別にこの2つを分ける必要はないかという結論に達しました。

 

そのため、スマホからでもPC版と同じ表示にすることにしました。文字が小さかったり、サイドバーが本当に必要かは今後レスポンシブデザインを使って改良していくかもしれません。

 

 

2.について

 

トップページの各記事では今まで「カテゴリ」のみ表示していましたが、さらに「ユーザータグ」も表示するようにしました。

 

(黄色部)

141026 0003

 

 

ユーザータグがある場合、こちらをクリックすることで同じタグを持った記事をまとめてみることができるようになりました。

 

 

3.について

 

6月29日からブログ上部のメニューをスクロールしても固定されるようにしてきました。

 

しかしこのようにすると、PCの環境によっては画面の解像度が高くないときは、ブログ記事が表示される縦領域が狭くなるわけです。これではブログ記事に集中できませんね。

 

ということでこの方針は変更し、スクロール追従しないようにしました。メニューを見たいときは画面右下の矢印を押せば画面の上部に一気に飛ぶので、こちらをお使いください。

 

 

まとめ

 

以上、スマホからでもPCに同じ表示としそのために設定も変更しました。今後も見やすいブログデザインを心がけていきます♪

 

 

↓この記事が参考になったら拍手(どなたでも可)、ツイート、いいね、はてブ、いずれかをお願いします。今後のブログ作りに役立てたいので。

関連記事

コメントの投稿

非公開コメント

プロフィール

てぃー

Author:てぃー
詳しい自己紹介:こちら
Twitter:@teapipin


follow us in feedly 
にほんブログ村 IT技術ブログへ にほんブログ村 PC家電ブログへ
現在の閲覧者数:

ブログ内検索
今日のアクセス数の多い記事
カレンダー

05月 | 2017年06月 | 07月
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
過去記事ダイジェスト
お知らせ

ツイッター分析の分析結果が和歌山大学防災研究教育センターの論文に引用
防災の研究において評価!

2015年版ツイッター分析(世界編)が始動!
今回は世界の国別・言語別ツイートを分析!

ツイッター分析の分析結果が慶應義塾大学有名教授の研究論文などに引用
文系の研究までも制覇!

Interval Timer EX
有名雑誌「Mac Fan 2015月2月号」に「インターバルタイマーEX」が3度目の掲載!!ポモドーロテクニックに有効!

自作Macアプリ3部作が2014年 Vector 年間ダウンロードランキング Mac トップ100にすべてランクイン

TimeCalcを公開しています!
時間計算、年齢計算、学歴欄作成など。

ツイッター分析の分析結果が人工知能の研究に!
ブログが学会発表で引用されました。

今まで開発したiPhoneアプリのソースコードを公開しています!
勉強に役立ててください。


2013年 Vector 年間ダウンロードランキング Mac トップ100に「デジカメ変更日を撮影日に一括変更 for Mac」と「インターバルタイマーEX」がランクイン

Interval Timer EX
有名雑誌「Mac Fan 2013月4月号」に「インターバルタイマーEX」が2度目の掲載!!

リアルタイムツイッター地図
リアルタイムツイッター地図を公開しています!
位置情報付きツイートをリアルタイムに表示します。

新たなツイッター分析としてイベントツイート分析を行っています!

2012年8月1日(水)開催の「Twitter勉強会」で発表
ツイッター調査:約173万ツイートを調査して分かったTwitterの利用動向 #twtr_hack from teapipin


Interval Timer EX
有名雑誌「Mac Fan 2012月3月号」に「インターバルタイマーEX」が掲載!!



 

はてなブックマークの人気記事
ツイート&いいね!ランキング