グローバルナビ強化 Luxeritas 1.45

Luxeritas 1.45

Luxeritas は、侍ジャパンを応援していますw

Luxeritas 1.45 をリリースし申した。

主にグローバルナビ関連の強化かな? その他、内部的な改善とか VPS 対応強化とかしました。

グローバルナビに関する改善

AMP でもモバイル版のグローバルナビを表示できるようにした

AMP だと Javascript が使えないので、これまでモバイル版のグローバルナビは非表示にしてましたが、CSS オンリーで小型軽量のグローバルナビ作成し申した。

なので、AMP でも一応グローバルナビが使えるようになりました。

ただし、表示されるのは親メニューだけです。子メニューは表示されません。

AMP のグローバルナビ(閉じた状態)

↓ 開いた状態

AMP のグローバルナビ(開いた状態)

実物は、AMP プロジェクトにキャッシュされてるページをご覧ください。

キャッシュされてるページ

なんとなく、ナビを開く時よりも閉じる時の動作の方が少し遅い気もするけど、CSS の限界ですw

グローバルナビ固定時に影をつけられるようにした

グローバルナビを固定に設定した時に、影をつけられるようにしました。

影の設定は「濃さ」だけ設定できます(0 で影なし)。
影の色は、カスタマイズ(外観)の「背景色 ( Body )」で設定された背景色を判別して自動的に黒系統か白系統の影になります

グローバルナビの影の設定

スクロールするとコンテンツがナビの下に潜り込んでいくようなイメージにできます。

グローバルナビに影を付けた画面例

そんだけw

VPS 対応

KUSANAGI とかいう VPS だと umask 022 だから、umask を使って chmod してもダメぽい。仕方ないから FS_METHOD が direct ではない場合は、FS_METHOD を一時的に direct にして、umask 000 で chmod することにした。どうせ書き込むファイルは .css ファイル、.js ファイルとキャッシュだけだから、これでいいや。

改訂履歴

機能追加

  1. AMP ページでもモバイル用のグローバルナビを表示できるようにした(ただし、親メニューのみ)
  2. グローバルナビ固定時にナビの下に影をつけられるようにした

仕様変更

  1. ブログカードのキャッシュ有効期限のデフォルト値を「一週間」から「一ヶ月」に変更
  2. ブログカードで適切な画像が見つからなかった場合のスクリーンショットを、デスクトップで見た時のスクリーンショットではなく、モバイルで見た時のスクリーンショットに変更した

内部改善

  1. Javascript の重たい処理部分を少し軽くした(つもり)

バグ修正

  1. グローバルナビと帯メニューを両方固定にしてる場合に、双方に隙間が出来てしまっていたので修正
  2. グローバルナビを固定していて Chrome の拡大率が 100% より大きいと勝手にスクロールすることがあるので、その対策(1.41 で直したつもりだったけど、直ってなかったらしい。Chrome オンリーのバグっぽい)
  3. 投稿の「抜粋」やカテゴリの「解説」に HTML タグが使われていると(普通は使わんが) description にタグが入ってしまうので、タグやショートコード等を除去するようにした
  4. SNS カウントキャッシュのオールクリア(全削除)の機能が動作しなくなっていたバグの修正 (レベルダウン時期不明)
  5. モバイルメニューを「グローバルメニューのみ」に設定して、子メニューがある時に、親メニューのマークが本来 のはずが、 になっていたので修正

その他 VPS 対応

  1. FS_METHOD が direct ではない場合は、FS_METHOD を一時的に direct にして、umask 000 で chmod するようにした。

Luxeritas

Posted by るな