気づけばこのサイトも始めて2ヶ月が経っていました。
これも皆様のおかげです。いつもありがとうございます。
さて、タイトルにもある通りHPのレイアウトを大幅に変更しました。
読者様からホームページが見づらいという声を頂きました。
本当にありがたいです。中々自分たちだと気づかないものです(笑)
今回は変更ポイントを紹介していこうと思います。
Contents
パソコン版
パソコン版はほとんど変わっていません。
1.ヘッダーの変更
こちらが以前のヘッダー、
そしてこちらが最新版になります。
まずヘッダーの写真を変更しました!!
そしてメニューバーとヘッダーの写真を横幅いっぱいに広がるようにしました。
2.ウィジェットエリアの変更
こちらが以前のウィジェット(変更する部分のみ)
そしてこちらが最新版になります。
お知らせのウィジェットをCSSで装飾しました。
またカテゴリーは量が多すぎたため、選択方式にしました。
新たにタグを追加しました。
モバイル版
1.TOP画面のレイアウト
こちらが以前のTOP画面のレイアウト(一部)
新着記事一覧が8件表示されていました。
そしてこちらが最新版になります。
かなり変わりました(笑)
ヘッダー画像が変わり、新たにカテゴリページ、人気記事ページ、新着記事ページ、企画ページを作成しました。
2.ブログカードを変更
またブログカードもかなり変わってます。
こちらが以前のブログカード、
そしてこちらが最新版になります。
スタイリッシュになりました(超主観)
カテゴリ、投稿日、投稿者が一目でわかるようになりました。記事の抜粋は削除しました。
またカテゴリ、投稿者はリンクがついており、任意のページに飛べるようになっています。
3.人気記事ページを作成
こちらは新たに作成したページです。
週間人気記事、月間人気記事、全期間の人気記事が見られるようになりました(すごい)
感想
結構大掛かりな変更をしました〜、前よりも見難くなっていたら申しわけないです。
かなり大変な作業でしたが、前よりも良くなったと個人的には自負しています。(メンテナンス時間がオーバーして申し訳ございません)
今回は主にスマホ版のレイアウト修正でしたが、今後パソコン版も大幅にレイアウト変更したいなという願望を持っており......近々レイアウトを変更するかもしれません(笑)
これからもコンパスをどうかよろしくお願いします。
オーカワ
最新記事 by オーカワ (全て見る)
- HPのレイアウトを変更しました - 2017年6月13日
- 【解説】アナグラム全パターン作成 - 2017年6月9日
- 謎のシェル芸メーカー - 2017年6月5日
