パララックス・オープニングアニメの追加など Luxeritas 3.6.9

2019年7月30日

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

ver3.0.0 の時から予定してたにも関わらず、かれこれ１年と２ヶ月の間、全然実装する気配を見せずに開発環境の子テーマ内にひっそり佇んでいた機能を解放しましたｗ

詳しくは以下のとおり。

ヘッダーのパララックス

ヘッダー部分をパララックスで表示できる機能を追加しました。

パララックスってのは「視差」のこと。

ここでは、ヘッダーのスクロール量を通常のスクロール量よりも変化させることを指してパララックスと呼んでる。

最も分かりやすい例ではツイッターページのヘッダー部分。ただ、ツイッターページはスクロール量の変化幅が小さいので、ちょっと分かりづらいかもｗ

これと同じことが出来るようにした。

外観カスタマイズの「アニメーション」から設定できます。

スクロール量は、-99 ～ 99 までの値を設定できる。

ヘッダー部分が縦に大きければ大きいほど効果を実感しやすいです。

ちなみに、-99 とかに設定すると、もの凄い勢いで逆スクロールするのでかっこ悪いですｗ

パララックスのデモページ（スクロール量 10 に設定）

オープニングアニメーション

サイトを開いた際のオープニングアニメーションを設定できる機能を追加しました。

外観カスタマイズの「アニメーション」から設定できます。

アニメーションの種類と適用範囲・条件などを設定可能。

あまりコッテリしたアニメにすると、「意味のあるコンテンツの初回ペイント 」が遅くなってしまうので、アニメ開始からコンテンツ描画までの時間が 0 秒のアニメだけにしてあります（アニメの処理時間も短くしてあります）。

また、内部リンクをクリックするたびにアニメするとウザいので、外部からのアクセスのみ適用する項目も付けました。

以下、オープニングアニメーションのデモページ。

※ ホワイトは黒系統のサイトを前提にしてるので、ちょっと見えにくいです。

その他

アクセシビリティで意地でも100点取る修正ｗ

Google 先生の評価基準が結構コロコロ変わる（というか評価の対象範囲が拡大されてる）ので、そのたびに修正・・・

アクセシビリティでマイナスになってた以下の部分を修正した。基本的に全部、見た目のコントラスト関連だけ。

ウィジェットの SNS フォローボタンでもコントラスト関連でダメって言われてる部分あるけど、ここは直しようがないので、諦め申した・・・

※ ちなみに Google 先生のアクセシビリティの評価で ul・ol タグの多重入れ子を正確に認識できてないという不具合を見つけたけど、どこに連絡すりゃいいのか分かんないから放置ｗ

以上、その他の細かい変更点は下記の改訂履歴のとおり。

改訂履歴

機能追加

その他