Devenia / WordPressプラグイン

Clickable Featured ImageでWordPressのアイキャッチ画像のリンク先を選ぶ

アイキャッチ画像をクリック可能なリンクにして、ページが意図するリンク先へ訪問者を導きます。

Clickable Featured Imageが、アールデコ調の工業用ルーターとして、アイキャッチ画像をフルサイズのメディア、添付ファイルページ、投稿、またはリンクなしへ振り分けている様子。隣にはQuery Loopのコンベア。

個別の投稿と固定ページ

個々のアイキャッチ画像のリンク先を選ぶ

クリック後に訪問者が必要とするものに合わせて、画像リンクを設定します。

フルサイズの画像ファイル

訪問者が元のメディアを確認する必要がある場合は、フルサイズの画像ファイルを選びます。個別の投稿と固定ページでは、表示中の画像がすでにフルサイズでない場合の初期値です。

添付ファイルページ

ファイルだけを開くよりも、メディアの記録とそのWordPress上のコンテキストが重要な場合は、添付ファイルページを選びます。

リンクなし

画像を操作しない状態にする場合は、リンクを付けません。すでにフルサイズのファイルを表示している画像にもリンクを付けないため、同じファイルをもう一度開くことはありません。

アーカイブとループの管理

アーカイブとループの周囲にあるリンク構造を維持する

アイキャッチ画像に便利なリンク先を追加しても、すでにリンク先を提供しているコンポーネントの管理を奪うことはありません。

クラシックテーマの一覧

クラシックテーマがアーカイブのサムネイルを独自の投稿リンクで囲む場合、プラグインはサムネイルのマークアップをテーマに任せます。

既存の画像リンク

テーマやブロックがすでにアイキャッチ画像へリンクしている場合、重複リンクや入れ子のリンクを避けるため、プラグインはそのアンカーを変更しません。

設定

ルールを設定し、訪問者の経路を確認する

WordPressで対応する表示箇所を設定し、訪問者がたどるルートを確認します。

対象コンテンツを選択

設定 > Clickable Featured Imageで、アイキャッチ画像に対応する対象の公開投稿タイプを選択します。

個別のリンク先を設定

個別の投稿と固定ページでは、フルサイズの画像ファイル、添付ファイルページ、またはリンクなしを選びます。

アーカイブとループのリンク先を設定

アーカイブとQuery Loopの画像を表示している投稿のパーマリンクへリンクするか、リンクなしにするかを選択します。

3つの表示箇所を確認

対象の個別表示、Query Loop、クラシックアーカイブをそれぞれ開きます。各ルートを確認し、既存のアンカーが1つのアンカーのままであることを確認します。

Lightboxの互換性

オーバーレイはlightboxで表示し、Clickable Featured Imageには任せない

フルサイズ画像のリンク先により、lightboxプラグインは開くために必要なURLを取得できます。

Clickable Featured Imageは画像をクリック可能にしますが、オーバーレイやモーダルは提供しません。フロントエンドのJavaScriptは、対応するlightbox互換ブリッジに対してのみ読み込まれます。

実行環境の要件

依存関係

プラグインを有効化する前に、次の実行環境要件をインストールします。

5.4以降

WordPress 5.4

アイキャッチ画像の保存、表示フック、Query Loopブロック、権限、Settings APIを提供します。

7.4以降

PHP 7.4

必要なサーバー実行環境を提供します。

インストールと設定

プラグインをダウンロードしてリンクルールを設定する

Clickable Featured ImageをダウンロードしてWordPressで有効化し、個別表示、アーカイブ、Query Loopに適したリンク先を設定します。次に、対応する各表示箇所を1つずつ確認し、訪問者の経路が選択したルールと一致することを確認します。