PR

サイトを大幅リニューアルしました。デザイン・利便性の向上

最近デザインに飽きてきた&不具合修正や機能がこれ以上不可能になっていたため、思い切って大幅に変更しました。正確に言えば元に戻しました。

変更当日の内容です。今後も少しずつ変更を加えていくと思います。

変更内容

当サイトでは5月初めにWordPressテーマをCocoonからJINに変更していました。

そして今回はJINからCocoonに変更しました。元に戻した形です。しかし、Cocoonスキンは現状新しい「変な食べ物」を使用させて頂いているので、過去のCocoonの時とはかなり変わっています。ボタンが丸みを帯びていたり薄く影が表示されていたりと、優しい雰囲気になっています。(変な食べ物スキンのデザイン)

モバイルボタン

変更に至った大きな理由は、モバイル(スマホ)表示時の上下(ヘッダー・フッター)のボタンです。(Cocoonの機能)

フッターボタン

  • ホーム(サイトホーム)
  • シェア(記事を共有:ツイッター、Facebook、はてなブックマーク、pocket、LINE、ピンタレスト、linkedin、記事タイトルとURLをコピー)
  • トップ(ページの一番上へ)
  • 人気記事(サイドバー:空いているところをタップで閉じれます。)

特に当サイトでは記事をシェアして頂けることが多いのですが、シェアボタンを探さなくても常時表示しすぐにシェアして頂くことが可能になりました。

今までは「コラボ」「新スキン」「過去のアプデ」を設置していましたが、ほぼ無意味だったと思います。同様の理由でヘッダー部分のメニューも消しました。当サイトでは最新記事しか需要がありません。

ヘッダーボタン

  • メニュー(バツボタンで閉じれます。)
  • サイト名(タップでサイトホームへ)
  • 検索(サイト内検索ボックスが出現)

なんとなくカッコイイ気がするので実装しています。どの画面でもパッと見てすぐに当サイトだと分かるようにする狙いもあります。

その他

新機能・新要素

  • なぜか今まで表示できなかった目次を表示させました。非表示ボタンもあります。(Cocoonの機能)
  • コメントをチャット形式にしました。(変な食べ物スキンの機能)
  • コメント入力フォームを表示切替式にしました。(Cocoonの機能)
  • 人気記事ランキングの集計期間を今までは全期間しか出来ませんでしたが、1週間にしました。(Cocoonの機能)
  • 読むのに掛かる時間の目安を表示しました。(Cocoonの機能)
  • ページ送りナビを設置しました。前後の記事が表示されます。(Cocoonの機能)

改善

  • 以前まで一部タブレットやiPadの分割表示で発生していた表示の崩れは修正されています。
  • サイトの読み込み速度を大幅に改善しました。プラグイン削除、ブラウザキャッシュの有効化、HTML縮小化、CSS縮小化、JavaScript縮小化、Googleフォント非同期読み込み、アイコンフォント非同期読み込み、JavaScriptフッター読み込み、画像圧縮、画像遅延読み込みなど高速化施策済みです。まだまだ低いですが、GooglePageSpeedInsightsのスコアも向上しました。

コメント

タイトルとURLをコピーしました