今回は、「Pz-LinkCardで外部リンクを作成する方法」について紹介します。
この記事では、WordPressテーマにAFFINGER6を使っています。
AFFINGER6にはブログカードの機能がありますが、主に内部リンクをブログカードとして表示するときに使います。
そこで、外部リンクをブログカードにするために、Pz-LinkCardを使います。
この記事では、Pz-LinkCardのインストールや外部リンクをブログカードにする基本的な操作方法まで、初心者向けに紹介します。
※ Pz-LinkCardは、バージョンによって設定画面の表示や項目が異なる場合があります。
この記事では、使用しているバージョンの画面をもとに紹介しています。
Pz-LinkCardとは?
Pz-LinkCardは、WordPressでWebページへのリンクをブログカード形式で表示できるプラグインです。
ブログカードとは、Webページへのリンクを、カードのような形で表示するものです。
内部リンクだけでなく、外部サイトへのリンクもブログカードとして表示できます。
通常のリンクは、文字にURLを設定して表示します。
Pz-LinkCardを使うと、リンク先のページをブログカードとして表示できるため、リンク先の内容が分かりやすくなります。
たとえば、ブログで参考にしたWebサイトや、関連する記事などを紹介するときに使えます。
Pz-LinkCardは、無料で利用でき、操作も簡単なので、初心者でもブログカードを作成しやすいプラグインです。
実際にPz-LinkCardを使うと、次のようなブログカードで表示されます。

Pz-LinkCardをインストールする
プラグインのPz-LinkCardをインストールします。
手順
① WordPress管理画面(ダッシュボード)の「プラグイン」→「プラグインを追加」をクリックします
② プラグインの検索欄に「Pz-LinkCard」と入力します
③ 「Pz-LinkCard」が表示されたら、「今すぐインストール」をクリックします
④ インストールが完了したら、「有効化」をクリックします
これで、インストールが完了しました。
Pz-LinkCardの設定をする
Pz-LinkCardには、ブログカードの表示を変更できるさまざまな設定があります。
初めて使う場合は、設定を変更せず、そのまま使い始めても大丈夫です。
ブログカードのデザインや表示方法を変更したい場合は、設定画面から変更できます。
ダッシュボードの「設定」→「Pzカード設定」をクリックすると、Pzカード設定画面が表示されます
・「外部リンクタグ」の設定にある「新しいページで開く」は、「すべての端末」に変更しておくと便利です。
パソコンやスマートフォンなど、どの端末からリンクを開いても、新しいページで表示されるようになります。
・「表示タグ」の設定にある「抜粋文を表示」に初期設定では、チェックが入っています。表示されたくない場合は、チェックを外します。
外部リンクを作成する
次に、Pz-LinkCardを使って、WordPressのブロックエディターで、外部リンクをブログカードにする手順を紹介します。
外部リンクをブログカードにする方法は、2つあります。
ショートコードを使って作成する
ショートコードに外部サイトのURLを入力して、ブログカードを表示する方法です。
手順
① 記事の中で、外部サイトへのリンクを表示したい場所にカーソルを置きます
② 「+」→「ショートコード」を選びます
③ 次のショートコードをコピーして貼り付けます
[blogcard url="外部サイトのURL"]
「ショートコード」をクリックすると、次の画面が表示されるので、コードを貼り付けます

④ 「外部サイトのURL」の部分を消して、リンクしたい外部サイトのURLを入力します

⑤ プレビューでブログカードが表示されているか確認します
これで、外部リンクをブログカードとして表示できます。
WordPressには「コード」と「ショートコード」のブロックがあります。
今回は、「コード」ではなく「ショートコード」を使います。「コード」ではブログカードが表示されないため、「ショートコード」を使います。
※ショートコードをパターンに登録しておくと便利です
Pz-LinkCardをよく使う場合は、ショートコードをパターンに登録しておくと便利です。
パターンの登録方法については、別の記事で紹介する予定です。
Pz-LinkCardのアイコンを使って作成する
ブロックエディターの中に「クラシック」ブロックを追加して、その中に表示される「Pz-LinkCardのアイコン」を使って、外部リンクをブログカードにする方法です。
手順
① 「+」をクリックして、「クラシック」ブロックを記事に追加します
② 「コンテンツを編集」と表示される部分をクリックします

③ クラシックエディターのメニューにある「リンクカードの挿入のアイコン」をクリックします

④ 「リンクカードを作成したいURLを入力してください」に、リンクしたい外部リンクのURLを入力して「挿入」をクリックします

⑤ 「保存」をクリックします
⑥ プレビューでブログカードが表示されているか確認します。
ショートコードとPz-LinkCardのアイコン、どちらの方法でもブログカードを表示できます。使いやすい方法を選んでください。
外部リンクの基本的な設定方法については、こちらの記事で紹介しています。
→ WordPress初心者向け|リンクの設定方法(内部リンク・外部リンク)
まとめ
Pz-LinkCardを使うと、サイトや記事へのリンクをブログカードとして表示できます。
外部リンクにも使えるため、外部サイトを紹介するときにも便利です。
初めて使う場合は、設定を変更せずにそのまま使うこともできます。
ブログカードの表示を変更したい場合は、設定画面から変更できます。
WordPressの記事作成について
WordPressで記事を作成するときに必要な基本的な操作を、初心者向けに紹介しています。
-
-
WordPress初心者向け|記事投稿の基本操作まとめ
続きを見る
Pz-LinkCardの公式ページ
Pz-LinkCardの詳しい機能や設定については、WordPress公式ページでも確認できます。
楽天市場のおすすめ商品
記事に関連する商品が楽天市場から自動で表示されます。