はてな風リンクをWordPressで実装する神プラグイン「Pz-LinkCard」の使い方など紹介！【ブログカード】

WordPressを使っているときにはてな風のリンクを実装したいなぁと思ったことがある方に朗報！

なんとプラグインの中にそれを超簡単に実現できるものがありました。

その名も「Pz-LinkCard」。このプラグインを使えば簡単なショートコード1つではてな風のリンクを実現することが出来ます。

今回はこのプラグイン「Pz-LinkCard」について使い方などを紹介していきたいと思います。

はてな風のリンクを実現するプラグイン「Pz-LinkCard」って？

文字通りはてな風のリンクを簡単に作ることが出来るプラグインです。

ちなみにはてな風のリンクにはちゃんとした名前があります。その名も「ブログカード」と言われるものですね。

はてなのリンクはブログカードと呼ばれているんです。

私がこのプラグインを見つける前はブログカードと呼ばれることを知らなかったのでどうやって実現すればいいのか苦労したものでした。

そんな中でブログカードを簡単に実現するプラグイン「Pz-LinkCard」を見つけることが出来た時は結構な開放感があったことを覚えています。

そもそもはてな風のリンクってどういう見た目なのか

中にはブログカードを実現したくて来ただけで「はてな風リンク」を見たことがない方もおられるかもしれません。
そのような方のために画像を持ってまいりました、こちらです↓

これがはてなブログのブログカードと呼ばれるものです。
どうですか？デザイン結構いいですよね！

はてなのブログカードに興味がなかった方もこれなら気に入るのではないかと思います。

それではこのブログカードをWordpressのプラグインを用いて簡単に実装する方法を紹介していきたいと思います。

プラグイン「Pz-LinkCard」の導入方法

プラグイン > 新規追加のページに入る
検索窓に「Pz-LinkCard」と入力して出てきた「Pz-LinkCard」プラグインをインストール >有効化
導入完了！

これで導入は完了しました、プラグインリストに「Pz-LinkCard」が入っているか確認しましょう。
あればOK

「Pz-LinkCard」を使ったブログカードの作り方

「Pz-LinkCard」の使い方を見ていきたいと思います。
といってもショートコードを使えば簡単に使うことができます。

使うショートコードはこちら

[blogcard url="ここにURL"]

URLの部分に入れたいURLを入れれば・・・
[blogcard url=”http://pinapopo.com/kamakura-destiny-bare/”]

はいブログカードの完成！
とっても簡単でしたね。

ブログカードの作り方はこれだけです。
ただこれだけだと初期設定のままなのでデザインも変更して好みにカスタマイズしましょう。

ブログカードのショートコードはビジュアルエディタに追加されているタグをワンクリックで使うか、テキストエディタならコピペして使いたいときに使うようにしましょう。

「Pz-LinkCard」の設定

「Pz-LinkCard」の設定項目を見ていきましょう。
設定 > Pz-カード設定で設定画面に入れます。

定型書式

定型書式ではテンプレートとして存在するデザインを指定することが出来ます。
ここで書式を指定した場合はほかの項目より優先して適用されることになります。

Pz-リンクカード標準書式

シンプル

スクエア

cssをいじっていると崩れることもあるっぽい？

セロハンテープ(中央)

セロハンテープ(左上と右上)

セロハンテープ(長め)

斜め

3D回転

紙がめくれた効果

テープと紙めくれ

縫い目(青＆赤)

縫い目(緑＆黄)

ブルーグリーン

オレンジ

グリーン

ブルー

押しピン

これらが定型書式でした！

ショートコード

URL行の変換
チェックを入れることでURLだけ記述した場合でも勝手にブログカードに変換されます。
めんどくさがりな方には便利。