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

僕は最近悩んでいた。

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

例えばこの投稿。

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にシェアする」ボタンを押せば完了です!

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

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

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

コメント

タイトルとURLをコピーしました