ブログカード機能を実装してみました

みなさま、ご無沙汰しております。
更新がんばるぞーって言いながら、年明け早々に1週間ごとに家族で順番に風邪をひいてしまいまして、ようやく体調が戻ってまいりました。
本日は、前々からかっこいいなーと思っていたブログカード機能を実装したので紹介します。

ブログカード機能を実装する

みなさまはブログカードってご存知ですか?はて部なんかが他のブログを紹介するときにイメージとタイトル付きで記事本文に載っけてるカード状の引用メッセージなんですが、これWPではネイティブでは持ってないんですよね。プラグインか何かで無いかなーってググってみたら、どうやら「Pz-LinkCard」ってプラグインがあるみたいです。

さっそく調べてみるとUp Blogさんが丁寧に説明記事をまとめてくださっていたので、そこの記事を参考に実装してみたんですが…どうもダサい。いや、Up Blogさんがダサいのではなく、ネイティブのPz-LinkCardのスタイルがものすごくダサい。何このグラデーション、このドロップシャドウ…
(Up Blogさんの記事から参照させていただいています)

ということで、WPのカスタムCSS機能をつかってゴリゴリ見た目をカスタマイズ、ひとまず下のようなすっきりしたテイストでまとめてみました

ちょっとシンプルにしすぎかなーという感じもしなくも無いですが、まずはスモールスタートということで。どうやら最新版のWPではWPどうしならネイティブでブログカードを生成する機能があるだとか、その他にもWPのfunction.phpってネイティブコード自体をいじる方法とか色々ありましたが、自分的にはこの方法が一番簡単だったので、まずはこの方法でばちばちブログにリンクをはっつけていきたいなーと思います。


カテゴリー: 未分類