- 2012/10/5 16:00

Sharehtmlを見直してたらPopularPostsに似てることに気づいた!同じように自動で画像表示出来ないか調べてみた!

ご注意

この記事は2012年10月5日に書いたものです。 情報が古くなっている可能性があるのでご注意ください。


Sharing music, Roman style / Ed Yourdon
記事のリンクにはSharehtmlが欠かせません。@kotala_bです。
Sharehtmlに関することが昨日2つのブログに取り上げられていました。
@ozpaさんのOZPAの表4と@delaymaniaさんのdelaymania.comです。

スポンサードリンク

Sharehtmlの画像を変える

Sharehtmlで表示される画像を任意の画像に変えるという方法です。
http://ozpa-h4.com/2012/10/04/share-html-one-device/平均PVを上げるために「ShareHTML」でリンクタグを作成する際に加えている一工夫 | OZPAの表4

http://delaymania.com/201210/blog/sharehtml_ozpa/OZPAの表4の記事を読んでShareHTMLをさらに改良しました | delaymania.com

僕は全部を任意の画像に変えることはせず、自分のブログ内のリンクにだけそのページのアイキャッチ画像を表示させるように変えてみます。
今までこうだったのが
http://kotalab.com/archives/3121僕がタスク管理をする理由 | kotala’s note
こういう風に変わりました。
http://kotalab.com/archives/3121僕がタスク管理をする理由 | kotala’s note

何か見たことあるなーと思ったらすぐ横のサイドバーに似たモノを発見!

よく見たら似てた

よく見たらサイドバーで使ってる「PopularPosts」と似てる!
そこで考えました。
PopularPostsでアイキャッチ画像を任意のサイズで自動的に表示出来ているように、Sharehtmlを使った時も同じように表示出来ないか。
Sharehtmlのimgタグ内にある

このhogehogeの部分にアイキャッチ画像を自動で入れられないか考えました。
アイキャッチ画像のurlをコピペして貼付けるのもいいんですが、自動で出来たらもっといい!

ここで足踏み

思いついたのはいいものの、やり方がわからない!
google先生に聞いてみてもチンプンカンプン。
どうやら「get_the_post_thumbnail」を使うらしいといことまではわかりました。
が、その先がわかりません!
というわけでわかるまでは手動で画像urlをコピペします。
詳しい方がいたら連絡お待ちしております!

スポンサードリンク

  • ゆとりをもった自由な暮らし、ストレスフリーな生活を送る
    1984年生まれ
    生まれも育ちも神奈川県川崎市

    詳しいプロフィールはこちら

    • follow us in feedly
    • Google+
    • フィード
    • お問い合わせ