ブログカードとは以下のような装飾パーツです。
アフィンガーでは「有料の専用プラグイン」が用意されています。
無料でいうと「Pz-LinkCard」というプラグインがありますが、
デザインがアフィンガーのテイストと違いすぎて「少し使いづらな」と思ったので、オリジナルのプラグインを作りました！
これが実物です。
-
-
外部リンク対応ブログカード ダウンロードページ
続きを見る
内部リンクとほぼ同じように使えるように、設計しており、
違和感ないなと思っているもらえるはずです！
本記事の信頼性
この記事を書いているのは、ワードプレスのパブリッシャーをしています。本業はWEB制作会社の経営をしており、プログラミングも書きます。アフィンガーに関する記事も執筆してきました。
今回は、外部リンク対応のブログカードの使い方について、解説していきます。
後半では、ダウンロードできるようにしてあるので、ぜひ参考ください！
なぜ「Pz-LinkCard」を使わないのか
サイトのテイストに合わないからです。
- 独自のコードで書かれている
- そのため、アフィンガーに仕様にあわせづらい
- 実装したときに、違和感がでてしまう
要するに、テイストが合わないと、クリック率が下がります。
クリック率がさがれば、コンバージョンにも直結します。
ですので、装飾パーツは一貫性を持たせる必要があります。
ちなみに、アフィンガーには正規のプラグインがあります。
お値段は、3800円です。
「ちょっと高いな、、、」そんな方向けに、
無償で利用できるプラグインを用意しました。
外部ブログカードの仕様
- 専用プラグインです
- ショートコードにURLなどを入力するだけ
- OGPを使っていないで、軽量です
有料プラグインと大きく違うところがあります、
それは、OGPの実装していないことです。
ブログカードの仕様は、URLからファイルを読み込み、
OGPタグから、指定の項目を抜き取ります。
つまり、毎回ファイルを読み込んでおり、
負荷がかかるという仕組みです。
そこで、当プラグインは、
画像の直接入力して、負荷を軽減させています。
ブログカードの使い方はとてもカンタンです
３ステップでかんたんに実装できます。
- url = URLパス
- name = タイトル
- image = 画像パス
html
[ichi-card url="URLパス" name="タイトルを入力" image="画像パスを入力"]
仕様は内部リンクと同じ設計で作っているので、
これまで使っていたタグもそのまま利用可能です。
内部ブログカードと同じように使えます
ブログカードで使えるパラメータは以下です。
- label・・・帯をつけます（任意）
- name・・・タイトル名を変えます（任意）
- readmore・・・「続きボタン」を追加
ほかにも、PV数を表示することもできます。
管理画面から、設定することがで訪問数を
ブログカードに出力できます。
「WordPress Popular Posts」というプラグインを利用者限定の機能です。
上記のように、ブログカードには知られてない機能がまだまだあります。
利用方法について、詳しくみていきます。
ラベルを変える
html
[st-card id= label="参考" color="#dd3333"]
ラベルは以下のようにみせることができます。
デフォルトカラーを変えたいときは、
カスタマイザーから変更できます。
お好みで、リボン型にしてテイストを変えちゃうこともできます。
タイトル名を変える
html
[st-card id= name="タイトル名を変える"]
あまり知られていないと思うのですが、ブログカードのタイトル名を変えることができます。
SEO目的でタイトルが長いときは、スッキリみせると、
読者に伝わりやすくなります。
まとめ
- 外部リンクにも対応
- パラメータでラベルやタイトル名も変えられる
- クリック率のアップにも効果的
今回は、15名限定で、DLできるようしました！
インストールするだけで、すぐに使えます。不具合などあれば、無償で対応します。
なお、購入者限定で、ブログカード以外のカスタマイズにもご相談のります、遠慮なくご連絡ください！