FC2ブログ
2020/11/19

ブログをレスポンシブにしました

PVアクセスランキング にほんブログ村
Sponsored Link
responsive-1622825_640.png


昨日深夜に、ブログのテンプレートを、
FC2ブログのレスポンシブ テンプレートに変更し、
前からやりたかったレスポンシブに対応しました。


「レスポンシブWebデザイン」とは、
PC、タブレット、スマートフォンなど、
異なる画面サイズの幅を基準に

Webサイト表示を柔軟に調整し、
見やすく最適な表示にすることを指します。


このブログの75%が
モバイル端末で見ていることを知った時から
やらなければと思っていたのですが、
昨日、深夜思い切ってやりました。




躊躇していたのは、
前のテンプレートをかなりカスタマイズしていたからです。

その部分を新しいテンプレートに移行する必要があるので
HTMLのどの部分を自分が変更したか抽出して、
その部分を新しいテンプレートに移行しました。


今度のテンプレートは
真っ白な何の飾りもないシンプルなものですが、
すっきりして気に入ってます。


前のテンプレートは 水溶液をイメージしていて
水色を基調としてグラデーションかけて、
カスタマイズしていたのですが、

今度のテンプレートの真っ白も悪くはないと思います。
また、気が変わったら少しずつカスタマイズします。


前のテンプレは、PC版とスマホ版のテンプレが別々で
2種類編集する必要があり、手間がありました。
これからは、1種類で、メンテの手間が少なくなります。




あと、スマホ版のテンプレがメニュー形式のもので
この形式はあまり好きではなく、
PCと同じデザインにしたいとずっと思っていたので、
ようやく念願適いました。


今回のテンプレに変えたことで、
デザイン面だけでなく、機能面でも良くなりました。


トップページ最下部の「断薬した方々の声」は、
スマホ版ではコメントへのリンクが出来ませんでしたが、
リンク出来るようになりました。

スマホでも名前の部分をクリックしたら
コメントへジャンプするので
良ければ、やってみてください。

ちなみに、
PCとモバイル(スマホ)で表示は以下のようになります。

サイドバーにある
「プロフィール、アクセス数、最新記事、最新コメント、月別アーカイブ」等が、
記事の一番下に配置されます。

現状、トップを含めて、3記事表示するようにしているので、下のようになります。


レスポンシブ表示


1565874693344.png
記事はどうでしたか?
ベンゾ情報拡散のため
応援クリックお願いします
にほんブログ村 メンタルヘルスブログ メンヘル 減薬・断薬へ
にほんブログ村

断薬減薬ランキング

Sponsored Link

関連記事

コメント

非公開コメント