Sharing music, Roman style / Ed Yourdon
記事のリンクにはSharehtmlが欠かせません。@kotala_bです。
Sharehtmlに関することが昨日2つのブログに取り上げられていました。
@ozpaさんのOZPAの表4と@delaymaniaさんのdelaymania.comです。
Sharehtmlの画像を変える
Sharehtmlで表示される画像を任意の画像に変えるという方法です。
平均PVを上げるために「ShareHTML」でリンクタグを作成する際に加えている一工夫 | OZPAの表4
OZPAの表4の記事を読んでShareHTMLをさらに改良しました | delaymania.com
僕は全部を任意の画像に変えることはせず、自分のブログ内のリンクにだけそのページのアイキャッチ画像を表示させるように変えてみます。
今までこうだったのが
僕がタスク管理をする理由 | kotala's note
こういう風に変わりました。
僕がタスク管理をする理由 | kotala's note
何か見たことあるなーと思ったらすぐ横のサイドバーに似たモノを発見！
よく見たら似てた
よく見たらサイドバーで使ってる「PopularPosts」と似てる！
そこで考えました。
PopularPostsでアイキャッチ画像を任意のサイズで自動的に表示出来ているように、Sharehtmlを使った時も同じように表示出来ないか。
Sharehtmlのimgタグ内にある
img src="hogehoge"
このhogehogeの部分にアイキャッチ画像を自動で入れられないか考えました。
アイキャッチ画像のurlをコピペして貼付けるのもいいんですが、自動で出来たらもっといい！
ここで足踏み
思いついたのはいいものの、やり方がわからない！
google先生に聞いてみてもチンプンカンプン。
どうやら「get_the_post_thumbnail」を使うらしいといことまではわかりました。
が、その先がわかりません！
というわけでわかるまでは手動で画像urlをコピペします。
詳しい方がいたら連絡お待ちしております！