Pz-LinkCardのインストールとサムネイルサイズの変更,

はじめに

最近ayijkさんのページを見ていると, ブログやQiita等のサイトがキレイにブログカードとして表示されていることに気が付きました.

↓ こんな感じのやつです.

このサイトではこれまでただのリンクとして表示していただけでしたので, この機会にこのブログカードを表示できるようにしてみました.

Pz-LinkCardとはぽぽずれさんが公開されている, リンクをカード上に表示してくれるworpdpressプラグインです.

インストール時点ですでに見た目のテンプレートが数種類用意されていますが, 今回は以下のサイトを参考にしてスタイルを設定してみました.

Pz-LinkCardは標準でサムネイルサイズが100pxに設定されています.

少し小さく感じたためこれを120pxに変更.

style.cssに以下のコードを追記.

先程のCSSでは画像が表示される枠組みのサイズを変えただけなので, 取得する画像自体のサイズも変更する必要があります.

dashboard→設定→pzカード設定からAPIの内容を変更

所要時間30分程度でいい感じのリンク表示が実装でしました.

wordpressはver4.4から一応, wordpressサイトのブログカード表示はできるのですが, 他サイトには対応していません. 今回のPz-LinkCardプラグインは導入も手軽なので試してみてはいかがでしょうか.

ayijk より:

icchi紹介ありがとう！！
そして神エントリーだねぇ，参考にさせてもらいます！
こういうハックさらっとできるの，楽しくていいねーー