Wordpress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sponcerd link

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

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

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

[aside type=”warning”]
いくつかありますが、導入するのはこちらなので間違えないようにご注意ください。
[/aside] sponcerd link

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

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

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

URLの部分に入れたいURLを入れれば・・・

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

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

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

「Pz-LinkCard」の設定

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

定型書式

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

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

シンプル

スクエア

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

セロハンテープ(中央)

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

セロハンテープ(長め)

斜め

3D回転

紙がめくれた効果

テープと紙めくれ

縫い目(青&赤)

縫い目(緑&黄)

ブルーグリーン

オレンジ

グリーン

ブルー

押しピン

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

ショートコード

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

ABOUT ME
ゆき
何にも縛られることなく仕事をすることが好みで生きてるフリーな人。ペットに2匹のデグー「ぴな」と「ぽぽ」を飼っている。
VOD

U-NEXT~日本最大級の動画サービス~
今なら31日間無料トライアル実施中!

映画、ドラマ、アニメなど最新作から名作まで、120,000本以上配信!
※見放題作品80,000本、レンタル作品40,000本(2018年4月末時点)
あらゆるデバイスで楽しめます。

詳しくはこちら

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA