お知らせ/サイトデザインが新しくなりました

2021-07-25 (日) 21:22:57
2021-07-25 (日) 05:06:20
カテゴリ:

本日、午前5時よりサイトのデザインが新しくなりました。メインコンテンツ部分はこれまでのデザインを引き継ぎつつ、全体的により空間を広く使ったデザインになります。また、いくつか新しい機能も追加しています。

表示がおかしい場合は、まずブラウザのキャッシュを削除してみてください。それでも表示がおかしい場合はこのページのコメント欄にて詳細の報告をお願いします。

主な変更点

全般
  • 全体的により画面を広く使ったデザインに変更しました。
  • ベースとなるテーマをライトとダークの2つに統一しました*1
  • サイトのメインカラーを変更しました (,  → , ) 。
  • 欧文のフォントを変更しました (Segoe UI) 。
  • 画面右側に上下スクロールボタンを追加しました。
  • 上記のフロートボタン追加に伴い、記事上下に固定で配置されていたスクロールボタンを削除しました。
  • メニュー表示ボタンが画面右側に移動しました (以前の位置は "トップへ戻る" ボタンになりました) 。
ヘッダー・フッター
  • ヘッダーとフッターが全幅表示になりました。
  • ヘッダー画像が背景とロゴに分かれました。背景画像とロゴは順次更新予定です。
  • ナビゲーター*2にアイコンを追加しました。
  • ナビゲーターに「名前を変更」ボタンを追加しました。
  • [スマホ表示] 画面幅が狭い場合はナビゲーターが折りたたんで表示されるようになりました。
  • 画面上部に追従型のヘッダーを追加しました。このヘッダーにはホームボタン、シェアボタン、編集メニューが表示されます。
  • 上記の追従型ヘッダーに編集メニューを表示するようにしたため、ツールバー*3を削除しました。
サイドバー
  • 表示幅が広がりました。
  • 見出しデザインを変更しました。
  • リストデザインを変更しました。
  • 検索ボックスのデザインを変更しました。
開発ノート

追記:修正項目

  • regionプラグインの表示を修正しました。
  • 外部リンクにアイコンが表示されない問題を修正しました。
  • Twitterプラグインが正常に表示されない問題を修正しました。

不具合の報告

表示に不具合が確認された場合、こちらのコメント欄にて報告をお願いします。その際、デバイスやOS、ブラウザの情報も記載していただけると助かります。


最新の10件を表示しています。 コメントページを参照

  • #region の折りたたみボタン表示がバグってます -- 2021-07-25 (日) 15:11:08
    • 修正しました。 -- kanateko 2021-07-25 (日) 18:08:32
  • いつもプラグインを活用・参考にさせていただいております。今回刷新されたフロートボタンのコードの公開予定はありますか?そのデザイン(見た目もそうですがスマホ表示にだけメニューボタンが追加されるなど)やアニメーションがとても良いと思いました。 -- 訪問者 2021-07-28 (水) 18:55:47
    • こんばんは。申し訳ありませんが、基本的に主にデザインに関わるコード (プラグインも含む) の公開予定はありません。とは言ってもクラスの付け外しとスクロール以外は全てCSSで制御しているため、開発者ツールを使えば動作などは確認できるかと思います。 -- kanateko 2021-07-28 (水) 23:21:33
      • ご回答ありがとうございました!引き続き参考にさせていただきます。 -- 訪問者 2021-07-30 (金) 15:52:20