本記事には広告が含まれている場合があります Wrodpress|リンク

WordPress初心者向け|Pz-LinkCardで外部リンクを作成する方法

Pz-LinkCardで外部リンクを作成する方法 アイキャッチ

今回は、「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"]

「ショートコード」をクリックすると、次の画面が表示されるので、コードを貼り付けます

Pz作成手順 ショートコードの表示画面

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

ショートコード 外部サイトURLの表示画面

⑤ プレビューでブログカードが表示されているか確認します

これで、外部リンクをブログカードとして表示できます。

WordPressには「コード」と「ショートコード」のブロックがあります。
今回は、「コード」ではなく「ショートコード」を使います。「コード」ではブログカードが表示されないため、「ショートコード」を使います。

ショートコードをパターンに登録しておくと便利です

Pz-LinkCardをよく使う場合は、ショートコードをパターンに登録しておくと便利です。
パターンの登録方法については、別の記事で紹介する予定です。

Pz-LinkCardのアイコンを使って作成する

ブロックエディターの中に「クラシック」ブロックを追加して、その中に表示される「Pz-LinkCardのアイコン」を使って、外部リンクをブログカードにする方法です。

手順

①  「+」をクリックして、「クラシック」ブロックを記事に追加します

② 「コンテンツを編集」と表示される部分をクリックします

クラッシックエディター コンテンツを編集する画面

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

pzリンクカードのアイコン画面

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

リンクしたいURLを入力してくださいの画面

⑤ 「保存」をクリックします

⑥ プレビューでブログカードが表示されているか確認します。

ショートコードとPz-LinkCardのアイコン、どちらの方法でもブログカードを表示できます。使いやすい方法を選んでください。

外部リンクの基本的な設定方法については、こちらの記事で紹介しています。
WordPress初心者向け|リンクの設定方法(内部リンク・外部リンク)

まとめ

Pz-LinkCardを使うと、サイトや記事へのリンクをブログカードとして表示できます。

外部リンクにも使えるため、外部サイトを紹介するときにも便利です。

初めて使う場合は、設定を変更せずにそのまま使うこともできます。

ブログカードの表示を変更したい場合は、設定画面から変更できます。

WordPressの記事作成について

WordPressで記事を作成するときに必要な基本的な操作を、初心者向けに紹介しています。

投稿シリーズのまとめ
WordPress初心者向け|記事投稿の基本操作まとめ

続きを見る

Pz-LinkCardの公式ページ

Pz-LinkCardの詳しい機能や設定については、WordPress公式ページでも確認できます。

楽天市場のおすすめ商品
記事に関連する商品が楽天市場から自動で表示されます。

  • この記事を書いた人

moko

はじめまして。 WordPressやブログ作業を、実際に試しながらゆるくまとめています。 むずかしい説明を減らして、 気軽に読めるブログを目指して更新中です。

-Wrodpress|リンク