テンプレート販売開始しました!   

アフィンガー

【アフィンガー】外部リンク対応のブログカードを作りました!【ダウンロードOK】

2020年7月3日

アフィンガーのブログカードを使い方を知りたいです。外部リンクにも対応していますか?

ブログカードとは以下のような装飾パーツです。

アフィンガーでは「有料の専用プラグイン」が用意されています。

無料でいうと「Pz-LinkCard」というプラグインがありますが、

デザインがアフィンガーのテイストと違いすぎて「少し使いづらな」と思ったので、オリジナルのプラグインを作りました!

これが実物です。

no image
外部リンク対応ブログカード ダウンロードページ

続きを見る

内部リンクとほぼ同じように使えるように、設計しており、
違和感ないなと思っているもらえるはずです!

>> ダウンロードページへ進む

 

本記事の信頼性

この記事を書いているのは、ワードプレスのパブリッシャーをしています。本業はWEB制作会社の経営をしており、プログラミングも書きます。アフィンガーに関する記事も執筆してきました。

 

今回は、外部リンク対応のブログカードの使い方について、解説していきます。

後半では、ダウンロードできるようにしてあるので、ぜひ参考ください!

 

なぜ「Pz-LinkCard」を使わないのか

サイトのテイストに合わないからです。

  • 独自のコードで書かれている
  • そのため、アフィンガーに仕様にあわせづらい
  • 実装したときに、違和感がでてしまう

 

要するに、テイストが合わないと、クリック率が下がります。

クリック率がさがれば、コンバージョンにも直結します。

ですので、装飾パーツは一貫性を持たせる必要があります。

 

ちなみに、アフィンガーには正規のプラグインがあります。

お値段は、3800円です。

「ちょっと高いな、、、」そんな方向けに、

無償で利用できるプラグインを用意しました。

 

外部ブログカードの仕様

  • 専用プラグインです
  • ショートコードにURLなどを入力するだけ
  • OGPを使っていないで、軽量です

 

>> ダウンロードページへ進む

 

有料プラグインと大きく違うところがあります、

それは、OGPの実装していないことです。

 

ブログカードの仕様は、URLからファイルを読み込み、

OGPタグから、指定の項目を抜き取ります。

 

つまり、毎回ファイルを読み込んでおり、

負荷がかかるという仕組みです。

 

そこで、当プラグインは、

画像の直接入力して、負荷を軽減させています。

 

ブログカードの使い方はとてもカンタンです

3ステップでかんたんに実装できます。

  • 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できるようしました!

インストールするだけで、すぐに使えます。不具合などあれば、無償で対応します。

なお、購入者限定で、ブログカード以外のカスタマイズにもご相談のります、遠慮なくご連絡ください!

>> ダウンロードページへ進む

-アフィンガー

© 2021 ICHIKARA