お役立ちサイト ブログ

WordPressのリンクをブログカードに変更する方法→「Pz-HatenaBlogCard」プラグイン

2015年8月27日

IbJK5etSN6dH6jAF4U0U_DSC_0280-1

ブログをやっていると、徐々にデザインにもこだわりたくなるもの。このブログも徐々にデザインを良くしていってます(してるつもり)。

今までリンクを貼るときは、URLをそのまま打ち込むか、記事タイトルとか「○○はこちら」などと打っていましたが、他のブログを見ているとこんな感じのものを良く見かけるではありませんか。

ブログカードの例

 

一体、これはなんだ!? これだと淡白なリンクが一気にオシャレな気になる参考ページと化すではありませんか!

これはもうやるしかない。

…ということで、実装しました。私は思い立ってからの行動が早い人です。小学校の頃のあだ名は「思い立ち早男」でした。これを信じた人は詐欺にかかりやすいので気を付けましょう。


ブログカード

そもそもこういうリンクってなんて名前なんだろう?

と思い、「ワードプレス リンク カスタマイズ」とか調べていたら、どうやら「ブログカード」と呼ぶらしいことがわかりました。元は「はてなブログ」でのシステムのようです。

そこで、次は「ワードプレス ブログカード」などと調べてみると、WordPressにブログカードを実装する方法が色々と出てきます。それらを見れば見るほど、ブログカードを実装したくなってきます。

ちなみに、参考にしたサイトは下記の通りです。参考サイトも通常リンクとブログカードの2パターンで表示してみます。

・通常のリンク
WordPressでも、はてなブログ風のブログカード(サムネ付きリンク)を表示させる
はてなブログの「ブログカード」をWordPressのoEmbedに対応させる方法
WordPress Plugin : Celtispack
WordPressで「はてなブログカード」を利用する Pz-HatenaBlogCard

・ブログカード

 

どうでしょう、ブログカードの方がクリックする気になるのではないでしょうか? 使いすぎると重くなったり見た目がうるさくなったりするかも知れませんが、しばらくは使いまくります。

 

ブログカードのタイプ

先ほどのリンクを色々見ていると、ブログカードは困ったことに奥が深いことが判明しました。

  • はてなブログのブログカードを流用するタイプ
  • URLを打ち込むとブログカードになるようにするタイプ
  • ショートコードを使ってブログカードを表示するタイプ

このように、ブログカードを表示するにも色々な方法があることがわかりったわけです。この記事は、ブログカード実装後に書いているのですでに上の通り、ブログカードを使えていますが、この時点ではよくわかっていませんでした。

更に、プラグインを使う方法と使わない方法もあることがわかりました。

結局、色々試した結果、私はプラグインを使い、その上で「ショートコードを使ってブログカードを表示するタイプ」を実装することにしました。
「Pz-HatenaBlogCard」というプラグインです。
下記ブログを参照しました。

「Celtispack」というプラグインもあり、そちらはURLを打つだけで良いのですが、このブログでは他のプラグインと競合してるのかわかりませんが、うまく動作しなかったため、「Pz-HatenaBlogCard」を選びました。

 

「Pz-HatenaBlogCard」の使い方

詳しくは上に載せたブログで解説されていますが、簡単に説明します。

 

[blogcard url="リンク先のURL"]

※上記では[]の部分が都合上全角になっていますが、実際には半角の[]に直してください。

上記のような記述を記事に書けば、それでリンク先のURLがブログカードとなって表示されます。
それだけです。ほんとに簡単な説明です。

 

ほかにも設定項目をいじると、背景の色を変えられたり、四隅を丸くできたり、影を付けられたりし、更にもっと上級テクニックもあるようですが、基本的な使い方は上記の通りです。

これがショートコードというやつです。

とにかく、これで当ブログでも「ブログカード」が使用できるようになりました。ブログカードを数えている間に死ねるくらいの数のブログカードを貼り付けた記事を作ろうか迷いましたが、貼っている間に死ぬことに気づいたのでやめます。

 

まとめ

これでまた一つデザインがよくなりました。

毎日少しずつデザインがよくなっていき、それが永遠に続けば一年後には多分ピカソになっているはずなので今後も精進していきます。

最後にブログカードを貼り付けて終わります。

他人「授業で覚えたての英単語を連発する中学生みてえな野郎だな」

私「Pardon?」

 



 

 

踏切。