目次の改ページ対応 + 画像用スクリプト1個追加 + α Luxeritas 3.7.10

Luxeritas 3.7.10

Luxeritas Theme 3.7.10 をリリース。

しばらくリリース先延ばしの予定だったけど、せっかくのバレンタインイベントなので、できあがっちゃったものだけとりあえずリリース。

要望1個反映したのと、Lightbox 型の画像スクリプトを1個追加。その他細かい変更や不具合修正など。

変更点

投稿を改ページしてても目次でジャンプしたい

改ページしててもページをまたいで目次ジャ~ンプしたいという、この要望に対応。

目次プラグインで最も有名な Table of Contents Plus でも、改ページには対応できない。ていうか、改ページに対応できる目次プラグインは無い(と思う、たぶん)。

なので、この要望自体がなかなか画期的であるw

でも、実はそんなに難しくないので対応した。

Lightbox 型の画像スクリプトを1個追加

画像をポップアップして表示する Lightbox タイプのスクリプトを更に1個、Highslide を追加しました(正確には Highslide をベースにした当方の改造バージョン)。スライドショーのようなタイプではなく、単純に画像をポップアップして表示する従来の Fluidbox に近いタイプです。

(個人的に Fluidbox の動きが好きなんで、それに近いものを探して改造した)

画像ギャラリーの選択画面

Fluidbox に比べると、

  • alt 属性(または title 属性)の表示
  • ドラッグでの画像移動
  • 画面が小さい場合でも実サイズで表示できるボタン
  • 2つ以上の画像を同時にポップアップした状態にできる(画像を移動して並べて表示したりもできる)

などの機能が備わってます。また、Spotlight などと同様 jQuery を使用しないので比較的軽いです。

使い方は従来どおり、投稿画面で画像のリンク先に「メディアファイル」を選択するだけです。

以下、サンプルのデモページ

デモ一覧

新規追加分

従来分

  • Spotlight(スライドショータイプ)
  • Strip(スライドショータイプ)
  • Tosrus(スライドショータイプ)
  • Lightcase(スライドショータイプ)
  • Floatbox(ポップアップタイプ)
  • Fluidbox(ポップアップタイプ)

余談その1

先日、こっそり子テーマの ver3.0.2 もリリースした。

editor-style.css に H タグの font-size 指定入れただけ(ブロックエディタの投稿画面における H タグの font-size だけは、なぜかインラインで入ってるので、子テーマ側じゃないと CSS 反映してくださらないから・・・)。

余談その2

これまで、配布ファイルの名前は「luxeritas-(ドットを抜いたバージョン番号).zip」で配布してたけど、バージョン番号からドット抜くのやめた。

理由

以前、ver3.7.1.1 をリリースしたことがあるけど、次に ver3.7.11 をリリースするとファイル名が同じになってしまう。。。

改訂履歴

機能拡張

  1. 投稿・固定ページが改ページされてても目次で改ページ先の項目にジャンプできるようにした
  2. Lightbox(画像ギャラリー)に Highslide 追加

仕様変更

  1. 管理画面の子テーマ編集ページにあるタブ名を一部変更

不具合修正

  1. ver3.7.9 でカルーセルスライダーウィジェットがレスポンシブにならない不具合があったので swiper.js のバージョンを 5.3.0 → 4.5.3(4系最新)にダウングレードした
  2. ヘッダー帯メニューを非表示に設定してるにも関わらず、帯メニューに検索ボックスを表示する設定にしちゃうと、検索ボックス分の無駄な余白ができちゃう不具合修正

その他

  1. Javascript が無効になってるブラウザの場合は、左下にある管理者バーを表示しないようにした
  2. 「バッファリングの逐次出力を有効にする」にチェックを付けてる場合のバッファリングのタイミングをより速くなる(ような気がする)微調整
  3. jQuery 無効、且つ SNS カウントキャッシュ無効に設定してる場合は SNS カウントは取れないので、この組み合わせになってる場合は SNS カウントの数字部分に「?」マーク表示するようにした
  4. Lazy Load が有効になってる場合、Javascript が srcset をセットする前だと srcset が無いってことになっちゃうので、一応、1 x 1px のダミー画像を srcset に入れるようにしてみた(正直、全く意味ないけど)
  5. Securimage PHP Captcha のライブラリアップデート 3.6.4 → 3.6.7
  6. 細かい部分の CSS 調整など

Luxeritas

Posted by るな