プラグインなしでWordPressに「ブログカード」を実装してみた

リンクを貼ったときの見た目が寂しいので、functions.phpをカスタマイズして「ブログカード」が表示されるようにしてみました。

[sc_Linkcard url=”https://dis-play.net/wordpress/tips/blogcard-external/”]

参考にしたサイトはこちら。内部リンク、外部リンク両対応だそうです。

テキストだけのリンクより目立って良い感じ。

書いた記事を自分で読み返してみても「リンクどこだ?」と困惑していたので、訪問する方にとってはなおさら、ユーザビリティ向上のためにもやっておいて損はなかったと思います。

Emanon用にCSSを変更

このブログではEmanon FreeというWordPressテーマを利用をさせて頂いているのですが、

[sc_Linkcard url=”https://wp-emanon.jp/”]

参考サイトのCSSをそのまま適用したところ、デザイン的に合わない部分がちょっと多かったので1から書き直しました。

以下がそのコードです。

具体的にはフォントサイズ、行間の調整とファビコンの非表示化などを行っています。よろしければお使いください。