【Word Press】サムネイル画像付きリンクが設置できるプラグイン

2018年4月8日2021年1月3日便利なプラグイン

以前から記事を書いている時に、外部リンクや内部リンクを「画像付きに出来ないかなぁ」と思っていました。

今まではシンプルにテキストリンクが大半。
テキストのリンクだと書き方によっては、文章に溶け込んでしまいリンクがはられているのが分からない事があります。
私も記事を書くときにできるだけリンクだとわかるようにと貼っていますが^^;
わかりづらいリンクは、他の人のサイトへのリンクの場合、下手をすれば失礼になってしまいます。

そこで今回はサムネイル画像付きリンクが作れるプラグイン『Pz-LinkCard』をご紹介します。

プラグイン 『Pz-LinkCard』

プラグインPz-LinkCardを使うと簡単にサムネイル画像付きのリンクが作れます。

例えば、『→ Crescent Moon』こんなテキストリンク。
リンクだとわかるように、文字を太字にしたりしていましたが…これをプラグインを使ってサムネイル画像付きにすると、こんな感じにできます。

ショートコードにリンク先のURLを入力するだけで、サムネイル画像やサイト名、ページタイトルなどは自動で取得してくれるのでとても楽です。

もちろん、内部リンクもサムネイル付きのリンクが作成できます。

インストール

使い方

インストール後すぐに使うことができます。使い方はとても簡単です

テキストエディタで設置する方法

投稿画面に『リンクカード』というボタンが追加されています。

［リンクカード］ボタンを押すとコードが表示されるので続けてリンク先URLを入力してください。
入力したらもう一度［リンクカード］ボタンを押して閉じれば設置完了です。

または

リンク先URLを入力し、選択範囲でURLを囲み、［リンクカード］ボタンを押せば設置できます。

[[blogcard url="リンク先URL"]]

ビジュアルエディタで設置する方法

ビジュアルエディタ画面のリンクカードボタンを押すと、ダイアログが表示されます。

リンク先URLを入力しOKを押せば設置できます。

2020年9月23日

ブロックエディタで設置する方法

ブロックエディタでPz-Link Cardを挿入するにはクラシックブロックを使うか、ショートコードブロックなどでPz-Link Cardのショートコードを直接入力してしてください。

クラシックブロックでの挿入方法はビジュアルエディタと同じです。

設定

基本の設定

［基本の設定］の中の「かんたん設定」でリンクカードの見た目を変更することができます。

■セロハン(左上と右上)

■縫い目(青と赤)

［基本の設定］には他に使い方を解説しているページへのリンクなどがあります。

配置の設定

［配置］タブをクリックすると、リンクカードの上下左右の余白の設定ができます。

「カード全体をリンク」にチェックを入れるとカード全体がaタグで囲われます。

表示の設定

サムネイルの大きさや抜粋文、影を付ける、枠線の色や太さの設定できます。

続きを読むボタンやサイト名の横に表示されるSNSシェア数の表示の設定もここにあります。

文字の設定

サイト情報やタイトル、URL、抜粋文などの文字の色や大きさ、桁数の設定ができます。

自分のサイトに合わせて変更してください。

外部リンクの設定

外部リンクの背景色やサムネイルなどの設定です。

サムネイルの設定ではデフォルトでは「直接取得する」になっていますが、サムネイル画像を取得できない記事やサイトもあります。
その場合サムネイルは黒く表示されます。
うまく表示されない場合は「WebAPIを利用する」または「直接取得できない場合、WeAPIを利用する」に変更してください。

「WebAPI」については以下を参考にしてください。

内部リンクの設定

内部リンクの背景色やサムネイルの設定です。

※内部リンクがうまく表示されない場合はこちら リンクカードが表示されない！？

※デフォルトでは「新しいウィンドウで開く」は「なし」になっています。内部リンクの場合は「なし」がいいと思います。

同一ページへのリンクの設定

同一ページへのリンクの背景色やサムネイルの設定

WebAPI

ここは変更するところはありません。そのままでOKです。

検査(リンク先チェックの設定)

とてもありがたい機能ですので、すべてにチェックしておいた方がいいと思います。

エディタ

ショートコードの追加やパラメーターの設定ができます。

上級者向け

上級者向けの設定ですのでそのままでOKです。

初期化

設定を初期状態に戻す時はこちらでチェックを入れて変更を保存してください。

2019年3月4日 追記

リンクカードが表示されない！？

サイトを常時SSL化したりすると、リンクカードが「表示されない」または「リンクが無効化」されることがあるようです。(内部リンク)

「リンクが表示されない」「無効化」されている場合は以下の内部リンクの設定を変更してみてください。

私も常時SSL化した影響なのか…Pz-LinkCardの内部リンクがほぼ全滅していることに少し前に気づきました(^^;)
そして上の内部リンクの設定を変更したところ直りました！

私がした変更は以下の通りです。参考までに載せておきます。

うまく表示されない場合はお試しください。

WordPressの管理画面丈夫に『URLパラメーターの指定が無効です』いとうエラーが出たときの解消方法はこちら。