記事中urlをSimplicityのブログカード風に表示するカスタマイズ

WordPressのテーマSimplicityではurlをブログカード風に表示してくれる機能が備わっています。urlを書くだけで画像やリンクをカード風に作ってくれるのはとても便利だし見た目もかっこいいです。Simplicityだけでなく他のテーマでもブログカード風に表示するカスタマイズ方法の記事を見つけたので、それを試してみました。

Simplicityでのブログカード風の表示とは?

Simplicityを使っているサイトで、
 

コンテンツに単にこのように内部のurlだけを記述すると、

なんと~!このようにブログカード風に表示してくれます。単に書くだけでこんな風に表示してくれるのはすごいですよね。

デフォルトでは内部リンクだけがこのように表示されますが、

ダッシュボード 外観>カスタマイズ をクリックして

ブログカードをクリック

 外部リンクのブログカード有効 にチェックを入れて、



保存して公開
 をクリック。

これで、

このように書いたときに、

外部のurlでもブログカード風に表示されるようになります!

twentyfourteenでブログカード風のリンクを表示してみる

ということで、このblogで使っているtwentyfourteenでもこういうかっこいいリンクを表示したくなりました。それに関しては、

内部URLを記入するだけ!はてなブログカード風にWordPress記事も表示させるカスタマイズ方法

こちらに書いてありました。というか、こちらに書いてあるとおり、のカスタマイズをしただけで、

ここ最近で一番人気の記事↓

このように表示されるようになりました(^^)/

ただしちょっと事情があり、実際にはこの部分は画像にしてあります。

functions.phpにすでにたくさん詰め込みすぎているため処理が重くなってしまった

このblogが特殊で(^_^;、記事も長いし子テーマのfunctions.phpでの処理もやたらと多い、そんな関係でこのカスタマイズを追加した時にコンテンツを表示するまでの時間が以前よりかかるようになってしまった(不確かなんですが)、ように思えました。

なので 普通の場合はこのカスタマイズをしても全然大丈夫 なのだと思います。是非かっこいいのでこのカスタマイズ、試してみてください!

せっかくかっこいいリンク表示が出来るようになったのに、、と思いましたが今は一旦追加したカスタマイズなのですが外してしまいました。

諦めきれないので、この表示方法をショートコードで実現しようと思います。というか、ある程度はもうできあがっています♪ということでそれについてはまた、次回書きます(^^)/

[Amazon sponsored link] WordPressデザイン 関連本
兎本美佳

ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告
ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

261人の購読者に加わりましょう

コメント

トップへ戻る