シェアする

HPのレイアウトを変更しました

シェアする

気づけばこのサイトも始めて2ヶ月が経っていました。

これも皆様のおかげです。いつもありがとうございます。

さて、タイトルにもある通りHPのレイアウトを大幅に変更しました。

読者様からホームページが見づらいという声を頂きました。

本当にありがたいです。中々自分たちだと気づかないものです(笑)

今回は変更ポイントを紹介していこうと思います。

スポンサーリンク




パソコン版

パソコン版はほとんど変わっていません。

1.ヘッダーの変更

こちらが以前のヘッダー、

そしてこちらが最新版になります。

まずヘッダーの写真を変更しました!!

そしてメニューバーとヘッダーの写真を横幅いっぱいに広がるようにしました。

2.ウィジェットエリアの変更

こちらが以前のウィジェット(変更する部分のみ)

そしてこちらが最新版になります。

お知らせのウィジェットをCSSで装飾しました。

またカテゴリーは量が多すぎたため、選択方式にしました。

新たにタグを追加しました。

モバイル版

1.TOP画面のレイアウト

こちらが以前のTOP画面のレイアウト(一部)

新着記事一覧が8件表示されていました。

そしてこちらが最新版になります。

かなり変わりました(笑)

ヘッダー画像が変わり、新たにカテゴリページ、人気記事ページ、新着記事ページ、企画ページを作成しました。

2.ブログカードを変更

またブログカードもかなり変わってます。

こちらが以前のブログカード、

そしてこちらが最新版になります。

スタイリッシュになりました(超主観)

カテゴリ、投稿日、投稿者が一目でわかるようになりました。記事の抜粋は削除しました。

またカテゴリ、投稿者はリンクがついており、任意のページに飛べるようになっています。

3.人気記事ページを作成

こちらは新たに作成したページです。

週間人気記事、月間人気記事、全期間の人気記事が見られるようになりました(すごい)

別で記事書きました

WordPress Popular Posts をカスタマイズする
Popular Posts便利ですよね。人気記事を自動で取得してくれるプラグインです。当サイトでも使用しています。 ただ get_po...

感想

結構大掛かりな変更をしました〜、前よりも見難くなっていたら申しわけないです。

かなり大変な作業でしたが、前よりも良くなったと個人的には自負しています。(メンテナンス時間がオーバーして申し訳ございません)

今回は主にスマホ版のレイアウト修正でしたが、今後パソコン版も大幅にレイアウト変更したいなという願望を持っており......近々レイアウトを変更するかもしれません(笑)

これからもコンパスをどうかよろしくお願いします。

The following two tabs change content below.

オーカワ

ロボット勉強中の大学4年生!!いつもはTwitterにいるよ。フォローちてね♪
オーカワ専用のブログ作りました。よろしくお願いします。
スポンサーリンク







シェアする

フォローする