お役立ちサイト ブログ

リンクをかっこよく貼れ!WordPressのリンクをブログカードに変更する方法

2016/04/29

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分の自主映画を作り、音楽も全編作曲する程の創作好きです。
 趣味:筆記体を投げ倒す、座右の銘:「ラー油の上」、年齢:鳥


        

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

ぶっとびアクション映画『抜本-BAPPON-』公開中

【当ブログ制作の”本で戦う”新感覚アクションムービー公開中】
少子化で滅亡の危機に瀕した日本を、本で戦い本で救う、爽快バカアクション!
本編はこちら

-お役立ちサイト, ブログ
-


おすすめ記事

1
短文強烈堀井節!ドラクエシリーズの全名言を楽しめる「ただのしかばね」のような記事

  ドラクエを愛する人は世に数多く、ドラクエをまあまあ好きな人も数多い ...

2
和幸!松乃屋!とんかつチェーン店の違いって?[ランキング付き・随時更新]【三文】

とんかつリミッターが外れている三文享楽です。   なんでか? それはこ ...

3
奥深すぎ!? コンソメとは一体…その由来の謎に迫る!【完成されしポタージュ】

  コンソメパンチ。   「ポテトチップはコンソメ味が美味し ...