注目の記事 PICK UP!

WordPressでリンク先のサムネイルも表示できるプラグイン『Pz-LinkCard』初心者向け解説

WordPressで記事内に他サイトや他ブログへのリンクを貼る際に、ブログカード形式でサムネイルも表示できるプラグイン『Pz-LinkCard』をシェアします。

Pz-LinkCardとは?

WordPressでブログ記事を書いている際に、参考になったサイトやおすすめのブログなどにリンクを貼ることがあります。
例えば、今回紹介するWordPressプラグイン『Pz-LinkCard』を作った「ぽぽろんさん」のブログを紹介する場合…

通常リンク例

ぽぽろんのパソコンつれづれ日記(ぽぽづれ)』の管理人ぽぽろんさんが作ったWordPressプラグインです。日本人(多分)が作ったプラグインなので、設定画面も正しい日本語表記でわかりやすいです。
ぽぽろんのパソコンつれづれ日記(ぽぽづれ)

『Pz-LinkCard』を使ったリンク例

ぽぽろんのパソコンつれづれ日記(ぽぽづれ)』の管理人ぽぽろんさんが作ったWordPressプラグインです。日本人(多分)が作ったプラグインなので、設定画面も正しい日本語表記でわかりやすいです。

通常のリンクだと味気ないし、わかりづらいリンクになりがちです。
一方『Pz-LinkCard』を使うと、サムネイルも表示され、わかりやすくクリックやタップしたくなるようなリンクになります。一般的には「ブログカード」と呼ばれているリンク方法です。
はてなブログのブログ記事などによく見られるリンク方法です。
ブログカード
WordPressでも同じような「ブログカード」形式のリンクを簡単・キレイに貼れるようになるのが『Pz-LinkCard』です。

Pz-LinkCard インストール方法とプラグインの有効化

  1. WordPressのダッシュボードの「プラグイン」→「新規追加」を選択します。
    WordPressプラグインpz-link-card
  2. 右上の検索窓に「Pz-LinkCard」と入力し検索します。
    WordPressプラグインpz-link-card
  3. 「Pz-LinlkCard」が出てきたら、「今すぐインストール」をクリックしてインストールします。
    WordPressプラグインpz-link-card
  4. インストールが完了したら、「プラグインの有効化」をクリックします。
    WordPressプラグインpz-link-card
  5. 画面左上に「プラグインを有効化しました。」と表示されていればインストールとプラグインの有効化が完了です。
    WordPressプラグインpz-link-card

Pz-LinkCard 設定方法

初心者の方は難しい設定はほとんど必要ありません。デフォルトで数種類の「書式(リンクカードデザイン)」が設定されていますので、自分好みの「書式(リンクカードデザイン)」を選択するだけでもいいと思います。
当ブログでは、デフォルトの「書式(リンクカードデザイン)」の変更方法だけを紹介します。

『Pz-LinkCard』「かんたん書式設定」でデザイン変更

  1. WordPressダッシュボードメニューの「設定」→「Pzカード設定」をクリックします。
    WordPressプラグインpz-link-card
  2. 「かんたん書式設定」のプルダウンメニューを開くと、15種類のデザインメニューが表示されますので、お好みのデザインを選択します。
    WordPressプラグインpz-link-card

『Pz-LinkCard』「かんたん書式設定」のデザイン種類

  1. なし
    自分でリンクカードのデザインを設定したい場合は「なし」を選択します。「なし」にした後、特にデザインの変更を自分でしない場合は下画像のようなデザインになります。
    WordPressプラグインpz-link-card
  2. Pzリンクカード標準書式
    WordPressプラグインpz-link-card
  3. セロハンテープ(中央)
  4. セロハンテープ(左上と右上)
  5. セロハンテープ(長め)
  6. WordPressプラグインpz-link-card

  7. 斜め
  8. WordPressプラグインpz-link-card

  9. 3D回転
  10. WordPressプラグインpz-link-card

  11. 紙がめくれた効果
  12. WordPressプラグインpz-link-card

  13. テープと紙めくれ
  14. WordPressプラグインpz-link-card

  15. 縫い目(青&赤)
  16. WordPressプラグインpz-link-card

  17. 縫い目(緑&黄色)
  18. WordPressプラグインpz-link-card

  19. ブルーグリーン(黒背景推奨)
  20. WordPressプラグインpz-link-card

  21. オレンジ(黒背景推奨)
  22. WordPressプラグインpz-link-card

  23. グリーン(黒背景推奨)
  24. WordPressプラグインpz-link-card

  25. ブルー(黒背景推奨)
  26. WordPressプラグインpz-link-card

『Pz-LinkCard』「かんたん書式設定」以外の詳細設定

自分のブログに合わせてデザインなどを変更したい場合は、「かんたん書式設定」以降の項目を変更します。
詳しい設定方法は、製作者ぽぽろんさんのブログ『ぽぽろんのパソコンつれづれ日記(ぽぽづれ)』をご覧ください。

Pz-LinkCard 使い方

設定が終わってしまえば使い方はとても簡単です。WordPressのエディター内で[blogcard url=”リンク先URL”]と記述するだけです。
WordPressプラグインpz-link-card
[blogcard url=”リンク先URL”]というショートコードの「リンク先URL」をリンクしたいURLに変更します。
例えば、Yahoo Japanへリンクする場合は、
[blogcard url=”http://www.yahoo.co.jp/”] とすることで

このように表示されます。

難しい設定をしなくても、デフォルト設定で、相手先のサムネイルやサイトアイコンも表示してくれるので、リンクの見栄えがとてもよくなり、クリック率も上がると思います。
気になった方は是非試してみてください。

この記事が気に入ったら
いいね!してくださるとうれしいです(^▽^)

Twitter で

関連記事

  1. アイコンフォントWordPressプラグイン

    WordPressで簡単にアイコンフォントが使えるようになるプラグイン『WP Visual Icon…

  2. ワードプレステーマ削除方法

    WordPress (ワードプレス)テーマ削除方法

  3. WORDPRESSプラグインSpeech bubbleカスタマイズ

    WORDPRESS吹き出し会話プラグイン「Speech Bubble」の吹き出しの色変更

  4. 1万PV達成

    ブログ開始から2ヶ月目で月間10,000PVをクリアできた!ちょっとだけ分析してみよう!

  5. WordPress4.72 脆弱性

    WordPress(ワードプレス)脆弱性対策のためにWordPress4.72への更新が必須!

  6. WordPressにログインできない「予期しない出力によりCookiesがブロックされました」エラー…

  7. ワードプレステーマ調べる

    気になるあのブログのWordPressのテーマやプラグインは何使ってるの?を簡単に教えてくれる『Wo…

  8. ワードプレスのパーマリンクおすすめ設定

    WordPressのパーマリンクのおすすめ設定は?

コメント

  1. WordPressプラグインって色々あり過ぎて宝探しみたいっすね。
    こうやって便利なプラグインを紹介してもらうのはとても助かります。
    ありがとうございます。

      • gadgetjet
      • 2017年 1月 24日

      似たようなプラグインも多いのでテーマにあったものや使いやすいものを探すのって大変ですよね^^;

  1. 2018年 5月 30日

GadgetJet Twitter

GadgetJet Google+

PAGE TOP