WordPress

〔WordPress〕内部・外部リンクをブログカードで表示してくれるプラグイン(9/1追記)

投稿日:2016-08-22 更新日:

最近、記事が増えてくると過去記事を参考にしてもらったり、外部サイトへのリンクが必要になったりします。そんな時にただのリンクではなくカード形式で表示してくれたらいいのになと思ったことはありませんか?

これまでの表示について

ワンスポットのブログ記事を書く際には使用しているテーマの「Simplicity2」にもブログカードの表示ができるように標準でついていました。しかしながら下記の2点の理由で他のプラグインが必要になってきました。

  1. 内部リンクの際のブログカードが大きすぎる(;´・ω・)
  2. 外部リンクの際URLが”https://”で始まるSSLサイトからはアイキャッチ画像などが取得できなかった

というわけでググります。

wordPress ブログカード プラグイン

「Pz-LinkCard」と「Celtispack」のプラグインがヒット

参考記事を読むと「Celtispack」プラグインの場合は設定は簡単そうなのですが内部・外部共にOGP設定してあるページしか表示されないとのこと。内部リンクはOKとしても外部リンクまではわからないので除外。「Pz-LinkCard」プラグインを使うことにしました。

「Pz-LinkCard」プラグインのインストール

このプラグインは”WordPress プラグインディレクトリ ”の中へ含まれていますのでインストールは簡単です。

  1. WordPress管理ダッシュボードよりプラグイン>>新規追加 を選択
    cap_no-0075
  2. 右上当たりの検索BOXに「Yet Another Related Posts Plugin」を入力又はコピー&ペーストでENTERキー
    SnapCrab_2016-08-22_14-58-06_No-0000
  3. 一番左上に該当するプラグインが表示されます。
    SnapCrab_2016-08-22_14-58-29_No-0000
  4. 今すぐインストールして有効化します。
    SnapCrab_2016-08-22_14-58-53_No-0000

「Pz-LinkCard」プラグインの設定

基本設定

基本敵にココの設定のみで表示することはできます。

SnapCrab_2016-08-22_15-37-21_No-0000

 

上記は現在の私の設定したキャプになります。

記事を書く時にテキストで挿入したい場所へショートコードで記載します。
私はショートコードが必要な物に関してはIMEの”ユーザー”辞書ツール”へ必ず登録しています。今回は”かーど”と入力すると変換項目として表示されるようにしました。

SnapCrab_2016-08-22_16-08-45_No-0000

 

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

[card url=”https://onespot.jp/2016/08/18/1966/″]

https://から始まるURLでも表示可能でした。(外部リンクのみ色変えてます)

[card url=”https://onespot.jp/shopping/?p=5192″]

定型書式の設定により下図のような表現ができます。いろいろありますのでお試しください。

SnapCrab_2016-08-22_15-48-57_No-0000 SnapCrab_2016-08-22_15-49-29_No-0000 SnapCrab_2016-08-22_15-50-09_No-0000 SnapCrab_2016-08-22_15-50-36_No-0000 SnapCrab_2016-08-22_15-51-09_No-0000 SnapCrab_2016-08-22_15-51-40_No-0000 SnapCrab_2016-08-22_15-52-18_No-0000 SnapCrab_2016-08-22_15-52-49_No-0000 SnapCrab_2016-08-22_15-53-24_No-0000 SnapCrab_2016-08-22_15-53-55_No-0000 SnapCrab_2016-08-22_15-54-40_No-0000 SnapCrab_2016-08-22_15-55-10_No-0000 SnapCrab_2016-08-22_15-55-39_No-0000

スマホでも確認してみましたらこんな感じです。

20160822_075430000_iOS

 

その他の設定について

その他の設定はご利用者により環境が異なるでしょうから参考に私の設定のキャプ画像を貼っておきます。日本語ですのでわかりやすいと思います。

SnapCrab_2016-08-22_16-31-03_No-0000
SnapCrab_2016-08-22_16-31-18_No-0000
SnapCrab_2016-08-22_16-31-46_No-0000 SnapCrab_2016-08-22_16-32-08_No-0000 SnapCrab_2016-08-22_16-32-41_No-0000 SnapCrab_2016-08-22_16-32-58_No-0000 SnapCrab_2016-08-22_16-33-14_No-0000 SnapCrab_2016-08-22_16-33-29_No-0000 SnapCrab_2016-08-22_16-33-44_No-0000

8月29日追記

本日ブログサイトをSSL化したら外部リンクへのブログカード表示にアイキャッチ画像が入らなくなってしまいました。

ただいま原因調査中です。わかり次第追記いたします。

9月1日追記

外部リンクがSSLの時も表示されないようになってしまいました。

対応策探していたらWordpressのプラグインではないのですが面白い記事がありましたのではっておきます。

 

SSLに対応したブログカードができるEmbedly | 3061.jp blog

  • この記事を書いた人
  • 最新記事
TWS-ch

TWS-ch

2018年01月07日の運営開始から1年経過しました。誠にありがとうございます。今後も困っている人をサポートできるようなコンテンツ作りを目指して頑張ってまいりたいと思います。よろしくお願いいたします。

-WordPress
-, ,

Copyright© TWS-ch , 2019 All Rights Reserved.