サムネイル (アイキャッチ) 自動挿入機能追加など Luxeritas 3.17.0

Luxeritas 3.17.0 をリリース。

投稿・固定ページにサムネイル（アイキャッチ）画像を自動挿入する機能を追加しました。

サムネイル自動挿入機能

あまりに要望が多いので１年くらい前に９割がた完成させたにも関わらず、身内（父）の不幸があり活動停止してたため放置して、すっかり忘れてた機能。

ソース内のコメントアウトを解除するだけで、大半が動作する状態だったので、少し手を加えてコメントアウト解除して開放しました。

「外観カスタマイズ -> サムネイル (アイキャッチ)」から設定できます。

以下、挿入箇所の違いによるサンプル画像。

サムネイル自動挿入サンプル画像

サンプル画像内のアイキャッチは
任天堂：ファイアーエムブレム 暁の女神 に登場するフリーダ様ｗ
© Nintendo / INTELLIGENT SYSTEMS

記事上に挿入

タイトル下に挿入

タイトル上に挿入

タイトル背景（ Black type 1 ）として挿入

タイトル背景（ Black type 2 ）として挿入

タイトル背景（ White type 1 ）として挿入

タイトル背景（ White type 2 ）として挿入

タイトル背景として挿入した場合、文字色と背景色（オーバーレイ）は W3C のコントラスト検査で合格できるギリギリの色に設定してあるので、CSS 等をいじってコントラスト比が低くなる色に変えるとかはしない方がよいと思います（コントラスト比を高くする分には問題ない）。

新フィルターフック

サムネイルを自動挿入するためのフィルターフックを追加しました。

フィルター名優先順説明
thk_thumb_auto_insert10投稿・固定ページにサムネイル（アイキャッチ）画像を自動挿入するフィルター

その他の変更点は下記の改訂履歴のとおり。

改訂履歴

機能追加

  1. サムネイルを投稿ページや固定ページに自動挿入する機能追加
  2. サムネイルを投稿ページや固定ページに自動挿入するフィルターフック「thk_thumb_auto_insert」を追加

仕様変更

  1. 「#5 新着記事ウィジェット」の構造と CSS を少し変更

不具合修正

  1. AMP 用のウィジェットエリアに「#5 新着記事ウィジェット」を「横長サムネイル」の設定で配置すると AMP エラーになってしまう不具合修正
  2. 「#5 新着記事ウィジェット」で「横長サムネイル」にするとサムネイルの右側が 1px だけ欠けるので CSS 修正
  3. URL エンコードされた URL を外部リンクのブログカードとして入力するとキャッシュ作成に失敗しちゃう不具合修正 (ver3.16.0 でのレベルダウン)

その他

  1. カルーセルスライダーウィジェットが使われてた場合は、カルーセル用の CSS をプリロードするようにした。
  2. WordPress のブロックエディタ用の CSS を HTML に埋め込む、もしくは非同期で読み込む設定にしてる場合は、再圧縮するようにした（おおもとの CSS が完全に圧縮されてないため）。
  3. 高速化 .htaccess のブラウザキャッシュの記述で 1 weeks になってる箇所を 1 month に変更。

Luxeritas

Posted by るな