すけがわの雑記

MENU

【はてなブログ】ツイッターに“はてなブログ”のサムネイル付きリンクを貼る方法

 

僕は最近悩んでいた。

 

毎回はてなブログを更新したらツイッターでシェアしてるのですが、毎回リンクと写真が独立してしまうのです。

 

例えばこの投稿。

f:id:suke-gawa04:20170810224818j:plain

 

僕はこのときGoogle AdSenseの写真を押すと、ブログの記事に飛べるように変更をしたかったのです。

 

しかしこのながら、Google AdSenseの写真を押すと、

 

f:id:suke-gawa04:20170806155110j:plain

 

この画像が拡大されてしまうのです。

 

おとなしく記事のリンクを押せばいいのですが、やはりここはこだわりたい。

 

インターネットで検索しても自分が求めてる情報が出てこなかったのです。

 

「えーどうやるんだろう」と色々いじってみた結果、成功しました(笑)

f:id:suke-gawa04:20170810224756j:plain

 

まさにこのように表示したかったのです。

 

ではどのように行ったのか書いていきますね。

 

ツイッターに“はてなブログ”のサムネイル付きリンクを貼る

 

f:id:suke-gawa04:20170810232927j:plain

 

はてなブログの記事をツイッターでシェアする場合2つの方法があります。

 

 1つ目の方法が、パソコンで記事を書いてからツイッターでシェアする方法です。

f:id:suke-gawa04:20170810230101j:plain

 

この「Twitterに投稿」というボタンを押せば簡単にシェアできるのですが、この方法ですと先程の失敗例のように、写真とリンクが分離してしまいます。

 

もう1つの方法を使うと、先程の成功例のようになります。

 

そのやり方とは、記事を作成してからスマホアプリで投稿するやり方です。

 

手順としては、まず投稿したい記事を作成します。

 

記事作成後は「下書きを更新する」ボタンを押し一度保存します。

f:id:suke-gawa04:20170810230708j:plain

 

下書きの更新が終わったら、次にスマートフォンの「はてなブログ」のアプリを起動します。

 

f:id:suke-gawa04:20170810231223j:plain

 

アプリ上の「下書き・お題」というところから下書きの記事を選択し投稿します。

 

f:id:suke-gawa04:20170810231534j:plain

 

投稿が完了したら「Twitterにシェアする」ボタンを押せば完了です!

 

特にプラグインなどもしないので簡単にできます!

 

僕がインターネット上でこのやり方を検索したのですが見つからなかったため、このような記事にしました。

 

もし他に簡単なやり方があれば教えていただけると助かります。