胸毛くん

胸毛くん

2010年10月から書き始めているこのブログ
今まで大幅にデザインを変えてこなかった
開始当初からトップページには全文が表示されるタイプだった

このブログを見ていて最近ふと思った事
それはページが重すぎる・・・

全文表示だとトップページはもちろん
月間アーカイブやカテゴリ表示の際も全文表示される
そのため文字や画像など結構な量を一度に表示する事になる

文字だけの記事ばっかりなら特に重くないんだが
中には画像を大量に使用した記事もある

ここ最近特に画像を大量に使用した記事を書いてたからね
それで今回、ふと思った、重すぎる・・・ってね






とりあえず全文表示するタイプから題名や冒頭の一部だけを
表示するタイプに変更する事にした
テンプレートを一から作れる知識も技術もないので
共有テンプレートから探しました
そしてこの方が作成したのを使わせてもらいました

そしてその後はHTMLのいらない箇所を削除したり
スタイルシートで文字の色や大きさを変更して自分好みにして完成です
2018y01m16d_013133565.jpg
全文表示じゃなくなったため
全体的に軽くなりました





ふむふむ・・・
なんかスタイリッシュになったな
あと表示がレスポンシブになったから
スマホ表示のテンプレートも無効にしてしまってもいいかもな
まあ、まだ残しておくけどさ



そして、一番肝心な
使いやすさとか見やすさはどうなんだろう
今回大幅にデザインを変えたが
自分の環境ではPCでもスマホでも別に問題はない
けど全文表示じゃなくなった事によるデメリットも増えたな
それはいちいち記事をクリックしないと全文見れないことだ
まあそこはしょうがねえんだけどな



それとタイトル画像も変えた
前の画像はこれ
rfedifdpg.png
大好きなアニメ、「響け!ユーフォニアム」のあるシーンを使用したモノ



そしてこれが新しく作ったモノ
wert6y7uetrset4e4t.png
ちなみにこれも「響け!ユーフォニアム」のあるシーンの一部です
どこのシーンなのかユーフォのファンでも分からないだろうなあ・・・
もしこの画像だけでどこのシーンか分かったら、マジで尊敬する。


とりあえず、当分の間はこれでいこう
なんかあれば前のに戻すだけだ。



・追記
一部のスマホでPC版表示にしたら
サイトが途中で表示されなくなる
まあ一部ってのはHuaweiのP7なんだけさ
オペラ、firefox、chromeは表示に問題はなかったが
マイナーなブラウザ、Sleipnir、CMブラウザ、Viaブラウザ、等で不具合が起きてる
けど他のスマホなら、どのブラウザを使っても不具合は出ていない

今のところP7 だけでこの不具合が出ている
多分だが、HTMLがおかしいんじゃなくスマホ側に問題がありそうだな。
スポンサーサイト



スポンサードリンク

Posted by

コメント 0

まだコメントはありません

コメント書き込み