
サイトのデザインをリニューアルしました♪
新しいデザインにご興味のある方はどうぞ〜。
新デザインについて
今回、2週間ほどサイトを非公開にして、リニューアル作業を行いました。
リニューアルの理由は、サイトをより見やすくするためです。
オープンから2ヶ月ほど経ち、記事は全部で70記事ほどに増えました。
ブログって、記事数が増えるとどんどん見にくく、使いにくくなっていきません?(記事が積み上がっていくから)
なので、今回、ブログ型からサイト型へデザインを変更しました。
新デザインのポイント
ここからは、デスクトップ版を例に、新しいデザインについて説明していきます。
スマホ版も共通点は多いので、参考になると思います。スマホ版の特徴はこの記事の最後に触れます。
全体のデザインはこうです(動画です)。
イメージは、”不思議の国の●リス”です。(意味のない伏せ字)
エルリは、少女漫画で、デ●ズニーだからさ…!!
注目記事エリア

サイトロゴ画像&グローバルメニュー(青色の帯)の下が、注目記事エリアです。
このエリアには、今注目して欲しい記事をピップアップして掲載しています。
(イベントや、時期的に熱いものなど。あとは管理人の中でホットトピックになっているもの←)
ここに取り上げる記事は、定期的に入れ替えていく予定です。
新着記事&ボックスメニュー

注目記事エリアの下は、新着記事エリアです。
新しくアップした順で記事が並んでいます。(冒頭の「初めての方はこちら」のみ固定しています。)
画面には映っていませんが、「もっと見る」ボタンから新着記事一覧の続きが見られます。
右サイドバーのピンク色の星マークは、ボックスメニューです。
各ボックスをクリックすると、そのボックスメニューの記事一覧に飛ぶことができます。
カテゴリのプルダウンと機能的には一緒なんですが、ピンクの星マークが可愛かったので採用しました←
カテゴリごとの記事へのリンク

新着記事の下は、カテゴリごとの記事一覧へ飛ぶことができるエリアです。
「もっと見る」ボタンを押すと、カテゴリごとの記事一覧へ飛ぶことができます。
このページでは、カテゴリの最も古い記事が上がってきていますが、「もっと見る」からのリンク先は記事が降順になっているので更新順で読むことができます。
一見更新されてない風に見えてしまうけど、クリックした先は新しい記事が出てくるよっていう(-.-;)
※この仕様を直したかったんだけど、、無理だったので持ち越しです。。
スマホ版について
最後に、スマホ版のデザインについても簡単に説明しますね。

緑色の四角で囲った部分にご注目ください。
左側の四角は、メニューボタンです。
ここをタップすると、ホーム・カテゴリ・プロフィールといったグローバルメニュー(デスクトップ版の青色の帯)が出てきます。
右側の四角は、サイドバーボタンです。
デスクトップ版で右側に配置されている、検索ボックス・ボックスメニュー・タグ一覧などが出てきます。
エラーがあったらごめんなさい

一通り確認したつもりですが、、、リンク切れなどがありましたらお知らせいただけますと幸いです。
今回大きくテコ入れしたので、エラーがあるかもしれません。
もしリンク切れ等がありましたら、お問い合わせフォームか、Twitterアカウントからお知らせいただければ幸いです。
お問い合わせフォームはこちらです。
Twitterアカウントはこちらです。
それでは、引き続きよろしくお願いいたします🌟