ストークで外部リンクをブログカード表示する方法

外部リンクをブログカード表示させる

こんにちは。
沖縄のブロガー中川(@nakagawahitoshi)です。

このブログはWordpressで運営しています。

テンプレートは「ストーク」を使っています。

ストークでは内部リンクはショートコードでチャチャっとブログカード風に表示できます。

こんな感じです↓

沖縄に移住して薬剤師として働くってこと

2017.04.25

ですが外部リンクはお手軽にブログカードで表示するショートコードがないんですね。

外部リンクもかっこよくブログカードで表示したい。

スマートにやる方法はうまくいきませんでしたがなんとか手作業で表示させることに成功しました。

ストークで外部リンクをブログカード表示する方法

ストークを使う場合に外部リンクをブログカード表示するためにカスタマイズする方法としてはこちらのページが参考になります。

わいひらさん(@MrYhira)の寝ログより。

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

これはWordpressのfunctions.phpに関数の貼り付けをしてうまいことブログカード表示させるものです。

導入するとブログカード表示させたいURLをWordPressのエディタに書くだけできちんと表示されます。

でも何が悪かったのかうまくいかなかったんですよね。

↑ こうなるはずが

https://www.yahoo.co.jp

↑ URLが文字列として表示されてこうなっちゃう。

これは困りました。

 

ブログカード表示の自動化はひとまずあきらめる

しょうがないので寝ログさんの別エントリーを参考にしてみました。

はてなブログカードのような美しい外部リンクをクリック一発で作成する方法

function.phpとかの書き換えなしに記事に手作業でブログカードを表示させるコードを突っ込んじゃえばいいのです。

 

するとこんな風に表示されました。


うむ、美しい。

これでなんとか外部リンクをブログカード表示できるようになりました。

 

表示はきれいになったけど

表示は美しいが、やり方が美しくない。

もうちょっといろいろ試してみます。

WordPressも勉強しないといかんねー

わいひらさま(@MrYhira)本当にありがとうございました。

スポンサードリンク

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください