このエントリーをはてなブックマークに追加

ツイッターに投稿済の画像を引用して投稿するボタンを設置する

※投稿主の使用許可は事前に得てください。
ここでは例として画像2枚を用います。ブログに掲載するため要アップロード。
記事後半にソースと説明を付します。

玉城デニー

この画像を投稿する:

STOP デマ

この画像を投稿する:

==== ここまでのソースです。【 】は説明なので実際に書くときは除きます。 ====
【①ボタンの準備:これは1回だけ書けばOK】

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

【②ブログ上に画像を貼る】

<img src="【http://~ブログ等にアップロードした画像のURL~.jpg】"
 alt="玉城デニー【画像の説明】"
 width="80%" border="0" />
<br><br>

【③ツイートボタンを設置する】
【引用元ツイのURL+「/photo/1」で画像を引用できる】

この画像を投稿する:<a href="https://twitter.com/share"
 class="twitter-share-button" data-count="none" data-lang="ja"
 data-url="https://twitter.com/nukaboko/status/1041626033496121344/photo/1"
 data-text="玉城デニーさんです【文章】
 #玉城デニー #沖縄【ハッシュタグ】">Tweet</a>
<br><br>

【④ブログ上に2コめの画像を貼る】

<img src="【http://~ブログ等にアップロードした画像のURL~.jpg】"
 alt="STOP デマ【画像の説明】"
 width="80%" border="0" />
<br><br>

【⑤2コめのツイートボタンを設置する】
【引用元ツイのURL+「/photo/1」で画像を引用できる】

この画像を投稿する:<a href="https://twitter.com/share"
 class="twitter-share-button" data-count="none" data-lang="ja"
 data-url="https://twitter.com/nukaboko/status/1041865739710357504/photo/1"
 data-text="デマは罰せられるよ【文章】
 #STOPデマ【ハッシュタグ】">Tweet</a>
<br><br>

==== 以上です。やってみてね。 ====
バナー等の参考に