お役立ちサイト ブログ

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

2016/12/18

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?」

 



 

 

踏切。


この記事が気に入ったら
いいね!で最新記事をチェック

新着記事を配信中

Twitterで回転オトエフミを



紅葉葉 秀秀逸プロフィール

 ▼この記事を書いた人
 どうも! ”紅葉葉 秀秀逸”という気持ち悪い名前を名乗る管理人です。
 90分の自主映画を作り、音楽も全編作曲する程の創作好き。
 座右の銘:「ラー油の上」   年齢:鳥

        

真面目なプロフィール・お問い合わせ

関連記事


おすすめ記事

1
【マリオ雑学】スーパーマリオUSAはなぜUSA?→夢工場ドキドキパニックが元だった

知らない人はいない赤帽子、それはマリオ。緑帽子ならゼルダですね。 そんなマリオは ...

2
ドラクエ5パパスの「ぬわーーっっ!!」がリメイク版でしれっと激しくなってた件を徹底考察

「ぬわー」 これを聞けば全日本人の70%は一瞬でなんのことかわかるだろう。 &n ...

3
自主制作映画の作り方!役立つ記事総まとめ【無料素材・編集ソフト・ロケ地…】

上の画像は、”本で空を飛ぶヒーロー”の写真です。なんだそりゃ、と思うでしょう。は ...