APEP WordPress
English

PLUGINS

Visual Link PreviewとCustom Card Linkを比較。ブログカードはどちらを選ぶ?

公開日: 2026-09-13最終更新日: 2026-09-13

WordPressでブログカードを追加するプラグインとして、Visual Link PreviewとCustom Card Linkがあります。どちらも内部リンクと外部リンクを視覚的なカードとして表示できますが、対応する編集環境とカスタマイズ方法には違いがあります。

この記事では、公開されている仕様を基に、どのようなサイトにそれぞれが向いているかを比較します。

ポイント

この記事の執筆者はCustom Card Linkの開発者です。自作プラグインであることを明示したうえで、Visual Link Previewが優れている点と、Custom Card Linkが向かない条件も含めて整理します。

先に結論

  • Classic EditorやElementorも使う場合は、Visual Link Previewが適しています。
  • テンプレートを細かく作り込みたい場合も、Visual Link Previewが候補になります。
  • Gutenbergでカードとリストを簡単に使い分けたい場合は、Custom Card Linkが候補になります。
  • 古いWordPress環境では、Custom Card Linkを選べません。

すべてのサイトに対する総合的な優劣はありません。利用中のエディターと、必要な調整範囲から選ぶ方が合理的です。

比較条件

この記事は2026年9月13日時点のWordPress.org掲載情報を基にしています。確認したバージョンはVisual Link Preview 2.4.2、Custom Card Link 1.1.5です。

実機で表示速度やメタデータ取得成功率を測定した比較ではありません。そのため、「どちらが高速か」「どちらが安定しているか」といった結論は出しません。

主な違い

比較項目Visual Link PreviewCustom Card Link
主な編集方法ブロック、ショートコードGutenbergブロック
Classic Editor対応専用対応なし
Elementor専用ウィジェットあり専用対応なし
内部リンク対応WordPressの投稿情報を使用
外部リンクURLのメタデータを取得OGPを中心にメタデータを取得
取得方法PHP、Microlink API、LinkPreview APIWordPress側から取得してキャッシュ
表示デザインテンプレート編集カード/リストと設定項目
対応WordPress4.4以降6.9以降
対応PHP公式ページに最低要件の記載なし8.0以降
有効インストール数10,000以上10以上

対応する編集環境

Visual Link Previewは、Gutenbergのブロックだけでなく、Classic EditorのショートコードとElementorの専用ウィジェットにも対応しています。複数の編集方法が混在するサイトや、過去の記事をClassic Editorで管理しているサイトでは、この対応範囲が利点になります。

Custom Card LinkはGutenbergブロックとして提供しています。Classic EditorやElementor向けの専用機能はありません。ブロックエディターだけを使うサイトでは構成が単純ですが、編集環境を選ぶプラグインです。

外部リンク情報の取得

Visual Link Previewは、PHPによる取得、Microlink API、LinkPreview APIという複数のメタデータ取得方法を持ち、取得に失敗した場合のフォールバックにも対応しています。サイトによって外部ページの取得可否が異なる場合、取得方法を切り替えられることが判断材料になります。

ただし、外部APIを利用する場合は、各サービスの利用条件、送信されるURL、APIキー、利用上限も確認が必要です。

Custom Card Linkは、外部URLのタイトル、説明、画像などをOGPから取得します。取得結果はキャッシュし、期限後は非同期で更新するため、通常のページ表示中に毎回外部サイトへ取得しにいく設計ではありません。内部URLでは、対象投稿のタイトル、抜粋、アイキャッチ画像を使用します。

複数の外部取得サービスを使い分けたい場合はVisual Link Preview、WordPress側で取得とキャッシュを完結させたい場合はCustom Card Linkが候補になります。ただし、外部サイトのアクセス制限やHTMLによっては、どちらでも情報を取得できない場合があります。

デザインの調整方法

Visual Link Previewは、既定テンプレートの設定に加えて、テンプレートエディターを備えています。カードの構造や見せ方をサイトに合わせて作り込みたい場合に向いています。CompactやSpotlightなど、複数のテンプレートも用意されています。

Custom Card Linkは、カード表示とリスト表示を選び、余白、影、ホバー時の移動やアニメーションを設定する方式です。テンプレート自体を組み立てる機能はなく、用意された構造の範囲で見た目を調整します。

自由度を優先するならVisual Link Preview、設定項目を絞って迷わず調整したいならCustom Card Linkという違いがあります。

対応環境と導入実績

Visual Link PreviewはWordPress 4.4以降に対応し、WordPress.orgでは10,000以上の有効インストールがあります。長期間運用されており、古いWordPressを含む幅広い環境が対象です。

Custom Card Linkの最低要件はWordPress 6.9、PHP 8.0です。有効インストール数は10以上で、Visual Link Previewと比べると公開実績はまだ少ない状態です。WordPress 6.8以前のサイトや、長期の導入実績を重視する場合には向きません。

対応バージョンとインストール数は変わるため、導入時点で各プラグインのWordPress.orgページを確認してください。

Visual Link Previewが向くサイト

  • Classic Editor、Gutenberg、Elementorが混在している
  • カードのテンプレートを細かく編集したい
  • 複数の外部メタデータ取得方法を使いたい
  • 古いWordPressにも導入する必要がある
  • 導入実績を重視する

Custom Card Linkが向くサイト

  • WordPress 6.9以降とPHP 8.0以降を利用している
  • Gutenbergだけで記事を編集している
  • カード表示とリスト表示を使い分けたい
  • 余白、影、ホバー表現を設定画面から調整したい
  • 外部OGP情報をキャッシュし、非同期で更新したい

Custom Card Linkは対応環境と編集方法を意図的に限定しています。Classic EditorやElementorが必要なら、Visual Link Previewを選ぶ方が適切です。

導入前に確認する項目

どちらを選ぶ場合も、本番サイトへ直接導入せず、ステージング環境で次の条件を確認します。

  1. 内部投稿のタイトル、抜粋、アイキャッチ画像が表示されるか
  2. OGP画像がある外部URLと、ない外部URLを扱えるか
  3. 長いタイトルや説明文でレイアウトが崩れないか
  4. スマートフォンでカードの画像と本文が読めるか
  5. キャッシュを利用している場合、情報を更新する方法があるか
  6. プラグインを無効化したときに記事本文がどう表示されるか

ブログカードは記事内で繰り返し使うため、導入後の乗り換えにも影響します。最初に少数の記事で試し、編集方法と無効化時の状態まで確認する必要があります。

まとめ

Visual Link Previewは、対応する編集環境、テンプレートの自由度、外部情報の取得方法、導入実績で優位です。一方、Custom Card Linkは、現在のWordPressとGutenbergに対象を絞り、カードとリストを少ない設定で使い分ける構成です。

既存環境との互換性や作り込みを優先するならVisual Link Preview、Gutenberg中心の新しいサイトで操作を単純にしたいならCustom Card Linkが候補になります。機能数だけで決めず、現在の編集環境と、将来プラグインを外す場合の影響を確認して選んでください。